css - ワードプレスのさまざまなメニューのさまざまな画像

Question

私のWordPressメニューでは、テキストを含むメニューごとに異なる画像も必要です。参考画像はこちら。WordPress 3.4.2 を使用しています。ヘルプと提案は非常に高く評価されます。

画面オプションの画像を更新する

Answer 1

カスタム クラスをメニュー項目に追加して、CSS でスタイルを設定できるようにする 2 つの方法を次に示します。

1. Appearance > MenusWordPress 管理パネルのページScreen Optionsで、ページの右上にある をクリックします。スライドアウト メニューが表示され、 というラベルの付いたオプションを確認できますCSS Classes。このオプションを有効にすると、タイトルを追加するのと同じ方法で、各メニュー項目にカスタム クラスを追加できます。

2. クラスをカスタマイズしてWalker、増分クラス名を各 (最上位) 要素に追加できます。Walker クラスの仕組みについては、次の記事をご覧ください: http://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/

Answer 2

1. 画像スプライトを使用する
2. <li>アイテムごとに異なるクラスを使用する
3. そのクラスの背景として画像を配置します。