WordPressのナビゲーションメニューにホームアイコンを追加する

ホームメニュー

私たちはWordPressが大好きで、事実上毎日それを使っています。 WordPressでアクティブになっているナビゲーションメニューは信じられないほどです-使いやすい素晴らしいドラッグアンドドロップ機能です。 テーマにメニューを変更できるメニューセクションがない場合は、新しい開発者を見つける必要があります。

Ajaxロードを追加したので、ナビゲーションメニューのホームリンクのサイズを小さくして、ホームアイコンを配置したかったのです。 ただし、アイコンの追加はWordPressのオプションではないため、テーマのfunctions.phpファイルを使用して機能を追加する必要がありました。 オンラインでスニペットを見つけました メニューにホームリンクを追加する…テキストリンクの代わりに実際の画像を使用するように変更する必要がありました。

WordPressにホームアイコンを追加する

add_filter( 'wp_nav_menu_items'、 'add_home_link'、10、2); function add_home_link($ items、$ args){if(is_front_page())$ class = 'class = "current_page_item home-icon"'; else $ class = 'class = "home-icon"'; $ homeMenuItem = ' '。 $ args-> before。 ' '。 $ args-> link_before。 '  '。 $ args-> link_after。 ' '。 $ args-> after。 ' '; $ items = $ homeMenuItem。 $ items; $ itemsを返します。 }

このコードは、画像にもクラスを追加して、スタイルシートを介して画像の場所を調整できるようにします。