【設定編その2】シンプル&カスタマイズ「elmastudio」のWordPressテーマ”ZUKI:”

http://www.elmastudio.de/

購入編インストール編設定編その1に引き続き本日は「設定編その2」です。

前回の設定で「外観>カスタマイズ」や「外観>ウィジェット」からレイアウトのカスタマイズは出来るようになりました。

自分の好きなように画面をカスタマイズしていくと、

「ここはいらない」
「ここはこうしたい」

・・・と、少し欲がでてきました。

ワタシが変更した箇所はこちらです。

  • ナビゲーション
  • content-single.php

このページ(http://www.elmastudio.de/en/themes/docs/zuki/#zuki-menus)にドキュメントがあります。・・・が、英語よくわからずgoogle翻訳してもび、びみょ〜な翻訳。

結局、原始的なトライアンドエラー(設定を変えてみる→反映個所を探す→あ!ここか!→設定を変えてみる→出来た!・・・・という・・・感じでした。はい・・・)で行いました。

 

ナビゲーション

ナビゲーションとは、↓↓この位置↓↓にあるリンクです。

navimenu-ue

ブログ画面をずっと下にスクロールして、いちばんした。

fotter

Hedder memuは人気カテゴリに設定執筆者紹介、問い合わせ先、SNSへのリンクを設定しました。
Primary menuは非表示にしました。
Footer menuも執筆者紹介、問い合わせ先、SNSへのリンクを設定しました。

ナビゲーション設置方法

ナビゲーションはWordPressのダッシュボード>外観>メニュー を利用して作成します。

デフォルトはなにも表示されません。
ZUKI以前のWordPressテーマでメニュー表示を利用していた場合は、そのデータが引き継がれて表示されます。ワタシがそうでした。現在のデザインとレイアウトにそぐわないので、一旦以前使っていたメニューは削除し、あたらしく作り直しました。

menu1

どこに何のメニューを配置するか考えます。
「作者紹介」や「問い合わせ先」などを表示する場合はあらかじめ固定ページを作成します。
TwitterやFacebookなどのSNSを表示したい場合は「リンク」からリンク先URLを入力し、リンク先タイトルを付けます。以下、例で「hogehoge.jp」へのリンクを入力しました。

スクリーンショット_14_08_01_10_44

メニュー画面右上の「メニューを保存」ボタンを押下すると、反映されます。

menu

「HOGEへのリンク」が反映されました。

hoge

ZUKIの設定なのか?Footer Menuに同じリンクのメニューをセットすると自動的にアイコンが付けられTwitter,Facebook,google+などのSNSアイコンが表示されてキレイです。 (同じものをヘッダーやプライマリにあててもアイコンにはなりません。jetpackを入れて別途SNS設定をするとアイコン表示になる・・・ような感じに書いて・・・あるけど英語わかんない(汗))

 

content-single.phpの編集

イメージ写真として添付した画像が2回連続して表示されてしまう(投稿したときのサイズと、アイキャッチ画像サイズ)のを避けるために編集します。見た目がイマイチだったので。気にならなければとくに編集する必要はありません。

ダッシュボード>外観>テーマ編集へすすみ、右側のphpファイルの一覧から「content-single.php」を選びます。編集に失敗するとヤバいので(経験済み(汗))中身を全部コピペしてテキストエディタにバックアップをとります。

phpファイルから「thumbnail」を検索すると該当箇所が出てきます。

singlephp

<?php if ( '' != get_the_post_thumbnail() && ! post_password_required() ) : ?> 
<div class="entry-thumbnail"> <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'zuki' ), the_title_attribute( 'echo=0' ) ) ); ?>"><?php the_post_thumbnail(); ?></a> </div>
<!-- end .entry-thumbnail -->

上記の箇所に、非表示タグを加えます。

<?php if ( '' != get_the_post_thumbnail() && ! post_password_required() ) : ?>
 <!-- <div class="entry-thumbnail">
 <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'zuki' ), the_title_attribute( 'echo=0' ) ) ); ?>"><?php the_post_thumbnail(); ?></a>
 </div><!-- end .entry-thumbnail -->

 

これで、やっと自分がなんとかまあ「見られる」表示になりました。
もうすこし、あちこちすこしずつ手入れしてくらしすたんとっぽい感じにしたいですね。
長らくのおつきあいありがとうございました。
参考になれば幸いです。

[amazonjs asin=”4873116686″ locale=”JP” title=”プログラミングPHP 第3版”]

[amazonjs asin=”4844364138″ locale=”JP” title=”WordPressユーザーのためのPHP入門 はじめから、ていねいに。”]

[amazonjs asin=”B00L3KHKIQ” locale=”JP” title=”PHP (ピーエイチピー) スペシャル 2014年 08月号 雑誌”]

コメント

タイトルとURLをコピーしました