function.php調査vol.6|WordPress
- 2010.10.28
| TonTonだよ。 |
| 「カスタムメニューを利用してナビゲーションバーを作ってみる」 |
![]() |
| 「外観」のところで「メニュー」を選択します。 |
| function.php に、以下の記述を書き込みます。 |
| /*****************/ //カスタムメニュー register_nav_menus(array( ‘navbar01′ => ‘ナビゲーションバー’ )); |
| 管理画面の「メニュー」から「メニューの名前」にここでは「menu01」と名前をつけます。 |
![]() |
| ※メニューの名前はID、クラス名として使用されるので英数字で指定してください。 |
| 入力したら「メニューを作成」をクリック、クリック! |
![]() |
| 次にページを作ります。 |
![]() |
| ここで何でもいいのでページを数ページ作ります。 「会社概要」「実績」「プロフィール」 |
| ※「checkpage」は気にしないでください。プラグインテストで作っただけです。 |
| 先ほどの「メニュー」にもどって |
![]() |
| 「ページ」のところに先ほど作ったものがあるのでチェックを入れて「メニューに追加」をクリック |
| そんで、バーの右端に「ページ」があるからクリックすると |
![]() |
| ひらいた! |
| 「ナビゲーションラベル」に「profile」って入力して「メニューを保存」をクリックする |
| 「プロフィール」から「profile」に変わった。 |
| 次にトップページにこのナビゲーションを反映させるためには |
| 表示させたい箇所に |
| <?php wp_nav_menu(array(‘theme_location’ => ‘navbar01′));?> |
| (header.php? index.php? どこでもいいです。)をいれる。 |
| 管理画面のメニューに戻って |
![]() |
| バーをつかんでドラッグするとメニューの順番を変えることができた。 「メニューを保存」を押す。 |
| 次に「テーマの場所」。 |
![]() |
| でmenu01を選択して「保存」をする。 |
| そしてトップページを確認~~ |
![]() |
| そしてトップページを確認~~ |
| 出たけど、なんか縦に並んでる(><) |
| 次回までにこのたて並びのナビをきれいにしときます。 今回は以上です! |

















