2011-06-30 12 views
0

トップナビゲーションメニューボタンに色を分けたいのですが。たとえば、「ホーム」メニューボタンを「バージョン情報」ボタンとは異なる色にしたいとします。誰もがこれで私を助けてくださいでしたか?私のCSSはひどいです。WordPress:ナビゲーションメニューに異なる色を割り当てるにはどうすればいいですか?

これを実行するWordPressプラグインはありますか?

誰かが私を助けてくれることを願っています。前もって感謝します。

トーマス

+0

の代わりに選択したい要素の位置に「n」を交換し、要素の種類を置くが、これを行い、これはプラグインを作るには余りにも簡単です。あなたのサイトへのリンクを投稿する必要があります。あなたの迅速な対応のために – bingjie2680

+0

thanxしかし、私はまだlocalhost上で自分のサイトをベータテストしています。このシナリオのプロセスを説明できますか?私はそれほど感謝しています。 Rgds – Tomas

答えて

7

あなたはWordpressのメニュー管理を使用している場合は、「外観」の下の「メニュー」オプションを使用して、すべてのメニュー項目にクラスを割り当てることができ、あなただけの希望の色を持つ複数のCSSクラスを作成する必要がありますし、メニュー項目のドロップダウンをクリックして追加します。

.red { color:red } 

enter image description here

+0

これはまだですか?私はワードプレス3.7.1でそれを見つけることができません –

+0

もう一度、画面オプションがこれを表示するように設定されていることを確認します。それは私のためではなかった - ドウ! –

0

まず、あなたはのstyle.cssを開く方法を知っている(またはメインのCSSファイルには、あなたのテーマのためには何でも)です。オープンしたら、変更したいメニュー項目のスパンクラスを追加します。たとえば:

.item-1 { 
color:red; 
} 
.item-2 { 
color:blue; 
} 
.item-3 { 
color:purple; 
} 
.item-4 { 
color:orange; 
} 
.item-5 { 
color:green; 
} 

次に、あなたのpage.php(または任意のメインのPHPファイルがある)を開き、メニュー項目のHTMLの周りにこれらのCSSスパンクラスをラップします。もちろん、マウスをスクロールしたときの色を変更するための単純な:ホバー効果を追加することもできます。 CSSファイルのCSSアイテムを再入力して、その後にhoverを追加するだけです。たとえば:

.item-1:hover { 
color:pink; 
} 

だから、そこに行く!それはちょっと役立つことを願っています。常に楽しく、コアからサイトを構築すると、自分の周りのものをよりよくコントロールできます。もしあなたがそれについて疑問があるなら、Lemmeは知っています。

0

なぜX:nth-​​child(n)セレクタを使用しないのですか?

だけで何のプラグインがありませんあなたはX.

関連する問題