WordPress

スマホメニューにおすすめ!WordPressプラグイン「Responsive Menu」

ブログのスマホメニューを表示するのに、WordPressプラグイン「Responsive Menu」を導入してみました。

プラグインで設定した箇所は、メニューボタンの表示位置と、色を変更しただけです。

設定後のスマホメニューのサンプル

スマホメニューの表示サンプル設定した後のスマホメニュー。メニューアイコンが表示された。

ヘッダーに、ハンバーガーメニューのアイコンが表示されます。

表示の崩れなどもなくキレイにメニューが開く

Responsive Menuでメニュー開いたところプラグインをインストールしただけで、何の不具合もなく表示できた。

ハンバーガーメニューをタップすると、横からスッとメニューが表示されます。

▼・▲のボタンをタップすることで、サブメニューを展開することが可能です。

Responsive Menuのダウンロード

WordPressの管理画面から、プラグインの新規追加→Responsive Menuで検索。

もしくは、以下のページから直接ダウンロードして、プラグインフォルダにアップロードします。

WordPressプラグイン

Responsive Menu

メニューボタンの設定を変更する

Responsive Menuの設定画面設定画面は英語。英語が苦手な場合は、Google翻訳を使えば問題ないレベル。

Look & Feelのタブをクリックすると、ボタンの大きさ、表示位置、色などを変更できる項目が表示されます。

Advanced Settingのタブでは、メニューをどの画面サイズで切り替えるか、ブレークポイントを変更可能です。

ABOUT ME
とき
とき
妻と姉妹(5歳と0歳)ネコと生活している30代のパパブロガー。生後3ヶ月で心臓病の手術。人はいつ死ぬか分からない。死ぬ前に「やりたいことをはやろう」と強く考える。海外で旅をしながら猫の写真を撮影。娘が3歳の時にタイへ2人旅。人生は死ぬまで楽しい思い出を作ること。考え方が変われば結果は変わる。

COMMENT

メールアドレスが公開されることはありません。