カスタムメニューからスライドインメニューを作成する WordPress プラグイン「Mcl Slidein Nav」を作りました

表題どおりですが、WordPress のカスタムメニューにセットされたメニューより、画面横からシュッとスライドインするメニューを簡単に作成できるプラグインを作りました。

現在このブログ左上に表示されているメニューが、そのプラグインで表示しているものです。

機能

Mcl Slidein Nav管理画面

・設定画面のドロップダウンよりカスタムメニューにセットされているメニューが選択できます。選択したメニューがスライドインメニューとして表示されます。

・メニューボタンの表示はレスポンシブ対応になっていて、設定したウィンドウサイズ以下でのみ表示することが可能です。

・メニュー位置を左または右の選択ができます。

・メニューのカラーを White と dark から選択できます。お使いのテーマに合わせて色を変更して下さい。

・メニューボタンの位置を画面トップからと、上記メニュー位置で設定した左右からの位置で設定できます。

カラーテーマ

◆ White
カラーテーマ white

◆ Dark
カラーテーマ dark

メニューの動作確認

IE9+ / その他のブラウザ / iOS 9.1 / Android 4.3

ダウンロード

以下のページよりダウンロードできます。

WordPress › Mcl Slidein Nav « WordPress Plugins

使い方

1. WordPress の管理画面「プラグイン > 新規追加 > プラグインを追加」のページにて「Mcl Slidein Nav」を検索し、インストール & 有効化してください。

2. 管理画面「設定 > Mcl slidein Nav」より機能設定を行い「変更を保存」ボタンをクリックするとメニューが表示されるようになります。


すこし前に仕事でプラグインを作る機会があり、自分でも1からプラグインを作ってみたいなと思いプラグイン作りにチャレンジしてみました。

すぐに忘れてしまうので、プラグインの作り方などもまた記事に残していきたいなと思っています。

また、不具合などがございましたらツイッター(Saori(@memoca_) )やコメント欄より教えていただけると幸いです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です