WordPressのナビゲーションバーを編集する方法を知りたいですか？簡単な答えは、組み込みのメニューエディターまたはSeedProdのようなドラッグ＆ドロップビルダーを使用できるということです。
ナビゲーションバーは、訪問者が最初に目にするものの一つです。それを編集することで、リンクの追加、ボタンの作成、デザインのカスタマイズが可能になり、訪問者がサイト内を簡単に移動できるようになります。
このガイドでは、WordPressのメニューを編集する2つの簡単な方法を紹介します。1つ目はSeedProdを使用してデザインを完全に制御する方法、2つ目はWordPressのデフォルト設定を使用して迅速に編集する方法です。
WordPressメニューを編集する理由
WordPressナビゲーションバーを編集すると、サイトの使いやすさが向上し、訪問者をコンバージョンに導く効果が高まります。明確なメニューは、人々が適切なコンテンツをすばやく見つけるのに役立ち、サイトに長く滞在してもらい、サインアップや売上を増加させます。
デフォルトでは、WordPressは公開済みのページでメニューを作成します。しかし、ブログ投稿、商品ページ、カテゴリ、または外部サイトへのリンクでカスタマイズできます。これにより、基本的なメニューがサイト内でユーザーを誘導するための強力なツールに変わります。
たとえば、メールサインアップページへのリンク、ショップページへのリンクを追加したり、最も人気のあるブログカテゴリを強調したりできます。洗練された外観のために、ボタン、アイコン、ドロップダウンメニューを追加することもできます。
要するに、ナビゲーションバーをカスタマイズすることで、ユーザーエクスペリエンスが向上し、ウェブサイトの目標をより早く達成できます。
WordPressでナビゲーションバーを編集する方法：2つの方法
WordPressナビゲーションバーは、SeedProdのようなドラッグ＆ドロップビルダーを使用するか、WordPressの組み込みメニューエディターを使用するかの2つの方法で編集できます。どちらも初心者向けですが、カスタマイズのレベルが異なります。
コーディングなしでデザインを完全に制御したい場合は、SeedProdが最適です。これにより、メニューの作成、ボタンの追加、すべてのスタイリングを視覚的に行うことができます。迅速な編集を好み、高度なデザインオプションを必要としない場合は、デフォルトのWordPressメニュー設定で十分です。
方法1. SeedProdでWordPressナビゲーションバーを編集する方法
WordPressナビゲーションバーを編集する最も簡単な方法は、SeedProdを使用することです。これはドラッグ＆ドロップビルダーで、コードを書かずにメニューのデザイン、ボタンの追加、スタイリングのカスタマイズが可能です。
SeedProdを使用すると、カスタムWordPressテーマを作成したり、ランディングページを作成したり、ヘッダーやメニューなどのサイト全体の要素を1か所で編集したりできます。Nav Menuブロックを使用すると、ポイント＆クリックでナビゲーションバーを視覚的に簡単に編集できます。
メニュー以外にも、SeedProdは以下のことにも役立ちます：
- 近日公開ページを作成する
- メンテナンスモードの有効化
- カスタム404ページとログインページの作成
- ソーシャルメディアコンテンツの埋め込み
- WooCommerceストアのデザイン
次に、SeedProdを使用してWordPressナビゲーションバーを編集する手順をステップバイステップで説明します。
ステップ1：SeedProdプラグインをインストールする
WordPressのナビゲーションバーをSeedProdで編集するには、まずプラグインをインストールして有効化します。 SeedProdの料金ページにアクセスし、プランを選択して、アカウントダッシュボードからプラグインをダウンロードしてください。
次に、プラグインをWordPressサイトにアップロードし、有効化をクリックします。その後、SeedProd » 設定に移動し、ライセンスキーを貼り付けて、キーの検証をクリックしてテーマビルダー機能をアンロックします。
次に、WordPressダッシュボードのSeedProd » テーマビルダーに移動して、カスタムテーマとメニューの作成を開始します。
注意：テーマを置き換えたくない場合は、ランディングページを作成し、そのヘッダーをカスタマイズすることで、SeedProdでナビゲーションバーを編集できます。
ステップ2. WordPressテーマテンプレートの選択
SeedProdでナビゲーションバーをセットアップする最も速い方法は、既製のWordPressテーマテンプレートから始めることです。各テンプレートには、ヘッダー、フッター、ホームページ、ブログなど、サイトのすべてのパーツが含まれているため、デザインをカスタマイズするだけで済みます。
テーマビルダーダッシュボードから、テーマをクリックしてテンプレートギャラリーを開きます。新しいタブでデザインをプレビューし、ビジネスに合ったものを選択できます。
このチュートリアルではCar Maintenanceテーマを使用しますが、どのテンプレートでも選択できます。オレンジ色のチェックマークをクリックして、サイトにインポートします。
インポートされると、SeedProdはヘッダー、フッター、ブログページを含むサイトの構造を自動的に作成します。これで、ドラッグアンドドロップエディターで任意のパーツを開いてカスタマイズを開始できます。
ステップ3. ヘッダーテンプレートパーツのカスタマイズ
ナビゲーションバーはヘッダーテンプレート内にあります。SeedProdの既製のテーマは通常、自動的に1つ追加するため、ヘッダーを開いてカスタマイズするだけで済みます。
ヘッダーを編集するには、テーマビルダーのヘッダーテンプレートにカーソルを合わせ、デザインの編集をクリックします。これにより、ライブドラッグアンドドロップエディターが開きます。
プレビュー内の任意の要素をクリックして編集します。設定パネルが左側に表示され、テキスト、スタイル、機能を変更できます。
たとえば、ロゴブロックをクリックしてプレースホルダーロゴを削除し、WordPressメディアライブラリから独自のロゴをアップロードします。
また、ソーシャルメディアアイコン、検索バー、カスタムボタンなどの新しいブロックをヘッダーにドラッグして、ナビゲーションバーを拡張することもできます。
ヘッダー編集の基本をカバーしたので、次のステップでナビゲーションメニュー自体をカスタマイズする準備ができました。
ステップ4. WordPressナビゲーションバーの編集
SeedProdはナビゲーションメニューブロックを使用してサイトのナビゲーションを表示します。このブロックは、メニューを管理するための2つの方法を提供します。簡単なリンク用のシンプルなオプション、または高度な制御用のWordPressメニューオプションです。
オプション1：シンプルなメニュー – ビルダー内に直接、任意のページ、投稿、カテゴリ、タグ、または外部URLへのリンクを追加します。セットアップは高速ですが、ドロップダウンメニューや既存のWordPressメニューはサポートしていません。
シンプルなメニューは、配置、フォントサイズ、間隔、区切り文字のオプションでスタイル設定できます。高度なタブでは、水平または垂直レイアウトを切り替え、タイポグラフィ、色、境界線を調整します。
オプション2：WordPressメニュー – ドロップダウンから、WordPressで既に作成したメニューを選択します。このオプションはモバイルナビゲーションをサポートし、WordPressの組み込みメニューエディタの柔軟性を引き継ぎます。
レイアウトを調整できるデフォルトのWordPressメニューページへのクイックリンクも表示されます。シンプルなメニューと同様に、高度なタブではフォント、色、影、デバイスごとの表示などをカスタマイズできます。
WordPressにメニューボタンを追加する方法
メニューボタンは、「サインアップ」や「開始する」などのアクションを強調するのに役立ちます。SeedProdでは、ボタンブロックを使用して追加できます。
左側のサイドバーから、ボタンブロックをヘッダーにドラッグします。次に、行動喚起テキスト、リンク、およびスタイルを、設定パネルで直接カスタマイズします。
プロのヒント：不要な要素は、その上にカーソルを合わせてゴミ箱アイコンをクリックして削除します。
メニューが希望どおりになったら、右上隅にある保存をクリックしてエディタを閉じ、テーマビルダーダッシュボードに戻ります。
この同じプロセスを繰り返して、WordPressテーマの他の部分をカスタマイズできます。
ステップ5.カスタムWordPressテーマを公開する
WordPressメニューとテーマテンプレートを編集した後、変更をウェブサイトで公開する準備が整いました。これを行うには、テーマビルダーページからSeedProdテーマを有効にするトグルを見つけて、「オン」の位置に切り替えます。
これで、ホームページにアクセスして、新しいカスタムナビゲーションメニューを確認できます。
方法2.プラグインなしでWordPressでメニューを編集する
現在のテーマを維持したい場合は、WordPressの組み込みメニューエディタでナビゲーションバーを編集できます。このオプションは追加のプラグインを必要としませんが、デザインの選択肢は限られており、テーマによって異なります。
開始するには、WordPressダッシュボードの外観 » メニューに移動します。ここでメニューリンクを追加、削除、整理できます。
新しい項目を追加するには、左側のパネルからページを選択し、メニューに追加をクリックします。投稿、カテゴリ、カスタムリンク、またはタグを展開して含めることもできます。
次に、メニュー設定 » 表示場所の下でメニューが表示される場所を選択します。オプションはテーマによって異なり、以下が含まれる場合があります：
- プライマリメニュー
- セカンダリメニュー
- オフキャンバスメニュー
- ユーザーアカウントメニュー
- フッターメニュー
完了したら、メニューを保存をクリックし、サイトをプレビューして更新されたナビゲーションバーが機能していることを確認します。
より詳細な制御を行うには、カスタムCSSでメニューをスタイル設定できます。WordPressナビゲーションメニューのスタイル設定に関するこのガイドを参照してください。
次のステップ
このステップバイステップのチュートリアルが、WordPressで簡単にメニューを編集する方法を学ぶのに役立ったことを願っています。WooCommerceサイトをお持ちの場合は、メニューにWooCommerceショッピングカートアイコンを追加する方法に関するこのガイドも役立つかもしれません。
コードなしでウェブサイトのメニューのカスタマイズを開始する準備はできましたか？
今すぐSeedProdを使い始めましょう。
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
