Twittermotoyamayuki.comBlogWordPressのメニューバーをcssロールオーバー+条件分岐で3パターン切り替え2011.02.01WordPressメニューバーの画像を全部つなげた1枚だけ作成し、ロールオーバーはcssのbackground-potisionで行う技。↓こういう画像を用意して、動作指定はサクっとcssでやっちゃうやつです。メリットとしては画像が1枚で済むマウスオーバーでの読み込み時に一瞬白くなるチラツキがなくなるjsを使わなくて済むhtmlコードがシンプルになるいや~良いことずくめだ。↓こういうことですよね。!これをWordPressで実装しようと思うと、ある問題に引っかかります。WordPressではテーマファイル内のheader.phpにメニューバーの記述をしている場合がほとんどなのですべてのページに同じメニューバーが表示されちゃいます。そこで使うのが条件分岐はい、サクッとコード書きます。リンクはaタグ、今いるページのボタンはpタグを使用。ボタンの数だけ条件分岐を記述します。→aタグってな感じですね。これでページ毎にhtmlコードが変化します。最後のブログページは、シングルページ・カテゴリページ・アーカイブページ・サーチページの4つを指定しました。Codexをご覧あれ。180px;}てな感じで一括指定できます。ページナビゲーションはユーザビリティに大きく影響する部分ですので、なるべく分かりやすく表示させたいでものです。ツイートContactお仕事のご依頼、面白いことのお誘い、一度お話してみたい!などなど、完山祐毅へのお問い合わせは、下記のフォームよりお願いします。確認のメールが届きます。※多くのご相談・ご依頼をいただき誠にありがとうございます。当面のスケジュールが決まっているため、直近での作業が必要なご依頼についてはお請けいたしかねます。恐縮ではありますが、あらかじめご了承くださいませ。