ドロップダウンメニューを作成「PixoPoint Menu Plugin」

Tweet

WordPressで、横並びのドロップダウンメニューを作成できるプラグインをご紹介。

PixoPoint Menu Plugin

プラグインをインストール・有効化後、設定→PixoPoint Menuより設定します。
HOMEの項目で表示したい内容の設定をします。
表示させたい項目をMain menu itemsにドラック&ドロップします。
ページ・カテゴリだけでなく、最近の投稿、検索ボックスなども表示することができます。

Settingsの項目では全体の設定、ドロップダウンのアニメーションの設定などを行います。

スタイルを変更したい場合は、Advancedの項目のCSS部分を編集していきます。
プラグインのフォルダ内を見ると、imagesフォルダがあり、
デフォルトで指定されている背景画像の他に、幾つか背景画像が用意されています。
試しにデフォルトで指定されている画像(dazzle_red.png)を、
dazzle_blue.pngに変更したのが下記画像になります。

表示方法ですが、表示させたい場所に下記コードを記述します。

<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();}; ?>

その他設定などに関して、サツぽろ、ニッキ。さんの、

WordPressにドロップダウンメニューを簡単に追加できるプラグイン

いぬらぼさんの、

wordpress用高機能な水平メニュープラグイン「PixoPoint Menu」

の記事が参考になりました。

タグ: PixoPoint Menu Plugin, ドロップダウンメニュー