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

カスタムメニューからスライドインメニューを作成する 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_) )やコメント欄より教えていただけると幸いです。

Related Article

1 Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー jQueryプラグイン スライドショー トラブル コードサンプル コンテンツ Facebook 素材 php 引っ越し お知らせ JavaScript カテゴリー Shareボタン CSS IE 投稿タイプ レスポンシブ Photoshop seo Macアプリ サイドバー タクソノミー HTML5 WPセキュリティ Git カスタムメニュー ナビゲーション PHPリファレンス SVG API query_posts RSS WP使い方 iTunes データベース コメント function 条件分岐 get_posts() スマートフォン Sass/Compass moreタグ