私はワードプレスのテーマを開発しており、タイトルの下にトップメニューを追加しようとしています。
ページを適切に表示する wp_nav_menu を使用していますが、スタイルを設定する方法がわかりません。
私はワードプレスのテーマを開発しており、タイトルの下にトップメニューを追加しようとしています。
ページを適切に表示する wp_nav_menu を使用していますが、スタイルを設定する方法がわかりません。
オプションは 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 とクラスで十分です。
ここでは、CSS ファイルにスタイルを設定できるように、個々の要素の css クラスを見つけることができます。
http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes