WordPressメニューをカスタマイズするためのヒント、コツ、最高のプラグイン

公開: 2018-04-04

メニューは、すべてのWebサイトで最も重要な部分の1つです。それらは遍在していて、あなたのブログを通してユーザーを案内します。 WordPressにナビゲーションメニューを追加するのは比較的簡単ですが、Webサイト用にカスタマイズするためにできることはたくさんあります。

メニューに表示したい小さなアイコンでも、まったく別のシステムで処理したい場合でも、このガイドにはすべてが揃っています。このガイドで用意したヒント、コツ、およびいくつかの最高のメニュープラグインを確認してください。

WordPressメニューにアイコンを追加する
メニューにログイン/ログアウトボタンを追加します
WordPressメニューを好きな場所に表示
WordPressメニューに検索ボックスを追加する方法
ナビゲーションメニューをページの上部に貼り付ける方法
プラグインを使用してスティッキーナビゲーションメニューを作成します
WordPressでトップレベルのメニュー項目を削除する方法
WordPressのトップ4メニュープラグイン
最高のWordPressモバイルメニュープラグイン

WordPressメニューにアイコンを追加する

WordPressでメニューを作成することはかつてないほど簡単になりました。あなたがしなければならないのは、ページを生成し、あなたのホームページの隣にそれらを追加することです。メインのナビゲーションメニューは数回クリックするだけで実行できますが、おそらく非常にわかりやすいように見えます。

視覚的に魅力的なナビゲーションメニューを作成するのに役立つプラグインは多数あります。もちろん、方法を知っていれば自分でコーディングすることもできますが、アイコンを追加することで、通常のメニューをよりユーザーフレンドリーにする簡単な方法があります。

アイコンは、私たちがなくてはならないものになっています。 WordPressダッシュボード、デスクトップ、またはスマートフォンとタブレットで何かを検索するときは、おそらくアイコンの使用に慣れています。新しいアプリケーションを数回使用しただけで、付属のすべての説明テキストよりもアイコンを覚えている可能性が高くなります。では、メニュー項目の横にアイコンを配置して、ユーザーがサイト内を簡単に移動できるようにしてみませんか？

メニューアイコン

価格：無料

それを行う方法がわからなくても、心配しないでください。それがあなたがここにいる理由です。ガイドのこの部分では、カスタムコーディングに煩わされることはありませんが、数分以内に構成できるきちんとした無料のプラグインを紹介します。

プラグイン->新規追加に移動します
「メニューアイコン」を検索する
プラグインをインストールしてアクティブ化します
[外観]-> [メニュー]に移動します
ナビゲーションメニューを開く
アイコンを選択するメニュー構造の下のページを選択します
アイコンを選択し、その位置とサイズを編集します
メニューを保存

それでおしまい！次に、メニューに必要ないくつかのクールなアイコンを見つけて、新しいデザインを楽しんでください。アイコンを使用している間は、WordPressブログにもファビコンを簡単に追加できることを忘れないでください。

メニューにログイン/ログアウトボタンを追加します

私たちが気に入っているWordPressの多くの機能の1つは、新しいユーザーを簡単に登録できることです。人気のあるプラットフォームでさまざまなユーザーの役割を制御することは、これほど簡単なことではありません。割り当てることができる登録済みの役割がすでにあり、サイトのニーズに合わせて多数のカスタムユーザー役割を作成することもできます。

それらを登録するのは速くて簡単ですが、ユーザーの世話をするのは大変な作業になる可能性があります。しかし、あなたはウェブサイトでの彼らの経験を可能な限り良くするためにあなたの力ですべてを作る必要があります。

あなたが彼らのためにできる多くのことの1つはあなたのサイトにログインしてログアウトする簡単な方法を可能にすることです。ログイン/ログアウトリンクを常にユーザーの手の届くところに作成するには、それらのリンクをメインメニューに直接配置します。まず、メニューにこれらのリンクを含めることは非常に実用的です。次に、ユーザーは、同じ方法でログインおよびログアウトする他のさまざまなアプリケーションの機能に慣れている可能性があります。

この場合、別のプラグインを取得する必要はありません。 記事のこの部分で紹介する単純なWordPress関数は、すばらしい仕事をすることができます。メニューに正しいリンクが自動的に配置されます。つまり、ユーザーがログアウトしている間、ユーザーは「ログイン」リンクを取得し、その逆も同様です。あなたもユーザーもログインボタンについて心配する必要はありません。

このシンプルでありながらきちんとしたログイン機能をメニューに追加する準備ができたら、次のことを行う必要があります。

関数.phpを開きます
以下をコピーして貼り付けます。

 関数add_login_logout_link（$ items、$ args）{
$ loginoutlink = wp_loginout（ 'index.php'、false）;
$ items。= '<li>'。 $ loginoutlink。 '</ li>';
$ itemsを返します。
}
add_filter（ 'wp_nav_menu_items'、 
'add_login_logout_link'、10、2）;

変更内容を保存

ほとんどのスニペットと同様に、関数をコピーしてファイルに貼り付けるだけで完了です。完了したら、ホームページに進んでリロードできます。まだログインしているので、メインメニューの最後の場所に「ログアウト」リンクが表示されます。必ず関数全体をチェックアウトしてください。ログアウトしてから再度ログインして、すべて問題がないことを確認してください。

この小さな機能が完了したので、ログインに成功した後、ユーザーを別のページに簡単にリダイレクトしたり、ログインまたはログアウトしたユーザーにのみコンテンツを表示したりできることを忘れないでください。

また、カスタマイズされたメニューができたので、カスタムショートコードを提供することで、サイトのどこにでも表示したいと思うかもしれません。

このような小さなスニペットでWordPressをカスタマイズするのが大好きです。あなたはどうですか？

WordPressメニューを好きな場所に表示

WordPressがバージョン3.0に到達した後、多くのものが使いやすくなりました。さまざまな新機能の中で、ナビゲーションメニューの作成は誰でもアクセスできるようになり、今日では、マウスボタンを数回クリックするだけで誰もが独自のメニューを作成できます。

投稿、ページ、カテゴリ、または外部リンクを簡単にリンクできるメニューを作成するのは簡単ですが、サイトのさまざまな場所にメニューを表示することは、 WordPressの開発に興味がない人にとっては少し大きな問題になる可能性があります。

使用しているWordPressテーマに応じて、新しく作成したメニューをページの上部に簡単に表示できます。ここでは、ナビゲーションを見つけるために使用されます。メニューをサイドバーに配置するか、フッター領域の真下に配置するかを選択できますが、投稿、ページ、さらにはウィジェットにメニューを表示したい場合はどうでしょうか。

いいえ、リンクを複製するためにカスタムリストを作成したり、HTMLコード全体を再入力したりする必要はありません。ショートコードを利用して、既存のメニューを好きな場所に配置できます。

次の行では、その方法を説明します。ショートコード機能の新しい「メニュー」が気に入っていただけると確信しています。

ショートコードを作成し、WordPressメニューを好きな場所に表示します

Functions.phpファイルを開きます
ショートコードを登録するコードをコピーして貼り付けます。

 function menu_function（$ atts、$ content = null）{
 エキス（
 shortcode_atts（
 array（ 'name' => null、）、
 $ atts
 ）。
 ）;
 wp_nav_menu（を返す
配列（
 'メニュー' => $ name、
 'エコー' => false
 ）。
 ）;
 }
 add_shortcode（ 'menu'、 'menu_function'）;

変更内容を保存

変更を保存した直後に、WordPressメニューを好きな場所に表示できるようになります。 あなたがしなければならないのはあなたが使用しようとしているメニューの名前を指定しなければならないショートコードを書き留めることです：

[メニュー名=”メインメニュー”]

ほとんどの場合、メインメニューには「メインメニュー」という名前が付けられています。ただし、他のメニューを使用する場合は、ショートコードにその名前を入力するだけです。すべてのメニュー名を覚えておく必要はありません。代わりに、 [外観]-> [メニュー]に移動し、メニューのリストを参照するか、新しいメニューを作成します。

WordPressメニューを事実上どこにでも表示できるようになったため、WordPressを利用したWebサイトで使用する多数のナビゲーションを作成できます。 1つは投稿に、もう1つはテンプレートファイル、テキストウィジェットなどに含めることができます。

WordPressメニューに検索ボックスを追加する方法

この機能を削除しない限り、WordPressでは訪問者がサイト全体を検索できます。このクールな機能について何度か言及し、検索ページでできるさまざまなことを示しました。たとえば、結果が1つしかない場合は、ユーザーを投稿に簡単にリダイレクトしたり、カスタムのGoogle検索を設定したりできます。

標準のWPウィジェットを参照したことがある場合は、サイドバーに配置する準備ができている検索ウィジェットがあることをおそらくご存知でしょう。しかし、代わりに検索ボックスをメニューの横に表示したい場合はどうでしょうか。

次の行では、日常の検索ボックスをナビゲーションメニューに配置する機能を紹介します。

メニューに検索ボックスを追加します。

関数.phpを開きます
以下をコピーして貼り付けます。

 add_filter（ 'wp_nav_menu_items'、 'add_search_box'、 
10、2）;
関数add_search_box（$ items、$ args）{
$ items。= '<li>'。 get_search_form（false）。 
'</ li>';
$ itemsを返します。
}

変更内容を保存

コードが機能することを確認するには、ナビゲーションメニューがサイトにすでに追加されていることを確認してください。

コードは非常にシンプルで、その唯一の機能は検索ボックスをナビゲーションメニューに追加することです。ほとんどの場合、検索ボックスは希望の場所に配置されません。つまり、検索ボックスを配置する場所をWordPressに指示する必要があります。

コードの3行目にある<li>タグにクラスを追加します。

 $ items。= '<li class =” searchbox-position”>'。 
get_search_form（false）。 '</ li>'

変更内容を保存
style.cssを開きます
CSSコードをコピーして貼り付けます。

 .searchbox-position {
 マージントップ：15px;
 マージン-右：20px;
 }

コードをお好みに合わせて変更してください
変更内容を保存

うまくいけば、メニューのすぐ横にボックスを完全にネストしました。あなたがそれを望むところに箱を合わせるのにそれほど多くはかかりません。検索ボックス自体のスタイルを設定し、機能を楽しむことを忘れないでください。

メニューと検索ボックスをより細かく制御したい場合は、メニューにアイコンを追加する方法と、検索用語を口述したい訪問者向けの音声検索オプションを追加する方法を確認してください。メニューと検索オプションの両方でできることは他にもたくさんあるので、検索ボックスをテストして新しいことを学びましょう。

ナビゲーションメニューをページの上部に貼り付ける方法

ナビゲーションメニューがページの上部に表示され、スクロールアドベンチャーのすべてのステップをたどるWebサイトを見たことがあるでしょう。その機能はあなたのWordPressウェブサイトであなたが望むものかもしれません、そしてガイドのこの部分では、それを作成する方法をあなたに見せようとしています。

メニューがいつでも手の届くところにあるという機能的な側面があるだけでなく、非常に美しく滑らかに見えることもあります。

CSSの知識が少しあれば、メニューをスティッキーにすることに問題はありません。 Style.cssファイルにコードを追加するだけで、新しいメニュー機能を楽しむことができます。

スタイルシート（style.php）を開きます
.nav-menuまたは.genesis-nav-menu （または使用しているテーマに応じて同様のもの）を検索します
メインメニューコンテナには次のコードを使用します。

 .nav-menu {
 位置：固定;
 背景：＃333;
 上：0px;
 右：0px;
 左：0px;
 z-index：99;
 }

コードから推測できるように、重要な部分は、メニューの位置を修正する必要がある2行目にあります。その後、上、右、左の要素を0ピクセルに設定するか、ページの上部または左右の余白から任意の距離に移動できます（例：top：10pxは、メニューを10ピクセルから配置します。サイトの上部マージン）。

ファイルを更新して、スティッキーナビゲーションメニューをお楽しみください

コードをいじりたくない場合は、プラグインを使用してメニューを固定することができます。

プラグインを使用してスティッキーナビゲーションメニューを作成します

テーマのCSSコードの行を変更するだけで、スティッキーナビゲーションメニューを作成する方法を説明しました。しかし、これがどれほど簡単であっても、誰もがWordPressファイルを調べて自分でコードを編集することを好むわけではありません。あなたがそのタイプの人であるか、メニューをより細かく制御する必要がある場合でも、心配しないでください。 プラグインを使用すると、メニューを簡単に設定してスティッキーにすることができます。記事のこの部分では、いくつかの最高のものを紹介します。

UberMenuスティッキーエクステンション

価格： $ 8

UberMenu Sticky Extensionは、UberMenuプラグインのアドオンです。つまり、拡張機能を機能させるには、最初にこのプラグインをインストールする必要があります。拡張機能により、すべてが簡単になります。インストール後、メニューをスティッキーにする準備が整います。 メニューをどこに配置しても、ユーザーがスクロールを開始すると、メニューはページの上部に表示され、簡単にアクセスできるようになります。

モバイルユーザーがメニューのすべての部分にアクセスできるようにするために、モバイルデバイスが検出されるとスティッキーオプションがオフになります。ここに追加するものはあまりありません。公式サイトのデモを確認してください。すでにUberMenuをお持ちの場合は、先に進んでメニューを固定してください。

myStickymenu

価格：無料–デモ

このプラグインは、TwentyThirteenテーマで使用するように設計されています。ただし、少し調整すれば、好きなテーマで使用できます。デフォルトでは、テーマのナビゲーションCSSクラス「.navbar」を使用します。 したがって、他のテーマで使用する場合は、テーマがナビゲーションメニューの説明に使用するクラスを見つけて、そのクラスの名前を変更する必要があります。

テーマがレスポンシブな場合、プラグインもレスポンシブになります。さらに変更したい場合は、カスタムCSSスタイルを入力して、スティッキーメニューをさらにパーソナライズすることができます。

スクロールのスティッキーメニュー（または何でも！）

価格：無料

このプラグインを使用すると、メニューを上に配置して固定することができます。しかし、それだけでなく、プラグインを使用すると、要素の適切なセレクターを見つけるだけで、要素をスティッキーにすることができます。つまり、ユーザーがWebサイトをスクロールしているときに、ロゴやヘッダー全体をページの上部に貼り付けることができます。すべてを機能させるには、適切なセレクターを見つけることができるように、HTMLとCSSについて少し知っておく必要があります。

WordPressでトップレベルのメニュー項目を削除する方法

WordPressが高度にカスタマイズ可能であることはすでにご存知でしょう。コーディング方法または少なくとも適切なプラグインを見つける方法を知っている場合は、バックエンドとフロントエンドを変換し、訪問者と作成者に独自のWebサイトを紹介することができます。

このパートでは、WordPress管理ページからトップレベルのメニュー項目を削除できるようにする簡単なコードを紹介します。

以下のコードは、管理者ではなくすべてのユーザーのトップレベルのメニュー項目をすべて削除します。続行する前に、このスニペットはメニュー項目のみを削除しますが、設定ページへの正しいパスを知っている人なら誰でもそれらの項目を引き続き使用できることを知っておく必要があります。特定のメニューページへのアクセスを完全に制限する場合は、ユーザー機能を変更する必要があります。

トップレベルのメニュー項目を削除します。

Functions.phpファイルを開きます
次のコードをコピーして貼り付けます。

 if（！current_user_can（ 'manage_options'））{
add_action（ 'admin_menu'、 'my_remove_menus'、999）;
}
関数my_remove_menus（）{
remove_menu_page（ 'index.php'）; //ダッシュボード
remove_menu_page（ 'edit.php'）; //投稿
remove_menu_page（ 'upload.php'）; //メディア
remove_menu_page（ 'edit.php？post_type = page'）; //ページ
remove_menu_page（ 'edit-comments.php'）; //コメント
remove_menu_page（ 'themes.php'）; //外観
remove_menu_page（ 'plugins.php'）; //プラグイン
remove_menu_page（ 'users.php'）; //ユーザー
remove_menu_page（ 'tools.php'）; //ツール
remove_menu_page（ 'options-general.php'）; //設定
}

変更内容を保存

このコードは、おそらくやりたくないトップレベルのメニューをすべて削除するので、必要に応じてコードを自由に変更してください。「remove_menu_page」の各行は、1ページの削除を担当します（括弧内およびコード行の横のコメントに記載されています）。 メニューに表示しないページを追加または削除して、変更をもう一度保存するだけです。

メニューからトップレベルのページを削除する方法を学習したので、トップレベルのページの下にあるサブページの一部のみを削除することをお勧めします。

WordPressのトップ4メニュープラグイン

新しいウェブサイトの構築を開始したら、遅かれ早かれメニューが必要になります。 WordPressの標準メニューオプションを使用して作成できますが、より専門的なものが必要な場合は、HTMLおよびCSSコードを知っている必要があります。それはまた、完璧に機能し、同時に美しく見えるようにすべてを設計することに時間を費やすことを意味します。

しかし、より迅速なソリューションが必要な場合、または独自の豪華なメニューをコーディングする方法がわからない場合は、WordPressを使用すると、数回クリックするだけでゴージャスなメニューを作成できるように設計された優れたプラグインをインストールできます。特別な順序なしで、ここにWordPressのための最高のメニュープラグインのいくつかがあります。

Uberメニュー

価格： $ 20 –デモ

43,000以上の売り上げを誇る、UberMenuはWordPressで最も人気のあるプラグインの1つです。デモサイトを開いて、このプラグインで作成されたメニューがどのように見えるかを確認すると、なぜそれがそれほど人気があるのかがわかります。そして、その機能のリストを作成し始めたら、おそらく自分用に1つ必要になるでしょう。

Uberメニューで作成されたメニューは、モバイル訪問者に対してレスポンシブでタッチ対応になります。美しいレイアウトを作成し、アイコン、画像、ビデオ、マップをメニューに配置できます。フォーム全体をサブメニューに配置できるため、ページを追加しなくても連絡先フォームを作成できます。プラグインは高度にカスタマイズ可能であり、ライブプレビューで50以上のスタイル設定を試すことができます。他のコンテンツからサブメニューを自動的に作成したり、メニューの下にタブを作成したりすることができます。

動的アイテム生成
タブ付きサブメニュー
強化されたユーザーインターフェイス

モーフ：カスタマイズ可能なフライアウトWordPressメニュー

価格： $ 20 –デモ

Morphは、モバイルデバイス用に設計されたフライアウトメニューです。しかし、デモページでパソコンで開くとわかるように、デスクトップでも見栄えがします。

このプラグインを使用すると、メニューを非表示にして、クリックするだけで呼び出すことができます。メニュー領域では、標準のドロップダウンメニューを作成したり、画像や検索ボタンを追加したりできます。領域全体がウィジェット化されているため、必要なものを何でも埋め込むことができます。プラグインは非常にカスタマイズ可能であるため、必要な色を選択したり、画像の高さを変更したり、ニーズに合わせて要素を追加または削除したりできます。モバイルデバイスで使用する場合は、メニューが表示される解像度を簡単に設定できます。

デスクトップデバイスとモバイルデバイスの両方でうまく機能します
カスタマイズ可能な要素を追加/削除
任意の要素によってトリガーできます

ヒーローメニュー

価格： 19ドル–デモ

シンプルなメニューでも複雑な「メガメニュー」でも、HeroMenuプラグインを使用して作成できます。作成するすべてのメニューは応答性が高く、どのデバイスでも見栄えがします。メガメニューを作成することを選択した場合、アイテムを表示または非表示にできるため、小さな画面のレイアウトについて心配する必要はありません。

Android、iOS、およびWindowsPhoneには特別なタッチサポートがあります。 ドラッグアンドドロップ技術を使用するだけで簡単に要素を追加できる全幅または固定幅のナビゲーションバーを選択します。 60を超えるプリセットの配色があり、無料のGoogleFontsをそれぞれ自由に使用できます。メニューを固定し、アクティベーション距離を選択します。この優れたプラグインはさらに多くの機能を提供できるため、CodeCanyonの機能リスト全体を確認してください。

ドラッグアンドドロップメニュー構造ビルダー
シンプルなメニューまたは複雑なメガメニューを作成する
特別なモバイルナビゲーション

マルチXバー

価格： 16ドル–デモ

Multi-Xバーはモジュラープラグインであり、ナビゲーションバーに実質的に必要なものを配置できます。メニュー項目に加えて、お問い合わせフォーム、検索フォーム、ソーシャル共有アイコン、ウィジェット領域など、最大8つの項目をバーに配置できます。

選択できる2つの異なるテーマに加えて、グラデーションが自動的に計算される間に独自の色を設定できるカスタムテーマがあります。ナビゲーションバーは、固定メニューまたはスクロール可能なメニューとして配置できます。開発者の場合、Multi-Xバーから新しいプラグインを作成する場合は、フックのセットが用意されていることを知りたいと思います。このプラグインははるかに多くのものを提供するので、CodeCanyonのすべての機能を確認してください。

8つの組み込み機能モジュール
2色のテーマ+カスタムテーマ
上部または下部の位置

最高のWordPressモバイルメニュープラグイン

私たちは皆、テクノロジーがどこまで進んだかを知っています。スマートフォンやタブレットは必然的になり、モバイルデバイスの所有者が増えています。 WiFiネットワークは私たちの都市のすべての部分をカバーしており、存在しない場合は、プロバイダーを介していつでもモバイルデバイスをインターネットに接続できます。つまり、モバイルWebサーファーの数はこれまでになく増えており、Webサイトを運営している場合はそれらの面倒を見る必要があります。

モバイルサイトを構築している場合、またはサイトを改善したい場合は、任意の画面サイズに適応し、モバイルユーザーがより簡単にナビゲーションできるようにする特別なモバイルメニューを構築する必要があります。

WordPressを使用すると、このタスクはあなたが思うほど難しくはありません。コーディング方法やメニューの設定方法を知る必要はありません。必要なのは、必要に応じて簡単にインストールおよびカスタマイズできるプラグインだけです。

ガイドのこの部分では、WordPressWebサイトのモバイルメニューを作成できる最高のプレミアムプラグインをいくつか紹介します。それでは、下にスクロールして見てみましょう。

触覚

価格： 18ドル–デモ

このプレミアムプラグインは、モバイルメニューが埋め込まれたクリーンなモバイルヘッダーを作成します。アニメーションは非常にシンプルで、スマートフォンの画面上で非常に美しく滑らかに見えます。 Tactileを使用すると、マルチレベルのアコーディオンメニューを作成したり、スワイプできるシングルレベルの水平メニューを作成したり、Webサイトに移動できるウィジェット化されたサイドバーを作成したりできます。

すべてがカスタマイズ可能です。つまり、要素を任意の色でペイントしたり、背景を変更したり、色や不透明度などを設定したりできます。メニューは絶対に固定または配置できます。モバイルデバイスをさらに細かく制御したい場合は、このメニューをアクティブにする解像度を設定できます。

いくつかのメニュータイプ
検索機能
固定/絶対ポジショニング

TapTap

価格： $ 10 –デモ

TapTapは、WordPressWebサイト用の独自のモバイルメニューを作成する力を提供します。デモサイトからわかるように、想像するほとんどすべてのものを作成でき、メニューは本当にきれいに見えます。このプラグインを使用すると、マルチレベルメニューを作成したり、表示する要素を決定したり、説明を追加したり、統合検索オプションを有効にしたりできます。

2つのメニューボタンのデザインといくつかのアニメーションから選択できます。メニューの位置は固定することも、絶対位置を使用することもできます。メニューをテーマに完全に合わせることができるように、背景スタイルを選択し、多数のスタイリングオプションで遊んでください。大事なことを言い忘れましたが、TapTapを使用すると、それ自体を表示する解像度を選択できます。モバイルナビゲーションメニューからこれ以上何が欲しいですか？

マルチレベルメニュー
2つのメニューボタンのデザインとアニメーション
固定/絶対ポジショニング

モビ

価格： 16ドル–デモ

Mobiは、モバイルWebサイトを支援する準備ができているもう1つのシンプルで優れたWordPressプラグインです。この追加により、レスポンシブテーマのナビゲーションがさらに向上します。 直感的なドラッグアンドドロップメニュービルダーを使用してメニューを作成したら、それをサイトの上部または下部に配置できます。

すべてのメニュー項目はカスタマイズ可能であり、ナビゲーションバーにソーシャルメディアアイコンを自由に追加できます。 700を超えるアイコンフォントがあり、GoogleFontsの1つを使用してデザインを完成させることができます。必要に応じて、ゲストとログに記録されたユーザーのユーザーの可視性を制御できます。

ドラッグアンドドロップによるカスタマイズ
上部または下部のメニューの配置
ゲストとログインユーザーのユーザーの可視性

ワウメニュー

価格： 44ドル–デモ

Wah-menuは、iPad touchナビゲーション用に特別に設計された、モバイルWebサイトに最適なドッキング可能なメニューです。このプレミアムプラグインを使用すると、WordPressWebサイトの側面にうまく収まる最大8つのメニューリンクを追加できます。

メニューの特定のアイコンをクリックすると、サブメニューが表示され、HTML、埋め込みビデオ、マップ、および必要なほとんどすべてのものを使用できます。プラグインは高度にカスタマイズ可能です。つまり、8つのアクセントカラーから選択し、メニューの幅、アイコン、リンクなどを試してみることができます。メニューの作成はWYSIWYGエディターで非常に簡単です。ダークテーマとライトテーマのどちらを使用する場合でも、見栄えがよくなります。

WYSIWYGエディター
HTML、埋め込みビデオなどをサポートするサブメニュー。
アウトまたはドッキング状態オプション

パススタイルメニュー

価格： $ 12 –デモ

このプレミアムプラグインは、メニュー作成専用の通常のプラグインとは多少異なります。 クラシックメニューバーやサイドバーメニューの代わりに、パススタイルメニューはボタンを作成します。ボタンをアクティブにすると、ボタンの周りに円でメニューが表示され、好きな方向にインラインで展開したり、アイコンを円弧状に整理したりできます。

複数のメニューレベルがある場合、ボタンはユーザーがメインメニューに再び移動できるようにする戻るボタンを作成します。カスタマイズオプションがたくさんあり、メニューを作成できます。 WordPressの標準メニューエディタを使用するだけです。ユニークなモバイルメニューをお探しの場合は、パススタイルメニューにチャンスを与えてください。

ボタンの周りにメニューを作成
高度にカスタマイズ可能
メニューの編集には、標準のWPメニューを使用します

Scrollnav

価格： $ 10 –デモ

あなたにいくつかの素晴らしい機能を与え、あなたのウェブサイトで見栄えがすることができるもう一つのユニークなメニュープラグイン。 Scrollnavは、いくつかのメニューオプションを含む円で構成されています。ボタンの中央にホームページリンクがあり、トップリンクは論理的にページの上部に移動し、検索ボックス、カスタムメニュー、および円のカスタムリンク部分があります。

カスタムメニューは、サブメニューを含むメニュー全体を作成するのに十分なスペースを提供します。見栄えがよく、モバイルWebサイトで非常に必要なスペースを提供します。選択できる配色はいくつかあり、すべてを簡単に構成できます。この小さなプラグインがどのように機能するかを確認するには、デモサイトを必ず確認してください。

さまざまな機能を備えた円形ボタン
カスタムメニューとカスタムリンク部分
いくつかの配色

ScrollToメニュー

価格： 24ドル–デモ

このシンプルなプレミアムプラグインは、iOSおよびAndroidのタッチナビゲーション用に構築されたクールなサイドバーメニューを提供します。メニューを作成すると、ページの別の部分にリンクして自動的にスクロールするアイコンが表示されます。

ScrollToは完全なナビゲーションメニューではなく、同じページの別の部分にのみスクロールすることに注意することが重要です。 750以上のアイコンから選択することも、独自の画像をメニュー項目として使用することもでき、広告用の追加スペースがあります。すべてを機能させるには、指示に従うことができるように、基本的なHTMLの知識が必要です。あと数分かかるかもしれませんが、最終的な結果は素晴らしいものに見えます。

タッチ対応
750以上のアイコン+カスタム画像
追加の広告スペース

結論

メニューなしでウェブサイトを運営するのは難しいことをご存知だと思います。 1ページのポケットベルを実行している場合でも、セクション間のナビゲーションが必要になります。だから、あなたがすでにここにいる間に、あなたのWordPressメニューをカスタマイズして可能な限り最高のものを作るために時間をかけてください。