WordPressのメニューに条件付きロジックを組み込む方法

公開: 2022-07-27


WordPressの個別のWebページに個別のナビゲーションメニュー製品を表示しますか? または、ログインしたバイヤー向けに多様なメニューを表示しますか?

WordPressでは、トピック内の一意のロケールでナビゲーションメニューを表示できますが、デフォルトでは、通常、同様のメニューが明確に表示されます。

この投稿では、WordPressのメニューに条件付きロジックを含める方法を明確に示します。

How to Add Conditional Logic to Menus in WordPress

なぜWordPressのメニューに条件付きロジックを増やすのですか?

ナビゲーションメニューは、WordPressインターネットサイトの構成を提供し、Webサイトの訪問者が欲しいものに出会うのに役立ちます。 デフォルトでは、WordPressサイトは、すべての顧客とすべての投稿およびWebページに正確なナビゲーションメニューを表示します。

それでも、さまざまな消費者に画面固有のメニューを表示したい場合や、Webページの特徴的なWebページに表示したい場合があります。

オンライン小売店、WordPressメンバーシップWebサイトコミュニティ、オンライン検索システムなどのインターネットWebサイトはすべて、パーソナライズされたナビゲーションメニューから報酬を得ることができます。

条件付きロジックを使用すると、ログインしているユーザーの追加メニュー商品を増やして、アカウントの管理、サブスクリプションの更新、または取得したネットクラスの確認を行うことができます。 あなたはそれをWordPressメニューエントリーコントロールと考えることができます。

それが残っているので、WordPressのメニューに条件付きロジックを含める方法を見てみましょう。 このチュートリアルで取り上げるトピックは次のとおりです。

最初のステップは、WordPressでスクリーニングしたい追加のナビゲーションメニューを開発することです。 その後、条件付きロジックを使用して、ほぼすべてのメニューをいつ表示するかを決定できます。

基本的に、WordPressダッシュボードの外観»メニューページに移動します。 インターネットサイトですべてのユーザーが使用できるナビゲーションメニューが既にある場合は、これをデフォルトのメニューにすることができます。

Main menu

今後、新しいメニューを開発するには、「新しいメニューの作成」Webサイトのリンクをクリックする必要があります。 たとえば、ログインしたエンドユーザーに表示するメニューを1つ作成し、選択したWordPressWebサイトのページまたはクラスで画面に表示するメニューをもう1つ作成できます。

画面の残りの部分に、サイトページのリストが表示されます。 メニューに増やしたいWebサイトの横にあるボックスを確認し、[メニューに追加]ボタンをクリックするだけです。

Logged in menu

画面の右側のファセットにメニュー項目をドラッグアンドドロップして、それらを再配置することもできます。

サイトのさらに下では、メニューを表示する場所を選択できます。 ただし、このメニューに場所を割り当てる必要はありません。 これは次の段階で行います。

バリエーションを購入するには、[メニューを保存]ボタンをクリックすることを忘れないでください。

メニューの生成の詳細については、WordPressでナビゲーションメニューを追加する方法に関する初心者向けチュートリアルに表示されます。

顧客がWebサイトにログインしているかどうかに関係なく、顧客にさまざまなナビゲーションメニューを表示することはしばしば価値があります。

たとえば、ログアウトした顧客のログインおよび登録ハイパーリンクを組み込んだり、ログインメニューのメニューへのログアウトWebサイトリンクを増やしたりすることができます。

または、WooCommerceの小売店で働いている場合は、一般の人々から隠されている消費者向けの商品を含めることができます。

まず、ConditionalMenusプラグインをインストールしてアクティブ化する必要があります。 詳細については、WordPressプラグインのインストール方法に関する段階的な情報を参照してください。

アクティベーション時に、外観»メニューページを確認し、[場所の管理]タブに切り替える必要があります。

Manage menu locations

下から、そこにあるメニューの場所の記録と、この時点で表示されているメニューが表示されます。 これらは、使用しているWordPressトピックに応じて変動します。

たとえば、デモWebページでは、最も重要なメニューロケールが「メインメニュー」というタイトルのナビゲーションメニューを表示していることを示しています。

'+ Conditional Menu'ハイパーリンクをクリックし、フォールダウンメニューからさらに別のメニューを決定することで、確実な苦痛が一致したときに別のメニューを表示するようにプラグインに通知できます。 このチュートリアルでは、「ログインメニュー」を選択します。

Select logged in menu

今後は、「+条件」のバックリンクをクリックする必要があります。

これにより、選択するさまざまな状況が表示されるポップアップが表示されます。

Select logged in user aa the condition

[ユーザーがログインしました]オプションの[将来]チェックボックスをオンにして、[保存]ボタンをクリックするだけです。

これで、Webサイトにアクセスして、ログインしているコンシューマーメニューの動作を確認できます。 Webサイトからログアウトして、他のすべてのユーザーに証明されているナビゲーションメニューを表示できます。

Different menu for logged in users

より詳細な手順と、このコードの適用方法を習得するには、WordPressでログインしている購入者にさまざまなメニューを表示する方法についてのガイドをご覧ください。

ユーザーがログインした瞬間に、割り当てたユーザーロールに応じてさまざまなナビゲーションメニューを画面に表示することもできます。

適切な例として、管理者向けの追加のメニュー製品と、寄稿者向けの最小限のアイテムを含めることができます。 または、メンバーシップWebページで、さまざまなメンバーシップ範囲へのさまざまな量のアクセスを許可できます。

前のセクションと同様に、条件付きメニュープラグインを設定してアクティブ化し、[外観]»[メニュー]ページにアクセスして、[場所の管理]タブに変更する必要があります。

Select the Conditional Menu

あなたは本当にあなたが見つける人の役割のための適切な条件付きメニューを組み込むべきです。 このチュートリアルでは、「NavMenuAdministrator」メニューを選択しました。

その後、「+条件」リンクをクリックして、消費者のポジションを選択する必要があります。

Select the Roles That Should See the Menu

Webサイトのすべてのコンシューマージョブのチェックボックスを表示するには、[ユーザーロール]タブをクリックする必要があります。 このメニューが表示されるコンシューマーロールをクリックしてから、[保存]ボタンをクリックするだけです。

WordPressのユニークなウェブページに別のメニューを表示できます。 説明のために、Cookie検出へのWebサイトのリンクなど、プライバシーカバレッジWebページにさらにメニュー製品を表示できます。

これを行うには、前述のように条件付きメニュープラグインを設定してアクティブ化し、受け入れ可能なナビゲーションメニューを選択して、[+条件]バックリンクをクリックする必要があります。

今回は、実際に[ページ]タブをクリックする必要があります。 あなたはあなたのインターネットサイト上のすべてのサイトのリストを見るでしょう。

Select the Pages Where the Menu Should Be Displayed

ナビゲーションメニューを表示したい個々のウェブサイトページの近くにチェックマークを付ける必要があります。次に、[保存]ボタンをクリックするだけです。

WordPressのランディングインターネットページでナビゲーションメニューを非表示にする

Webサイトに、ナビゲーションメニューをまったく表示したくないWebページがある場合があります。これらの種類は、ランディングページです。

ランディングWebサイトは、利益を増やしたり、組織の潜在的な顧客を獲得したりするために構築されています。 これらのWebページでは、気を散らすものを最小限に抑え、特定のアクションを検討するために必要なすべての詳細を顧客に提示する必要があります。

ランディングサイトのコンバージョンを300%改善する方法に関するガイドブックでは、ナビゲーションメニューやその他のハイパーリンクをWebページから削除することで、気を散らすものを減らすことができることをお勧めします。

あなたは条件付きメニュープラグインを利用してそれを行うことができます。 条件付きメニューを決定するときは、今回はフォールダウンメニューから[メニューを無効にする]を選択する必要があります。

Select Disable Menu From the Drop Down

次に、メニューを表示するタイミングを選択するには、[+条件]接続をクリックする必要があります。

[ページ]タブをクリックして、ランディングページに将来チェックマークを付けるだけです。

Select the Pages Where the Navigation Menu Should Be Hidden

構成を保存するために[保存]ボタンをクリックすることを忘れないでください。

ナビゲーションメニューは、強力なワールドワイドウェブ構造ソフトウェアです。 エンドユーザーをWebページの最も重要なセクションにステージングすることができます。

さまざまなWebページに独自のナビゲーションメニューを表示し、独自のエンドユーザー向けに表示しているので、それらをさらにパーソナライズする方法について疑問に思われるかもしれません。

これらの便利なチュートリアルを試して、WordPressWebサイトのナビゲーションメニューのパフォーマンスを延長してください。

このチュートリアルが、WordPressのメニューに条件付きロジックを含める方法を発見するのに役立つことを願っています。 自動化されたワークフローを構築する方法を研究したり、WordPressやWooCommerceの理想的なソーシャルプルーフプラグインの記録を調べたりすることもできます。

この記事が気に入った場合は、WordPressムービーチュートリアルのYouTubeチャンネルに登録してください。 TwitterやFacebookで私たちを発見することもできます。