WordPressのページや投稿ごとに異なるサイドバーを追加する方法

ワードプレス異なるページや投稿にカスタムサイドバーを追加するサイドバーは、ウェブサイトの柔軟性とユーザーエクスペリエンスの向上に役立ちます。異なるタイプのコンテンツに専用のサイドバーを設定することで、カスタマイズされたウィジェット、おすすめコンテンツ、広告など、より関連性の高い情報を表示することができます。プラグインを使用して操作を簡素化する方法と、カスタムコードを使用して柔軟性を高める方法の2つの実装方法を以下に説明します。

方法1：プラグインの使用（推奨）

特にプログラミングに不慣れなユーザーにとっては、プラグインを使うのが最も便利な方法だ。プラグインは柔軟な条件設定と操作しやすいインターフェースを提供できる。以下では コンテンツ・アウェア・サイドバー プラグインを使って、異なるページや投稿に独自のサイドバーを持たせることができます。

ステップ1：プラグインのインストールと有効化

WordPressのバックエンドにログインします。
左のメニューで プラグイン > 新しいプラグインのインストール.
検索ボックスに入力 コンテンツ・アウェア・サイドバープラグインが見つかったら取付をクリックしてください。 アクティブ化.

ステップ2：カスタムサイドバーの作成

プラグインを有効にすると、左メニューに新しいオプションが表示されます。 サイドバー.特定のページや投稿のためにカスタムサイドバーを作成するために、以下のステップを踏みます。

ワードプレスのバックエンドで サイドバー > 新規追加そして、新しいサイドバーの作成を開始する。

サイドバー名新しいサイドバーに名前をつけます。管理を簡単にするために、ページや投稿の名前を含めることをお勧めします。会社概要サイドバー".
条件ページ、投稿、カテゴリー、その他の条件ごとに表示ルールを設定できます。

ポストタイプサイドバーを表示するページタイプや投稿タイプを選択します。例えば ページを選択し、さらに特定のページを選択する。会社概要".

タクソノミ: カテゴリーやタグに含まれるすべての記事に同じサイドバーを設定することは可能です。

日付イベントやプロモーションなど、特定の日付や期間にサイドバーを表示するように設定することもできます。例::
- 例えば、あなたが"会社概要"このページはユニークなサイドバーを作成します。 投稿タイプ > ページ 選択 "会社概要"ページで、このサイドバーがそのページにのみ表示されるようにする。

設定が完了したら作成作成を実行する。

ステップ3：カスタムサイドバーにウィジェットを割り当てる

新しいサイドバーを保存したら 外観 > ガジェット(外観 > ウィジェット).
ウィジェットページに作成したカスタムサイドバーが表示されます。会社概要サイドバー").

必要なウィジェット（テキスト、メニュー、ソーシャルリンクなど）をサイドバーにドラッグ＆ドロップする。注意を引く各ページのサイドバーコンテンツがメインコンテンツに関連することを確認しながら、各ページのニーズに応じて異なるウィジェットを追加することができます。
打点 セーブ 節約。

ステップ4：結果を見る

上記の手順が完了したら、ウェブサイトのフロントエンドに行き、設定したページや投稿を閲覧することができます。新しいカスタムサイドバーは設定された基準に基づいて自動的に表示され、他のページはデフォルトのサイドバーのまま表示されます。

プラグインの利点と使い方のヒント

条件ロジックは強力だ: プラグインの条件設定により、様々な状況で異なるサイドバーを柔軟に表示できます。ページ別、カテゴリ別、ユーザーの役割別、日付設定など、サイトのサイドバーレイアウトを簡単に管理できます。
コードを書く必要なしコードの書き方がわからなくても、このプラグインを使えば複雑なサイドバーの設定を完了させることができます。
ほとんどのテーマに対応::コンテンツ・アウェア・サイドバー このプラグインは、競合を引き起こしたり、ページのレイアウトを壊すことなく、ほとんどのWordPressテーマで動作します。
詳細設定複数の条件を組み合わせて、より詳細な表示ルールを作ることができます。例えば、特定のカテゴリーに属するすべての記事にサイドバーを設定し、その特定のページの一部に他のユニークなサイドバーを追加することができます。
インポート/エクスポート機能複数のサイトがある場合、または異なるサイトでサイドバーの設定を再利用する必要がある場合、このプラグインはインポート/エクスポート多くの時間を節約する機能。

方法2：カスタムコードを使う

もしあなたがコードの知識があったり、サイドバーの表示をより柔軟にコントロールしたいのであれば、テーマファイルを変更することで、異なるページや投稿に異なるサイドバーを読み込ませることができます。具体的な手順は以下の通り：

ステップ1：サブトピックの作成

テーマファイルを直接修正すると、テーマが更新されたときにカスタムの修正が失われる可能性があります。これを避けるには、子テーマを作成することをお勧めします。

ステップ2：テンプレートファイルの修正

現在のトピックを シングル.php ファイル（個々の投稿を表示する場合）または ページ.php ファイル（ページを表示するために使用される）に、ページや投稿のIDやスラッグに基づいて異なるサイドバーを動的にロードする条件文を追加します。

サンプルコード

phpコピーコード

if (is_single('your-post-slug')) {
    get_sidebar('custom-sidebar')；
} else {
    get_sidebar()；
}

上のコードでは

あなたの投稿スラッグ はカスタムサイドバーを適用したい特定の投稿のスラッグです。
カスタムサイドバー は、このサイドバーに付けられるカスタム名です。

次に、以下の名前のテーマディレクトリを作成する必要があります。 サイドバー-カスタムサイドバー.php ファイルを作成します。このファイルでは、サイドバーのコンテンツを定義するために、HTMLやPHPコードを追加することができます。

ステップ 3: 条件付きラベルの使用

WordPressには、ページや投稿によって異なるサイドバーを読み込むための様々な条件タグが用意されています。サイドバー・ファイル (サイドバー.php)で、サイドバーが異なるページに応じて動的にロードされる場合、一般的な条件タグをいくつか紹介します：

is_page()現在のページが特定のページかどうかをチェックする。
is_single(): 現在の記事が特定の記事であるかどうかをチェックする。
is_category()現在のページが特定のカテゴリーかどうかをチェックする。
is_tag()現在のページが特定のタグページかどうかをチェックする。

例えば、以下のコードを使用して、カテゴリーごとに異なるサイドバーをロードすることができます：

phpコピーコード

if (is_category('news')) {
    get_sidebar('news-sidebar')；
} else if (is_category('blog')) { { get_sidebar('blog-sidebar'); } else if (is_category('blog'))
    get_sidebar('blog-sidebar')；
} else {
    get_sidebar()；
}

ステップ 4: 結果を保存して表示

テンプレートファイルを変更した後、変更を保存してサイトを表示します。設定した条件に応じて、ページまたは投稿が適切なカスタムサイドバーをロードします。

概要

などのプラグインを通して コンテンツ・アウェア・サイドバーこれは、コードを書かずにWordPressの各ページや投稿に異なるサイドバーを追加する柔軟な方法で、プログラミングの知識がないウェブマスターに適しています。プログラミングをある程度理解している場合は、カスタムコードで異なるサイドバーの表示ルールを手動で設定することもできます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み