WordPress

【WordPress】カスタマイズ可能なレスポンシブメニューを追加WP Responsive Menu

November 29, 2017
WP Responsive Menu


WP Responsive MenuはWordPressサイトへのカスタマイズ可能なレスポンシブメニューを追加することができるプラグイン。カスタマイズは設定ページから直接行うことができ、コーディングは必要ありません。

WP Responsive Menuプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> WP Responsive Menuを検索
有効化にするとWPR Menuが追加されます。

General

Enable Responsive Menu レスポンシブメニューを有効にする
Live preview ライブプレビュー
Search input within menu メニュー内の検索入力
Select menu メニューを選択
Elements to hide on mobile モバイルで非表示にする要素
Search box placeholder 検索ボックスのプレースホルダ
Menu title text メニュータイトルテキスト
Menu bar logo メニューバーのロゴ
Logo link ロゴリンク
Swipe スワイプ
Zoom on mobile devices 携帯端末をズームする
Open submenu on parent click 親クリックでサブメニューを開く

Appearance

Menu icon position メニューアイコンの位置
Menu icon direction メニューアイコンの方向
Menu icon animation メニューアイコンアニメーション
Menu slide style メニュースライドスタイル
Menu open direction メニューを開く方向
Display menu from width(px) 幅(px)からの表示メニュー
Menu container width(%) メニューコンテナの幅(%)
Menu container max width(px) メニューコンテナの最大幅(px)
Menu title font size メニュータイトルのフォントサイズ
Menu title font weight メニュータイトルフォントの重み
Menu item font size メニューアイテムのフォントサイズ
Menu item font weight メニュー項目のフォントの重さ
Menu item text style メニュー項目のテキストスタイル
Submenu font size サブメニューのフォントサイズ
Submenu font weight サブメニューフォントの重み
Submenu text style サブメニューのテキストスタイル
Borders For Menu Items メニュー項目の枠線
Menu border top opacity メニューの上端の不透明度
Menu border bottom opacity メニュー境界ボトム不透明度
Menu container background image メニューコンテナの背景イメージ
Menu container background size メニューコンテナの背景サイズ
Menu container background repeat メニューコンテナの背景の繰り返し
Menu bar background image メニューバーの背景画像
Menu bar background size メニューバーの背景サイズ
Menu bar background repeat メニューバーの背景リピート
Menu elements position メニュー要素の位置

Color

Menu bar background メニューバーの背景
Menu Bar Text Color メニューバーのテキストの色
Menu container background メニューコンテナの背景
Menu item text メニュー項目テキスト
Menu item text hover メニュー項目のテキストホバー
Menu item hover background メニュー項目のホバーの背景
Active menu item アクティブなメニュー項目
Active menu item background アクティブなメニュー項目の背景
Menu icon color メニューアイコンの色
Menu icon hover/focus メニューアイコンのホバー/フォーカス
Menu border top メニューの上の境界線
Menu border bottom メニューの下の境界線