WordPressでスマホ用のレスポンシブメニューを簡単に設置する

WordPressでスマホ用のレスポンシブメニューを簡単に設置する

今やモバイル対応は当たり前で、設置する中では一番難しいのがレスポンシブメニューと言ってもいいくらいです。

という訳で、レスポンシブに対応したスマホ用のナビゲーションメニューを簡単に設置できるWordPressプラグイン「Responsive Menu」をご紹介したいと思います。

本当はプラグインは使いたくない

WordPressでサイトを作っている方は、できるだけプラグインを使わないようにしたいところですが、複数のjQuery(ジェイクエリー)を設置する場合、なかなか上手く動作しない場合が多いです。

複数のjQuery設置に苦戦

私はブログやサイト内でスライドショーとレスポンシブメニューを設置することが多いのですが、プラグインを使わず実装した場合、この2つを使うと不具合がおこることが多々あります。

私の過去の経験上、プログラムの知識があまりない場合、ネットの情報だけでプラグインを使わず複数のjQueryを設置することは苦戦を強いられます。

過去数々の苦戦を強いられた結果、妥協策として私がよく利用するレスポンシブに対応したWordPressプラグインメニューをご紹介したいと思います。

プラグイン「Responsive Menu」

【PCの場合】
ロゴがあり、その横並びでメニューがある

【スマホの場合】
ロゴがあり、その横に三本線のボタンがあり、押すと横からスライドしてメニューがでてくる

私の別ブログで使っています。

デモはこちら

今回は使い方等の説明は省きますが、このように使えるプラグインがあればどんどん紹介していきたいと思います。