0

私はテンプレートページ内のワードプレスサイトにカスタムメニューを追加しようとしています。私は正常に私は疑問が私はあるワードプレステンプレートにカスタムナビゲーションメニューを追加する

< ? php wp_nav_menu(array('theme_location' => 'new-menu')); ?> 

私のワードプレスのページの上にこのpage.php内部のメニューと、正常になったメニュー項目を追加しました

 function register_my_menu() { 

     register_nav_menu('new-menu',__('New Menu')); 
    } 

    add_action('init', 'register_my_menu'); 

今、このコードで新しいメニューを登録しましたこのようなメニューアイテムを見るとhttp://prntscr.com/dt6300のようになります。カスタムメニューのスタイルを設定するにはどうすればよいですか?誰かがヒントを与えることができれば!

答えて

0

どのようなメニューを作成するかによって異なります。ブラウザ上のコードを調べて、生成されたHTMLのクラスを確認し、各要素の相対的なCSSを作成することができます。 あなたがwp_nav_menucontainer引数を渡すことができます:ULをラップするかどうか

https://developer.wordpress.org/reference/functions/wp_nav_menu/ 'コンテナ'

(文字列)を、そして何でそれをラップします。デフォルトの 'div'。

と要素にidとクラスを与えるために、次の引数:

'menu_class'

(文字列)CSSクラスメニューを構成するul要素に使用します。デフォルトの 'メニュー'。

(列)

メニューを構成するul要素に適用されるID 'をmenu_id'。デフォルトはメニュースラッグで、増分されます。

容器に適用される 'container_class'(文字列)

クラス。デフォルト 'メニュー - {メニュースラッグ} - 容器'。

(列)

容器に適用されるID 'をcontainer_id'。

あなたもここで見ることができます: https://codex.wordpress.org/Creating_Horizontal_Menus

<?php wp_nav_menu(array('theme_location' => 'new-menu', 'menu_class' => 'mymenuclass', 'menu_id' => 'mymenuid', 'container_class' => 'mycontainerclass')); ?> 
+0

こんにちは。ご返信ありがとうございます。上記のコードを編集して簡単な例で私に説明してください。 –

+0

自分で試してみて、試してみてください。 – DaFois

+0

私はPHPのコーダーではないので、構文は分かっていません。右の属性をどこに置くべきか分かりません。私は自分でCSSクラスを開発します。 –

関連する問題