ページごとにWordPressの異なるヘッダーを実装する方法は?

WordPress サイトの適切なヘッダーは不可欠です。これは、サイトへの訪問者の注意をすぐに引き付け、うまくいけば全体のエクスペリエンスを向上させることができるからです。 しかし、ますます多くのショップ オーナーは、一般的なページ ヘッダーよりも、独自のページ ヘッダーに重点を置いています。 最初は難しそうに見えるかもしれませんが、当社のガイドラインに従えば、数分で完了することができます。

この記事では、オンライン ストアのページごとに異なる WordPress ヘッダーを実装する方法の詳細について説明します。

あなたのストアでは、ページごとに WordPress の異なるヘッダーが必要なのはなぜですか?

WordPress のページごとに異なるヘッダーは、ユーザーがヘッダーをカスタマイズして他のページと区別できるようにする機能です。 適切な役割を果たしている独自のヘッダーは、ページをセクションに分割するだけでなく、ページの特別な性質にも注目を集めます。

そのため、WordPress サイトが独自のヘッダーを備えていることが重要です。 さらに、各ページに固有のヘッダーを付けることで、エクスペリエンスを調整できます。 ヘッダーの文言とロゴを変更して、視聴者にアピールし、各ページでしっかりとした第一印象を与えることができます。

ページごとに WordPress のさまざまなヘッダーをパーソナライズするには時間がかかる場合がありますが、多くの場合、重要な結果が得られます. 顧客の観点から、彼らはあなたと各ページの目的についてもっと知り、最小限の労力で探している特定の資料を見つけることができます. また、キャッチーなブランド名を作成したり、販売ページをまとめたり、販売ファネルの各ページで独自の WordPress ヘッダーを使用してコンバージョンを増やすこともできます.

サイトの各ページに固有の WordPress カスタム ヘッダーを作成するのは、骨の折れる作業のようです。 ただし、ステップバイステップの手順では、そうではありません. 実際、特定のアプローチでは、数回クリックするだけですべてが簡単になります。

WordPress のページごとに異なるヘッダーを実装する方法: 3 つの簡単な方法

ヘッダーの作成に飛びつく前に、使用するヘッダー デザインを選択することが重要な最初のステップです。 プロフェッショナルな WordPress ヘッダーを作成するための次のガイドラインと提案をご覧ください。

• サイトのタイトル、説明、およびロゴをデザインします。
• あらゆる画面サイズに対応
• ブランドの美学と各ページに合う写真を選んでください。
• 可能であれば、自分で撮影した写真を使用して、信憑性を高めてください。

それでは、WordPress のページごとに異なるヘッダーを実装してみましょう。 以下は、WordPress で各ページに固有のヘッダーを作成するための 3 つの簡単な方法 (最も簡単なものから最も難しいものまで) です。

• テーマビルダーの使用
• プラグインの採用
• 手動方法

1.テーマビルダーの使用

WordPress のほとんどのオンライン ビジネスでは、所有者はテーマ ビルダーを使用して、そのテーマに組み込まれている主要な利点のいくつかを利用することがよくあります。 最も人気のあるテーマ ビルダーには、WooCommerce (Woostify を含む)、Seed Prod、Template Toaster などがあります。したがって、通常、WordPress のページごとに異なるヘッダーを作成する機能が含まれています。

この記事では、例として Woostify テーマを取り上げます。 ただし、他のテーマを使用する場合は、これに似たものになるはずであり、テーマのチュートリアルでいつでも手順を見つけることができます.

ステップ 1: ページ ヘッダーを有効にする

ダッシュボードに移動して [外観] > [カスタマイズ] > [レイアウト] > [ページ ヘッダー] をクリックすると、以下に示すように、新しいウィンドウがポップアップ表示されます。

ステップ 2: ページ ヘッダーをカスタマイズする

ページのヘッダーの外観をすばやく変更するには、ドロップダウン メニューを使用して、表示オプション、タイトル、テキストの配置、背景色、画像などの新しい値を選択するだけです。

ステップ 3: 公開して、行ったことを保存します。

次のステップは、変更を更新することです。 サイトのすべてのページのヘッダーを更新する場合は、上記の手順に従って、ダッシュボードで[ページ] > [すべてのページ] > [ウォッチ]に移動します。

最後に、右側のサイドバーの [ページ設定] の下にある [ページ ヘッダー]領域を見つけます。 他のページで行うのと同じカスタマイザ オプションを使用できるようになりました。 WordPressでもページタイトルを非表示にすることができます。

2.プラグインの採用

WordPress プラグインを使用すると、各ページに固有のヘッダーを表示することもできます。 Unique Headers、WP Display Headers、Featured Header Images などは、利用可能な多くの WordPress プラグインのほんの一例です。

プラグインは、特殊な機能を提供することが多いため、広く使用されています。 これらの拡張機能を使用すると、サイトや各ページに新しいヘッダーをすばやく簡単に追加できます。 通常、プラグインのセットアップと有効化のプロセスは簡単です。2 分もかからずに完了します。

この記事では、「Unique Header」という名前のプラグインを使用します。 このプラグインを使用すると、投稿またはページを編集しているときに追加のヘッダー画像ボックスが表示されます. サイト全体で同じヘッダーを使用するか、別のページを編集するときに各ページで異なるヘッダーを使用するかを選択できます。

ステップ1：「ユニークヘッダー」のダウンロード

まず、最初にプラグインをダウンロードする必要があります。 プラグイン > 新規追加> 「 Unique Header 」 (または取得したい任意のヘッダー プラグイン) を検索します。 その後、「ダウンロード」をクリックして「有効化」をクリックすると、使用できるようになります。

ステップ 2: プラグインを利用する

プラグインを有効にしたら、画面の右下隅にある [カスタム ヘッダー イメージの設定] をクリックするだけです。 これで、カスタム イメージをアップロードできます。これで完了です。

最後に、ヘッダーはフロントエンドでこのようになります。

3.手動方法

WordPress では、コードを使用してヘッダーを変更できます。 これは WordPress の特徴的な機能の 1 つですが、コーディングの知識が必要なため、これを実行できる人は多くありません。 したがって、技術的なバックグラウンドを持たないユーザーは、この戦略を避ける必要があります。 テーマ ファイルを直接編集することはお勧めしません。わずかなエラーでも、Web サイトに重大な問題が発生する可能性があります。

WordPress ダッシュボードの[外観] > [テーマ ファイル エディター] の下に、テーマのヘッダー ファイルがあります。 style.css のテンプレート ファイルに移動し、ヘッダーを編集します。 次に、ページ テンプレート ファイル (page.php など) 内のヘッダー コードを次のように置き換えます。 これにより、複数のページで一意の WordPress ヘッダーを参照できます。

 <?php if(is_page(about)) { get_header('about'); } else { get_header(); } wp_head(); ?>

ご覧のとおり、「is_page」関数は、現在のページが「 about 」ページであるかどうかを判断するために使用されます。前のコードは、WordPress にファイル header-about.php を使用するように指示するだけです。 それ以外の場合、WordPress はデフォルトのヘッダー ファイルを使用します。 そこで、サイト ヘッダーにコードを挿入または削除して、サイトの外観を変更できます。

結論

この記事では、いくつかの簡単な手順で、ページごとに WordPress のさまざまなヘッダーを実装する方法を示しました。 メーリング リストに登録すると、オンライン ビジネスの最新情報を常に把握し、このようなハウツー チュートリアルをさらに見ることができます。