wordpress - wp_nav_menu のカスタマイズ方法

Question

私はワードプレスのテーマを開発しており、タイトルの下にトップメニューを追加しようとしています。

ページを適切に表示する wp_nav_menu を使用していますが、スタイルを設定する方法がわかりません。

Answer 1

オプションは codex で説明されています。以下のように、サンプル コードをコピーして貼り付け、独自のクラスと ID を追加するだけです。

<?php $defaults = array( 
 'container_class' => 'my-container-class', 
 'container_id'    => 'my-container-id',
 'menu_class'      => 'my-menu', 
 'menu_id'         => 'my-menu-id',
 'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
); ?>

<?php wp_nav_menu( $defaults ); ?>

%1$s などは $items_wrap セクションで説明されています。これらは基本的に、これらのカスタム クラスと ID をコード内のどこに配置するかを選択するためのものです。すべての設定が完了したら、style.css ファイルを開いて楽しみましょう。

.my-container-class {
 /* set your rules here */
}

#my-container-id {
 /* and so on... */
}

もう 1 つの単純なオプションでは、コード インスペクターと CSS の基本的な知識のみが必要です。Wordpress によって生成された ID とクラスで十分です。

Answer 2

ここでは、CSS ファイルにスタイルを設定できるように、個々の要素の css クラスを見つけることができます。

http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes