WordPressで今このページだよ!とナビゲーションを変更する方法にコメントTweet明日は少し暖かいらしいですね。外歩いていても、梅に混じって桜も咲いてますよね。今日も『よく使う』シリーズ。いうか、これはもうだいたい設定しちゃうパターンのやつです。ナビゲーションをクリックして、ページ遷移した時に『今このページだよ!』と教えてあげるのは、非常に親切な設計ですよね。HTMLに直接書いたり、Javascriptを用いたりするとできそうですが、WordPressであれば条件分岐を使ってやっちゃいましょう。基本のナビゲーション今このページだよ!を表すcurrentWordPressでやる場合まとめ基本のナビゲーションまずは基本のナビゲーションです。#fff;}ただの横並びのシンプルなナビゲーションですね。自分で作っておいてなんですが、こんだけのメニューって、一体何のサイトなんでしょうね。今このページだよ!を表すcurrentもうすでに上のcssには入っていますが、今いるページを示すために、class=”current”をつけることにします。href="./inquiry/">お問い合わせ</a></li></ul>という状態になります。HTMLで作っている場合は、とりあえず1ページずつ設定してくのが簡単で早そうな気がします。WordPressでやる場合WordPressでcurrentを入れる場合、header.phpなどで共通パーツ化していることがほとんどですので、個別に書き出すことができません。いう時は条件分岐を使ってあげましょう。href="./inquiry/">お問い合わせ</a></li></ul>さっきのHTMLと違って、liのすぐ後ろにphpが書かれています。endif;?>これは、『もしトップページだったら、class=”current”を表示しなさい』という意味になります。endif;?>『ページのスラッグが「company」だったら、class=”current”を表示しなさい』という意味になります。まとめナビゲーション部分が、ちょっと長くなってしまいますが、この条件分岐の仕方を覚えておくと、いろいろと応用が効くので便利ですよ。あとこの方法はカテゴリーにも使えるので、だいたいのナビゲーションに使えるんじゃないかと思います。いうか、僕はほとんどこの書き方。その他にも条件分岐を使っていくといろいろなことができますが、あんまりやり過ぎると条件分岐するよりも、テンプレートわけたりするほうが楽だったりするので、そのあたりの加減も大事ですよね。次の投稿:モバイルユーザビリティ上の問題が検出されまくってますコメントを残すコメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。WordPress.。