WPにメガメニューを簡単に追加する方法(jQuery Mega Menu)

WPにメガメニューを簡単に追加する方法(jQuery Mega Menu)


●jQuery Mega Menuプラグインを追加インストールする。
●functions.phpに以下を追記する。

// jQuery Mega Menu用
register_sidebar(array(
‘name’ => ‘my_mega_menu’,
‘before_widget’ => ‘<div id=”my-mega-menu-widget”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ”,
‘after_title’ => ”,
));

 

あと、これも!

//カスタムメニュー
add_theme_support( ‘menus’ );
register_nav_menus( array(
‘side_navi’ => ‘サイドナビ’,
‘side_navi_top’ => ‘サイドナビtop’,
‘foot_navi_solanome’ => ‘フッターナビSOLAMONE’,
‘foot_navi_sorakara’ => ‘フッターナビSORAKARA’,
‘foot_navi’ => ‘フッターナビ’,
‘head_navi’ => ‘ヘッダーナビ’,
‘mega_navi’ => ‘メガメニュー’,

));

※この部分⇒  ’mega_navi’ => ‘メガメニュー’,
他のは、メガメニューのとは関係ないです。

●管理画面の外観⇒メニューから
mega-menuを新規で作成、(下の方の「メニュー設定」でメガメニューのチェックボックスにチェックする。

●カスタムメニューのメニューを作成する
入れ子にしてもOK!

●一番初めに書いたところ(functions.phpに追記した分)のおかげで、
管理画面のウィジェットの所に、「my_mega_menu」というウィジェットエリアが出来ているので、
そこに「jQuery Mega Menuプラグイン」をドラッグしていれる。

●jQuery Mega Menuプラグインを好きな感じに設定して保存。

●設定したメガメニューを表示させるために、header.phpなどの表示させたいところに、
以下を追記する。↓

<!– メガメニュー カスタムメニューに連動している –>
<?php dynamic_sidebar( ‘my_mega_menu’ ); ?>
<!– メガメニュー カスタムメニューに連動している –>

●あとは、CSSで好きな感じに表示を調整してください!!

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP