jQuery Mega Menu

jQuery Mega Menu

• 高機能なナビゲーションメニューを作成するプラグイン

• プラグインのサイトを表示
• 「Adding A Widget Area To Your Theme Files」をクリック

• 以下をコピーする

register_sidebar(array(
        'name' => 'my_mega_menu',
        'before_widget' => '<div id="my-mega-menu-widget">',
        'after_widget' => '</div>',
        'before_title' => '',
        'after_title' => '',
));

ソースコードを挿入

• 「functions.php」に追記する
• 「egister_sidebar(array());」の最後に挿入する

ウィジェットで設定

• メニュー自体は「カスタムメニュー」で設定します

jQuery Mega Menuのドロップダウンメニューを設定

• 「header.php」を編集します
• 以下をコピーします

ナビゲーションタグを削除

• 削除した部分に以下を挿入

<?php /* Widgetized sidebar */
    if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_mega_menu') ) : ?><?php endif; ?>

表示を確認

• カスタムメニューが設定されていないと表示されません