何度か同じような問い合わせがあったので、マガジンスタイルのWordpressのテーマ「Structure」の日本語版のナビゲーションタブの設定の仕方を簡単に解説します。
ページの作り方をご存じであることを前提にしています。
まず管理画面の「テーマ」で Structure JA を選択。
「テーマ」の中の「テーマエディタ」を開き、右側の「’Structure JA’テーマファイル」ってところにズラッと縦に並んでいるリンクの「main-nav.php」をクリックする。
すると左側が「main-nav.phpの編集」というタイトルとその窓に切り替わっているはずです。
この窓の中の下の方にある
<li <?php if (is_page('Example')) { echo " id=\"current\""; } ?>>
<a href="<?php echo get_permalink(2); ?>" title="< ?php _e('Example'); ?>"><span>< ?php _e('Example'); ?></span></a></li>
っていうのをここでは使いましょう。この部分はデモ画面でいうと”Example”という一番右のタブです。
上記のコードの中の2行目にある
< ?php echo get_permalink(2); ?>
というのが、タブのリンク先アドレスです。
なので、例えばすでに「リンク」というページをつくってあるとして、そのスラグが「link」であるならば、http://www.hogehoge.net/link
というＵＲＬを上のコードと入れ替えます（hogehoge.netはご自分のURLに変えてくださいね）。つまり、
<li <?php if (is_page('Example')) { echo " id=\"current\""; } ?>>
<a href="http://www.hogehoge.net/link" title="<?php _e('Example'); ?>"><span>< ?php _e('Example'); ?></span></a></li>
となるわけです。
また、「リンク」のページであることを明記するため、1行目にある(is_page(‘Example’))の中のExampleという文字を、この例の場合であればページのスラグの「link」と入れ替えます。つまり、
<li <?php if (is_page('link')) { echo " id=\"current\""; } ?>>
<a href="http://www.hogehoge.net/link" title="<?php _e('Example'); ?>"><span>< ?php _e('Example'); ?></span></a></li>
となります。
次にタブの表示も「リンク」にしたいわけですから２行目にある< span > ～ < /span >の中にあるExampleという文字を「リンク」と入れ替えます。つまり、
<li <?php if (is_page('link')) { echo " id=\"current\""; } ?>>
<a href="http://www.hogehoge.net/link" title="<?php _e('Example'); ?>"><span>< ?php _e('リンク'); ?></span></a></li>
となります。
最後に、タブの上にマウスオーバーしたときに表示される内容も変えておきたいので、2行目の title= の後にあるExampleという文字を「リンク」と入れ替えます。つまり、
<li <?php if (is_page('link')) { echo " id=\"current\""; } ?>>
<a href="http://www.hogehoge.net/link" title="<?php _e('リンク'); ?>"><span>< ?php _e('リンク'); ?></span></a></li>
となります。
注意事項としては、この作業中に、「”」とか「’」とか消さないようにしてくださいね。この作業はあくまでも上記で明示している文字の入れ替え（上書き）となります。コードのことが一切お分かりにならないということであれば、ですが。
以上、やっていくうちにコツはつかめると思います。わたしもまだ、初心者に毛が生えた程度。いまでも色々七転八倒しています。なにしろちゃんと勉強してやっているわけではないので。
ダラダラと分かりづらい文章かもしれませんが、ご容赦くださいな（笑）。
Loading ...
