最大限の結果を得るための13以上のWordPressサイドバートリック

あなたのサイドバーは、WordPressサイトを成長させるための秘密兵器になる可能性があります。

考えてみてください。サイドバーはほぼすべてのページに表示され、訪問者が自然に見るところに配置されています。それなのに、ほとんどの人はそれを後回しにしています。

良いニュースは、サイドバーの最適化には高度な技術スキルや高価なツールは必要ないということです。適切なアプローチで、この見過ごされがちなスペースをエンゲージメントとコンバージョンの強力な推進力に変えることができます。

サイドバーのパフォーマンスを向上させるためにこれらのトリックのいくつかを使用しており、その結果は自明です。購読者が増え、エンゲージメントが高まり、全体的なユーザーエクスペリエンスが向上しました。

このガイドでは、あなたのサイトに真の違いをもたらすことができる、実証済みの13以上のWordPressサイドバートリックをご紹介します。

WordPressサイドバーをカスタマイズする理由

サイドバーは、クラシックテーマではウィジェットエリアとしても知られており、WordPressブログまたはサイトレイアウトの指定されたセクションです。通常、メインコンテンツエリアの左側または右側に配置されます。

メインコンテンツを補完する追加情報を表示するために使用できます。これには、最近のブログ投稿、ソーシャルメディアリンク、検索バー、メールサインアップフォームなどが含まれます。

サイドバーはほとんどのテーマにプリビルドされていますが、デフォルトの機能が必ずしも特定のウェブサイトの目標に合致するとは限りません。ここでカスタマイズが登場します。

よくできたサイドバーは、ウェブサイトにいくつかの点で役立ちます。

• ユーザーエクスペリエンスの向上 – 戦略的に設計されたサイドバーは、訪問者がサイトをナビゲートし、関連情報を見つけ、最終的にページビューを増やすのに役立ちます。
• コンバージョンの増加 – 戦略的な行動喚起ボタン、メールサインアップフォーム、またはソーシャルメディアアイコンは、訪問者に希望するアクションを促すことができます。
• ブランド認知度の向上 – サイドバーを使用して、ブランドロゴ、ソーシャルメディアプロフィール、またはブランドアイデンティティを強化するその他のビジュアル要素を表示できます。

サイドバーを制御することで、ウェブデザインとユーザーエクスペリエンスを向上させるように調整できます。

これを踏まえ、サイドバーを強化するための、WordPressのサイドバーに関する最高のヒントとコツをまとめました。以下の目次を使用して、チュートリアルを進めてください。

1. サイドバーテンプレートパーツを作成する（ブロックテーマ）
2. ページや投稿ごとに異なるサイドバーを表示する
3. カテゴリごとにカスタムサイドバーを作成する
4. サイドバーのデフォルト位置を変更する
5. モバイルで特定のサイドバーウィジェットを非表示にする
6. サイドバーを縦型ナビゲーションメニューとして使用する
7. サイドバーウィジェットを固定表示する
8. アイキャッチ画像でサイドバーを強化する
9. サイドバーの明確な行動喚起（CTA）でコンバージョンを促進する
10. サイドバーにメールリスト登録フォームを設置してオーディエンスを拡大する
11. サイドバーに検索バーを設置してユーザーエクスペリエンスを向上させる
12. ソーシャルメディアのサイドバーアイコンでオーディエンスとつながる
13. サイドバーで最近の投稿や関連記事を表示して訪問者を引き込む
14. WordPressサイドバーを微調整するための、より初心者向けのヒント

1. サイドバーテンプレートパーツを追加する（ブロックテーマ）

このヒントは主にブロックテーマユーザー向けです。クラシックテーマを使用している場合、テーマ開発者は通常、サイドバー用のWordPressウィジェットエリアを含んでおり、他に何もする必要はありません。

ブロックテーマを使用している場合、WordPressダッシュボードに外観 » ウィジェットメニューは表示されません。これは、テーマがもはやWordPressカスタムizerを使用せず、フルサイトエディターのブロックに完全に依存しているためです。

一方で、これによりウェブサイトのカスタマイズがはるかに容易になります。同時に、クラシックテーマに慣れている場合は、混乱する可能性があります。

ブロックテーマでサイドバーがどのように機能するかを分解しましょう。サイドバーやヘッダー、フッターなどの他の要素は、現在「テンプレートパーツ」と呼ばれており、ウェブサイト全体で再利用できるレイアウトの一部です。

現在、ほとんどのブロックテーマにはヘッダーと、ウェブサイトに必須であるフッターテンプレートパーツが含まれています。Twenty Twenty-Fourのデフォルトテーマのように、サイドバーを持つテンプレートを持つブロックテーマもあります。

ただし、すべてのブロックテーマにこのパーツがあるわけではなく、サイドバーがウェブサイトにとって重要である場合、これはイライラする可能性があります。そのため、自分で作成する必要があります。

幸いなことに、プロセスは非常に簡単で、ステップバイステップでご紹介します。まず、外観 » エディターに移動して、フルサイトエディターを開きます。

テーマをカスタマイズするためのいくつかのメニューオプションが表示されます。

新しいテンプレートパーツを作成するには、「パターン」をクリックしてください。

左側のパネルで、「パターン」の横にある+アイコンをクリックして、新しいパターンを追加します。

ポップアップが表示されます。このポップアップから、「テンプレートパーツを作成」オプションを選択します。

次に、新しいテンプレートパーツに名前を付けます。「サイドバー」のような簡単なものでも構いません。

エリアについては、「一般」を選択してください。

それが完了したら、「作成」をクリックしてください。

WordPressブロックエディターにアクセスしました。ここでサイドバーにブロックを追加できます。

この例では、最新の投稿と最新のコメントを表示するためのブロックを追加しました。また、訪問者がサイドバーのこれらのセクションを確認するように促すために、見出しタグも追加しました。

ご覧の通り、サイドバーはあまりすっきりしていません。そこで、関連する要素をまとめるために、グループブロックを使用することをお勧めします。これにより、これらの要素を移動する必要がある場合に、単一のユニットとして再配置できます。

グループ化したいブロックを選択するだけです。次に、ブロックツールバーで「グループ化」アイコンをクリックします。

グループブロックの使用方法については、WordPressでネストされたブロックを選択して使用する方法に関する記事で詳しく学ぶことができます。

また、区切り線ブロックのような要素を追加して、ブロックのグループを別のグループから分離したい場合もあります。

このブロックは、ブロックのグループの間にシェイプディバイダーを追加できます。

単純に「+ブロックを追加」ボタンをどこかクリックして、「区切り線」ブロックを選択します。横線の見た目をカスタマイズすることもできます。

サイドバーに満足したら、「保存」をクリックしてください。

これで、サイドバー要素をテーマの任意のテンプレートに追加できます。

シングル投稿テンプレートに追加してみましょう。

これを行うには、フルサイトエディターのメインメニューに戻り、「テンプレート」を選択します。

次に、テーマのシングル投稿テンプレートを見つけます。

「シングル投稿」またはそれに類する名前かもしれません。

次に、鉛筆の「編集」ボタンをクリックするだけです。

これにより、このテンプレートのブロックエディターが開きます。

テンプレート内の任意の場所にある「+ブロックを追加」ボタンをクリックしてください。

「テンプレートパーツ」を選択します。

次に、「選択」または「新規作成」の2つのオプションが表示されます。

最初のオプションを選択してください。

テーマの既存のテンプレートパーツが表示されるはずです。

作成したばかりのものをクリックしてください。

これで、新しいサイドバーに合わせてテンプレートのレイアウトを並べ替えることができます。

それが完了したら、「保存」をクリックします。

ウェブサイトでブログ投稿をプレビューすると、サイドバーテンプレートパーツが表示されるはずです。

2. ページや投稿ごとに異なるサイドバーを表示する

通常、WordPressテーマでは、ウェブサイト全体で1つのサイドバーしか表示できません。ただし、複数のサイドバーを作成し、特定のページや投稿に表示することも可能です。

例えば、ブログセクションと連絡先ページがあるウェブサイトがあるとします。ブログのサイドバーは、最近の投稿やカテゴリ一覧を表示するのに最適かもしれません。一方、連絡先ページは、地図や連絡フォームの方がより役立つかもしれません。

良いニュースは、WordPressのページビルダーの助けを借りれば、WordPressのさまざまなページや投稿に異なるサイドバーを表示するのは非常に簡単であるということです。

これを実行できるページビルダーは多数ありますが、Elementorもその一つですが、私たちが最も気に入っているのはSeedProdです。

SeedProdは、使いやすいドラッグ＆ドロップエディターを使用してカスタムページやテーマを構築できるページビルダープラグインです。50以上のプロフェッショナルなウェブサイトキットと350以上のランディングページテンプレートから選択できるため、ニーズに最適なものを見つけることができます。

SeedProdを使用すると、さまざまなサイドバーを持つカスタムウェブページを作成できます。

たとえば、商品ページでは、関連商品や顧客レビューをサイドバーに表示できます。一方、ランディングページには、目立つ行動喚起ボタンやメールサインアップフォームを設置できます。

これを行う方法の詳細なガイドについては、WordPressで投稿やページごとに異なるサイドバーを表示する方法に関するステップバイステップのチュートリアルをご覧ください。

3. カテゴリごとにカスタムサイドバーを作成する

例えば、料理別に分類された膨大なレシピコレクションを持つフードブログを運営しているかもしれません。「レシピ」という一般的なサイドバーには、最新の料理がすべてリストされる可能性があります。

しかし、イタリア料理のレシピを調べている訪問者にとって、人気のイタリア食材、調理法、あるいはその地域の関連イタリア料理店が掲載されたサイドバーが表示される方が、より役立つのではないでしょうか？

ここで、カテゴリごとにカスタムサイドバーを作成することが役立ちます。サイドバーのコンテンツを特定のカテゴリに合わせて調整することで、訪問者によりターゲットを絞った価値のある体験を提供できます。

例えば、あなたは旅行ブロガーで、さまざまな目的地専用のページがあるとします。北米カテゴリページ用に、それらの目的地に関連するコンテンツへの内部リンクのみを表示するカスタムサイドバーを作成できます。

WordPressテーマでカテゴリごとにカスタムサイドバーを作成するには、いくつかの方法があります。

• WordPressサイドバープラグイン – 多数のユーザーフレンドリーなプラグインを使用すると、カスタムサイドバー領域を作成し、特定のカテゴリに割り当てることができます。
• テーマビルダー – SeedProdのような強力なテーマビルダーを使用している場合、カスタムサイドバーを作成してカテゴリに割り当てるための組み込み機能が搭載されている可能性が高いです。
• カスタムコード – このアプローチにはある程度のコーディング知識が必要ですが、サイドバーのカスタマイズを完全に制御できます。ただし、子テーマを作成し、テーマファイルに条件付きタグ（is_category()など）を使用してPHPコードを追加する必要があります。間違いはサイトを壊す可能性があるため、コードに慣れているユーザーにのみお勧めします。

詳細なガイドについては、WordPressでカテゴリごとにカスタムヘッダー、フッター、またはサイドバーを簡単に追加する方法に関するガイドをご覧ください。

4. デフォルトのサイドバーの位置を変更する

場合によっては、サイドバーの位置を変更する必要があるかもしれません。たとえば、ウェブサイトが右から左に書かれ、読まれる言語に対応している場合があります。サイドバーを左側に配置すると、ユーザーの自然な読解の流れに沿った表示になります。

同様に、訪問者の行動に基づいてユーザーエクスペリエンスを向上させたい場合があります。たとえば、eコマースサイトを運営していて、潜在的な顧客がウェブページを特定の順序でスキャンしていることに気づいた場合などです。例えば、左上から下に移動するなどです。

サイドバーを右側に戦略的に配置することで、その動作に対応できます。これにより、訪問者はより快適に商品を参照できるようになります。

WordPressでデフォルトのサイドバーの配置を変更するには、いくつかの方法があります。

ブロックテーマを使用している場合、サイト全体エディターでページテンプレートを編集することで、サイドバーの位置を変更できます。ほとんどのテンプレートでは、コンテンツとサイドバーはカラムブロック内に配置されています。

位置を切り替えるには、サイドバーを含む列を選択し、ブロックツールバーの矢印ボタンを使用して、左から右へ、またはその逆に移動するだけです。

Hestiaのようなクラシックなテーマには、テーマ設定内にサイドバーの位置を変更するオプションが含まれている場合もあります。

テーマのドキュメントを確認するか、WordPressダッシュボード内のテーマオプションパネルを探索してください。

chage

テーマに組み込みのオプションがなく、少しのコードに慣れている場合は、代わりにテーマのスタイルシート（style.css）を編集することもできます。

または、コードの直接編集に慣れていない場合は、CSS Heroのような使いやすいプラグインが優れた代替手段となります。CSS Heroを使用すると、コードを書く必要なく、ウェブサイトのCSSスタイルを視覚的にカスタマイズできます。

さまざまな方法の詳細については、WordPressでサイドバーの位置を変更する方法に関する詳細ガイドをご覧ください。

5. モバイルで特定のサイドバーウィジェットを非表示にする

ウェブサイトのトラフィックの大部分はモバイルデバイスから来ている可能性が高いです。検索エンジンもモバイルフレンドリーなユーザーエクスペリエンスを優先するため、小さな画面でもウェブサイトが見栄え良く表示されるようにしたいはずです。

これは、WordPress の特定のサイドバーウィジェットをモバイルデバイスで戦略的に非表示にすることが役立つトリックになる場所です。

フォーム、長文ウィジェット、または画像バナーを備えたサイドバーは、確かに役立ちます。とはいえ、これらの要素はデスクトップ画面ではうまく機能するかもしれませんが、モバイルデバイスのユーザーインターフェイスを煩雑にする可能性があります。

特定のウィジェットをモバイルで選択的に非表示にすることで、可読性を向上させたクリーンなサイドバーを作成できます。

詳細については、モバイルデバイスでWordPressウィジェットを簡単に非表示にする方法に関する詳細チュートリアルをご覧ください。

6. サイドバーを縦型ナビゲーションメニューとして使用する

このヒントは、コンテンツが多すぎる、またはナビゲーション要素が圧倒的に感じられるウェブサイトに最適です。

大量の製品カテゴリや複雑な情報構造を持つウェブサイトを考えてみてください。上部の水平ナビゲーションバーは、散らかりやすく、ナビゲートが難しい場合があります。

ここで、サイドバーの縦型ナビゲーションメニューが役立ちます。縦型メニューは横型メニューよりもスペースを取らないため、特にモバイルやタブレットでユーザーが探しているものをスキャンして見つけやすくなります。

さらに、ページのトップではなくサイドバーを使用することで、ロゴ、行動喚起ボタン、検索バーなどの他の重要な要素のために貴重なスペースを確保できます。

このようなWordPressサイドバーメニューの作成に興味がある場合は、WordPressで垂直ナビゲーションメニューを作成する方法に関するガイドをお読みください。

より複雑な構造を持つウェブサイトの場合、または小さな画面でさらに多くのスペースを節約したい場合は、折りたたみ可能なサイドバーメニューの使用を検討してください。

このタイプのメニューでは、多くのナビゲーションリンクを含めることができますが、ユーザーがメニューボタンをクリックするまで非表示になります。

7. サイドバーウィジェットを固定表示する

多くのウェブサイト訪問者は、コンテンツを読むためにページを下にスクロールする傾向があります。従来のサイドバーは1つの場所に固定されており、ユーザーがスクロールすると、サイドバーに含まれる貴重な情報や行動喚起を見失う可能性があります。

固定サイドバーウィジェットはこの問題を解決します。ユーザーが下にスクロールしても画面に固定されるため、常に表示されます。

サイドバーウィジェットを表示したままにすることで、訪問者がその中のコンテンツに気づき、操作する可能性を高めることができます。

サイドバーウィジェットが「カートに追加」ボタンのような重要な要素である場合、それを固定することでコンバージョン率を高めることもできます。これは、訪問者がページを閲覧している間、そのCTAが常に表示されるためです。

また、長いブログ記事では、固定された目次により、ユーザーは特定のセクションに簡単にジャンプできます。

WordPressでスティッキーなフローティングサイドバーウィジェットを作成する方法に関するガイドをご覧ください。詳細はこちら。

8. アイキャッチ画像でサイドバーを強化する

画像は、注目を集め、ウェブサイトに視覚的な興味を加える強力なツールです。

サイドバーで画像を使用するには、いくつかの方法があります。

• バナー広告 – 独自の製品やサービスを宣伝したり、他の企業と提携してターゲット広告を行ったりします。
• プロモーションコンテンツ – 視覚的に魅力的なグラフィックで、今後のイベント、ウェビナー、特別オファーを強調します。
• ソーシャルプルーフ – 顧客の声や、あなたのビジネスを信頼している有名なブランドのロゴを表示して、オーディエンスとの信頼と信憑性を構築します。

サイドバーに画像を追加するのは非常に簡単です。ブロックテーマのユーザーは、テーマ内のサイドバーテンプレートパーツに画像ブロックを追加し、画像をメディアライブラリにアップロードするだけです。

クラシックテーマをお使いの場合は、ブロックベースのウィジェットエディターを使用して、画像ブロックをサイドバーにドラッグアンドドロップするだけです。

ステップバイステップガイドについては、WordPressサイドバーウィジェットに画像を追加する方法に関するチュートリアルをお読みください。

9. サイドバーに明確なコールトゥアクション（CTA）を設置してコンバージョンを促進する

メールリストへの登録、商品の購入、サービスの問い合わせなど、魅力的な行動喚起ボタンはコンバージョンを大幅に向上させることができます。

サイドバーはCTA（行動喚起）を配置するのに最適な場所です。サイドバーは通常、ウェブサイトのレイアウト上で戦略的に配置されているため、ユーザーがコンテンツをスクロールする際にCTAが常に表示されます。

さらに、ページごとに異なるサイドバーがある場合は、ページのコンテンツに合わせて特定のCTAを調整できます。

例えば、ブログ記事のサイドバーにはサイトのアフィリエイトパートナーへのCTAが表示されるかもしれませんが、商品ページのサイドバーには「今すぐ購入」CTAが表示されるかもしれません。

CTAを次のレベルに引き上げたい場合は、ランディングページコンバージョン向けのCTAベストプラクティスに関する記事をご覧ください。

あるいは、見込み客が電話で連絡できるビジネスウェブサイトを運営している場合は、サイドバーにクリックして電話をかけるボタンを追加することを検討してください。これにより、将来の顧客が簡単に連絡できるようになります。

10. サイドバーにメールリスト登録フォームを設置してオーディエンスを増やす

サイドバーに戦略的に配置されたメールリスト登録フォームにより、関心のある読者は簡単にメールリストにオプトインできます。これにより、新しいブログ投稿、限定コンテンツオファー、または今後のイベントについて、読者に情報を伝え続けることができます。

CTA（コールトゥアクション）と同様に、サインアップフォームとそのメッセージを各ページの特定のコンテンツに合わせて調整することもできます。

例えば、ブログ記事のサイドバーでは、登録と引き換えに無料のデジタル製品を提供する場合があります。一方、eコマースの商品ページサイドバーでは、新規購読者限定の割引を強調することができます。

WordPressブログにメール購読を追加する方法に関するガイドが、開始のお手伝いをします。

11. サイドバー検索バーでユーザーエクスペリエンスを向上させる

コンテンツライブラリが大きい場合、訪問者にとってナビゲーションが困難になることがあります。サイドバーに適切に配置された検索バーがあれば、ユーザーは必要な情報を迅速かつ効率的に見つけることができます。

長いメニューをスクロールしたり、数え切れないほどのページを閲覧したりする代わりに、ユーザーはサイドバーに特定の検索語を入力するだけで、探しているコンテンツをすぐに見つけることができます。

さらに、すぐに利用できる検索バーは、訪問者がコンテンツをより深く掘り下げ、興味のあるトピックを探求することを奨励します。これにより、エンゲージメントの向上と閲覧時間の延長につながる可能性があります。

幸いなことに、ブロックベースのウィジェットエディターとブロックテーマのフルサイトエディターにより、検索バーブロックを希望の場所に簡単に追加できます。

それでも、ウェブサイトのニーズに合わせて検索フォームを作成したい場合は、SearchWPを使用することをお勧めします。このWordPressプラグインを使用すると、デフォルトの検索よりもはるかに高度な検索アルゴリズムを設定できます。

カスタムWordPress検索フォームの作成方法に関するガイドでは、その方法と検索バーをウィジェットセクションに追加する方法を説明しています。

12. ソーシャルメディアのサイドバーアイコンでオーディエンスとつながる

サイドバーの目を引くソーシャルメディアアイコンにより、訪問者は好みのプラットフォームで簡単にあなたとつながることができます。

訪問者がソーシャルメディアであなたをフォローしやすくすることで、着実にオーディエンスを拡大し、より強い関係を築くことができます。

さらに、複数のプラットフォームで一貫したソーシャルメディアの存在は、ブランドアイデンティティを強化し、全体的なブランド認知度を高めます。

ウィジェットエディターまたはフルサイトエディターを使用して、サイドバーにソーシャルメディアアイコンを簡単に追加できます。組み込みのソーシャルアイコンブロックには、ウェブサイトのデザインに合わせたソーシャルアイコンセットをデザインするために必要な機能が備わっています。

とはいえ、より多くのカスタマイズオプションが必要な場合は、SeedProdを使用してサイドバー付きのカスタムページを作成することをお勧めします。このページビルダープラグインには、ソーシャルブロックや、使用できるその他の多くのカスタマイズオプションやソーシャルメディアシンボルもあります。

13. サイドバーで最近の投稿や関連記事を表示して訪問者を引き込む

サイドバーに最近の投稿または関連投稿をうまくキュレーションして表示することで、訪問者の閲覧時間を長く保つことができます。

それを考えてみてください。サイドバーに関連する、または最新の記事を表示することで、訪問者に最新コンテンツの魅力的なプレビューを提供できます。これにより、興味深いと思われる他の記事をさらに探求する可能性があります。

サムネイル付きの注目の投稿を表示したい場合は、MonsterInsightsの使用をお勧めします。

デフォルトのWordPressエディターには、最新の記事を表示する「最新投稿」ブロックが含まれています。「注目の投稿」という特定のオプションはありませんが、簡単にカスタマイズして、「Featured」という名前のカテゴリなど、特定のカテゴリからの投稿を表示させることができます。

それでも、MonsterInsights には、魅力的なサムネイルで最高の記事を簡単に表示できる「人気記事」機能があります。

コメントやシェアに基づいて投稿を表示したり、お気に入りを手動で選択してサイドバーに表示したりできます。

WordPressサイドバーに注目の投稿を追加する方法に関するガイドでは、組み込みの方法とMonsterInsightsの方法の両方を探っています。

WordPressサイドバーを微調整するための、より初心者向けのヒント

ここまでで検討したヒントは、WordPressのサイドバーをカスタマイズするための確固たる基盤を提供します。しかし、まだあります！

サイドバーの可能性をさらに活用する方法をいくつかご紹介します。

• 最新コメントの表示 – サイドバーに最新のコメントを表示して、会話を促しましょう。
• トップコメンターを表示する – 最もアクティブなコメンターを表示することで、ユーザーが会話に参加することを奨励します。
• 購読者数を表示する – メールやソーシャルメディアなどのさまざまなプラットフォームからの購読者数を表示することで、ソーシャルプルーフを高めます。
• アーカイブの表示をカスタマイズする – サイドバーに表示されるアーカイブカテゴリや月次アーカイブを微調整して、より洗練された外観にします。

この記事が、WordPressでサイドバーをカスタマイズするための最良のトリックを学ぶのに役立ったことを願っています。また、効果的なWordPressウェブサイトのための重要なデザイン要素に関する究極のガイドや、WordPressウィジェットにカスタムスタイルを追加する方法に関するガイドも参照することをお勧めします。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。