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
ねこもり
ねこもり
死ぬまで楽しく生きるがモットー。 元2ちゃんねる管理人で、現4chan管理人の、ひろゆきが好き。 尊敬する人は、絵を描ける人とピアノを弾ける人。嫌いなものはタバコ。 日本嫌煙党 千葉(引きこもり代表)
関連記事

COMMENT

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