WordPress はどのようにメニューを追加しますか?ナビゲーション バーの表示オプションをカスタマイズする

WordPress 3.0 以降では、ナビゲーション バー メニューをカスタマイズする機能が追加されました。

ほとんどの WordPress テーマはカスタム ナビゲーション バー メニュー機能をサポートしており、ウェブサイトのナビゲーション バー メニューを自由に設定できます。

重要なページ リンクをナビゲーション バー メニューに追加する主な機能は 2 つあります。

1. ユーザーエクスペリエンスを向上させることができます。
2. 改善することができますSEOウェイト。

現在チェン・ウェイリアンあなたと共有するだけです: WordPress ナビゲーションメニューを設定するには?

テーマにカスタム メニュー機能があるかどうかを確認するにはどうすればよいですか?

テーマを有効にした後、WordPress バックエンドにログインする →外観→メニュー。

以下の内容が表示されている場合、そのテーマはカスタム メニューをサポートしていません。それ以外の場合はサポートしています ▼

WordPress カスタムナビゲーションメニュー

メニューをカスタマイズする前に、必要な記事カテゴリとページを作成する必要があります。

記事のカテゴリやページの作成は以下のチュートリアルを参考にしてください▼

WordPressで新しいページを作成するには？ページ設定の追加/編集

WordPress ページは投稿に似ており、コンテンツの公開として機能しますが、それらは異なります。多くのインターネット マーケティング初心者は、WordPress で新しいページを作成する方法を知りませんか?それでは、Chen Weiliang が、WordPress でページ設定を追加および編集する方法を共有しましょう。鄧...

WordPress カテゴリ ディレクトリを作成する方法WPカテゴリー管理

新しいメディアの人々は、WordPress を使用してオンライン プロモーション用の Web サイトを構築することを学びます. さまざまなテーマの記事がさまざまなカテゴリに割り当てられているため、訪問者が必要なコンテンツを見つけて、ユーザー エクスペリエンスを向上させることができます.したがって、e コマース Web サイトの記事カテゴリを作成する必要があります。それか……

WordPress の作成と設定メニュー

ステップ1：WordPressのメニューページに行く

ログインWordPress バックエンド → 外観 → メニュー ▼

• ここでは、新しいメニューを作成したり、以前に作成したメニューを管理したりできます。
• 新しいメニューを作成する場合は、「メニュー名」入力ボックスにメニュー カテゴリ名を入力してください。
• 次に、[保存] をクリックして、新しいナビゲーション メニューの場所のカテゴリを作成します。

ステップ2：トピックの場所を選択

• このメニューを Web サイトのナビゲーション メニューとして指定したいと考えています。
• トピックの場所を選択し、プライマリ ナビゲーションにチェックを入れます ▼

• 「すべてのトップレベルページをこのメニューに自動的に追加する」にチェックを入れないように注意してください ▲
• この場合、最上位ページが作成されるたびにメニューに自動的に追加されますが、メニューの幅には制限があり、幅を超えると折り返されます (美観に影響します)。

ステップ3：WordPress メニュー構造の追加と並べ替え

「Menu 1」という名前のメニューを作成する例です ▼

• 左から追加したいリンク（ページリンク、記事リンク、カスタムリンク、カテゴリーリンク）を選択し、メニューに追加します。
• (実際には、ここに任意のリンクを追加できます。たとえば、ホームページを追加したり、「カスタム リンク」を使用してホームページの URL を指定したりできます)。

並べ替えメニュー構造:

• メニュー構造領域で、メニュー項目を少し右にドラッグして、セカンダリ メニューとマルチレベル メニューをすばやく設定します。
• この設定の効果は台形です。つまり、セカンダリ メニューはその上のメニューよりもインデントされます。
• ナビゲーション名の後に、灰色の「サブプロジェクト」の標識が表示されます。
• メニューを配置したら、[メニューを保存] をクリックします。

WordPress メニューオプション

WordPress のメニューは、デフォルトで一部の機能を隠しています。

メニューのより多くのプロパティを制御したい場合は、画面の右上隅にある [オプションを表示] をクリックして、非表示の機能を表示します ▼

• より多くのメニュー項目タイプを選択できます。
• 例: タグと記事、表示メニューの高度なプロパティ (リンク ターゲット、CSS クラス、リンク ネットワーク、説明)。

ナビゲーション タブ:

• リンクのテキスト。

タイトル プロパティ:

• 上の画像に示すように、タグのタイトル属性の値です。」チェン・ウェイリアンブログホームページ」。

CSS クラス:

• メニュー項目にクラスを追加します。
• このメニュー項目は CSS によって異なります。
• チェン・ウェイリアンブログホームページのCSSを追加しました fas fa-home。

リンク関係ネットワーク:

• rel 属性は、Linking Network (XFN) を介してメニューに追加されます。
• 検索エンジンにこのメニュー リンクの重みを与えたくない場合は、次のように追加できます。rel="nofllow"属性。

リンク先:

• メニュー リンクを開く方法を制御します。
• たとえば、新しいウィンドウで開きます (target="_blank")、または現在のウィンドウで開く (デフォルト)。

上の画像に示されている設定に基づいて Web ページによってレンダリングされたコードを次に示します。

<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

WordPressのメニュー管理場所

WordPressメニュー設定の上部にある管理者の場所は次のとおりです▼

• 管理画面に表示されるテーマ設定は、使用するテーマによって異なります。
• 各「トピックの場所」設定にメニューを割り当てることができるため、各場所のナビゲーション メニューに異なるコンテンツが表示されます。

これで、WordPress カスタム ナビゲーション バー メニューのチュートリアルは終了です。