WordPressでナビゲーションメニューを追加する方法

how-to-create-wordpress-menus.png


ナビゲーションメニュー(通常、メニューのみと呼ばれます)は、すべてのWebサイトの重要な部分です。それらをブログのインタラクティブマップとして想像してみてください。サイト全体の構造を表示でき、同時にメニューは訪問者がさまざまなセクションやページをより快適にナビゲートするのに役立ちます.

今日、ナビゲーションメニューなしでブログを見つけることは困難です。何千もの投稿と多数のカテゴリがあるニュースポータルに遭遇したかどうかにかかわらず、メニューはおそらくヘッダーのすぐ近くに表示されます。.

したがって、異常な状況を除いて、ナビゲーションメニューは必須の機能です。そのため、WordPressメニューの作成は、やることリストの一番上にあるべきです.

  • WordPressメニュー
    • WordPressメニューには何を入れられますか?
    • いくつのメニューとメニューの場所が期待できるか?
  • 最初のWordPressメニューを作成する方法
    • メニュー要素を追加する
    • メニュー項目の配置(ドラッグ&ドロップ)
    • サブメニューを作成する方法
    • メニュー設定
    • 画面オプション
    • サイドバーにメニューを追加する方法
  • 結論

幸い、WordPressメニューのデザインは楽しいものです。コーディングしてブログでどのように機能するかを考える代わりに, WordPress開発者 直感的でユーザーフレンドリーなシステムを構築しています。シンプルなドラッグアンドドロップインターフェイスを使用して、メニューをまとめることができます.

WordPressのメニューのデザインはテーマによって異なります。大きくも小さくも見えます。一部のWordPressメニューはアニメーション化され、動的です。他のものは通常で静的です。一部のユーザーは、ナビゲーション内に投稿、マップ、またはフォーム全体を重ねることができます。それはすべて依存します.

使いやすいメニューがない場合は、テーマ開発者のせいにすることができます。ただし、悲鳴を上げる前に、全体が完全にカスタマイズ可能であることを覚えておいてください。また、多くの素晴らしいプラグインは、昔ながらのWordPressメニューを一種のアプリケーションに変えることができます.

WordPressメニュー

今日は、プラグインと詳細なカスタマイズについては詳しく説明しません。代わりに、すべての初心者がすぐに使い始めることができる標準的なナビゲーション要素をWordPressに追加することに焦点を当てます.

WordPressメニューには何を入れられますか?

追加の拡張機能をインストールしなくても、WordPressメニューでページ、投稿、カスタムリンク、およびカテゴリを追加できます.

いくつのメニューとメニューの場所が期待できますか?

作成できるWordPressメニューの数に制限はありません。したがって、さまざまなものを自由に作成し、必要に応じてそれらを交換してください。数え切れないほどのメニューを作成できるため、個別のナビゲーションリストやソーシャルメニューを作成したり、サイドバーにメニューを追加したりできます.

すべてのWordPressテーマには、メニューを表示できる場所が少なくとも1つありますが、ほとんどのテーマにはいくつかの作業場所があります。より複雑なサイトがある場合、ページ間を移動するときに訪問者がより快適に感じることができるように、複数の領域にメニューを表示する必要があります。.

最初のWordPressメニューを作成する方法

WordPressのメニューエディターにアクセスするには、 外観->メニュー.

これがサイトの新規インストールである場合、2つのセグメントに分割された空のページが予想されます。左側のいくつかのタブには、メニューに追加できるすべての使用可能な要素が含まれています。右側では、新しいリストを作成し、その構造と設定を調整します。設定を表示する前に、新しいメニューを作成する必要があります。

  1. わかりやすい名前を付けて入力します
  2. 右側の「メニューを追加」ボタンをクリックします

最初のWordPressメニューを作成する方法

すぐに、画面の右側が変わり、メニュー構造とその設定を編集できるセクションが表示されます。しかし、まず最初に。新しいメニューにいくつかの要素を追加しましょう.

メニュー要素を追加する

この手順では、主な焦点はエディターの左側のセクションにある必要があります。前述したように、ページ、投稿、カスタムリンク、カテゴリを保持するタブがあります。ほとんどの場合、平均的なWordPressブログはメニュー要素としてページとカテゴリを使用します。だからといって、そこに他のコンポーネントを追加するべきではないという意味ではありません.

  1. いずれかのタブを開く
  2. ページ、投稿、カテゴリを選択するか、カスタムリンクを追加します
  3. 次のタブに切り替える前に、各タブの[メニューに追加]ボタンをクリックしてください

WordPressにメニュー要素を追加する

投稿、ページ、 カテゴリー リストから選択するだけなので簡単です。ただし、カスタムリンクを追加する場合は、ページの完全なURLが必要です(例: http://www.google.com)。また、そのリンクに表示される名前(ラベル)を追加します(例: グーグル

メニュー項目の配置(ドラッグ&ドロップ)

エディタの左側から右側に複数のメニュー項目を追加すると、要素がメニュー構造の下に表示されます。ここでは、WordPressを使用してアイテムをドラッグアンドドロップして、好きな位置に再配置できます。.

WordPressでのメニュー要素の配置

各要素の右側にある小さな矢印アイコンをクリックすると、WordPressはいくつかの追加設定を表示します。次に、メニュー項目のラベル(リストに表示される名前)をすばやく変更できます。また、適切なリンクをクリックしてメニュー項目の配置を制御することもできます。たとえば、オブジェクトを上下に移動したり、上に移動したり、別のピースの下に置いてサブメニューを作成したりできます.

カードの下部にある赤い[削除]リンクをクリックして、メニューから要素を簡単に削除することもできます。心配しないでください。このアクションでは、選択したページ、投稿、またはカテゴリは削除されませんが、編集中のメニューから削除されるだけです。これがカスタムリンクである場合は削除されます。同じカスタムリンクを再度追加する場合は、URLを忘れないようにしてください。.

サブメニューは、互いに依存するネストされたメニュー項目です。サブメニューの要素は、親および子メニュー項目と呼ばれます。サブメニューを表示するには、通常、ユーザーはマウスカーソルをホバーするか、親アイテムをクリックする必要があります。サブメニューは、コンテンツをカテゴリに整理し、より理解しやすいよりコンパクトなナビゲーションメニューを表示するために使用されます.

ドラッグアンドドロップでサブメニューを作成するには、1つのアイテムをもう1つのアイテムの下に移動します。ただし、マウスの左ボタンを離す前に、アイテムを少しだけ右側に移動してください。.

アイテムをドラッグ&ドロップしたくない場合(そして真実を言うと、思いついたことを達成するのにイライラすることもあります)、WordPressでは簡単なリンクを介して要素を制御できます。

  1. 親項目と子項目の両方をメニューに追加します
  2. 子として意図したメニュー項目(インデントされたもの)の小さな矢印をクリックします。
  3. 「親」セクションの下のリンクをクリックします。「親」はその上のアイテムのラベルになります

WordPressでサブメニューを作成する方法

サブメニュー項目を削除する場合は、少し左に移動できます。または、アイテムの小さな矢印をクリックして、「親から」セクションを選択します。「親」は、その上のアイテムのラベルになります.

メニュー設定

新しく作成したメニューを保存する前に、注意すべき2つの重要なオプションがあります。.

  1. ページの自動追加–新しいトップレベルのページ(親のないメインのページ)が作成されると、自動的にこのメニューに追加されます
  2. 場所の表示–テーマで複数のメニューを使用できる場合は、リストから場所を選択します

メニュー設定

構造に満足したら、エディタの右上と下の両方にある「保存メニュー」ボタンをクリックすることを忘れないでください。.

画面オプション

ページの一番上に、[画面オプション]タブがあります。クリックすると、タブにはメニュー設定を制御できるいくつかの設定が表示されます.

  • ボックス–標準の要素に加えて、メニューに追加できるタグとフォーマットを表示できます
  • 高度なメニュープロパティ–リンクターゲット、ターゲット属性、CSSクラス、リンク関係(XFN)および説明を追加

テーマにはメニューを追加するための事前定義された領域がありますが、カスタムバーをサイドバーやその他のウィジェット対応領域に簡単に追加できます.

  1. に行く 外観->ウィジェット
  2. 左側から「カスタムメニュー」ウィジェットを見つけます
  3. ウィジェットの準備ができている領域(サイドバーなど)の右側にドラッグアンドドロップします。
  4. 名前を選択してください
  5. 以前に作成したメニューを選択します
  6. 「保存」ボタンをクリックします

サイドバーのメニュー

ウィジェットの操作に慣れていない場合は、リンクをクリックして、WordPressでのウィジェットのカスタマイズの詳細をご覧ください。.

結論

ナビゲーションメニューのないWebサイトを作成することは、訪問者をまっすぐ顔に向けるのと同じです。したがって、サイトを一般に公開して宣伝する前に、サイト運営者や訪問者がサイトをすばやく移動できるようにする機能的なWordPressメニューを作成してください。優れたナビゲーションメニューは、検索エンジンでのランクを上げるのにも役立ちます.

このチュートリアルがWordPressメニューに向けた最初のステップに役立ち、問題なく新しいメニューを作成できることを願っています。必要に応じてサブメニューを作成し、ナビゲーションメニューを表示するために追加の場所を使用することを忘れないでください。ウィジェット化された領域にメニューを追加することもできます。ただし、WordPressメニューをさらに制御したい場合は、テーマを変更するか、追加のプラグインをインストールする必要があります.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map