2022 年に WordPress サイドバーを追加する方法 + ベスト プラクティス
公開: 2023-04-07サイドバーには、メイン コンテンツの一部ではない情報が表示され、コンテンツを整理して魅力的なものにすることができます。
WordPressのサイドバーとは？
WordPress サイドバーは、通常、左側または右側の縦の列に表示されるテーマ機能です。 メイン コンテンツの下または上に、サイドバーを水平方向に長方形の形でカスタマイズすることもできます。
さらに、サイドバーは WordPress レイアウトの設計に不可欠です。 たとえば、サイドバーを使用して、最近の記事やコメントのリスト、人気のある記事やページのリストを作成したり、広告を表示したりすることもできます。
WordPressサイドバーの目的は何ですか?
サイドバーを追加することに決めたら、それが関連性があり、次のことに意味があることを確認する必要があります。
- ユーザーが探しているセクションを見つけやすくする
- 見込み客を獲得
- 広告で収入アップ
スティッキー サイドバーとは
スティッキーまたはフローティング サイドバーは、所定の位置にロックできるウィジェットであるため、常に画面に表示され、ユーザーが下にスクロールしても消えることはありません。 このウィジェットは、いつでもアクセスできるようにしたい情報に使用できます。
WordPress サイドバー; 左か右？
サイドバーを追加するのに最適な場所はページの右上だと考える人もいます。 左から右に読むので、当然、ページの右上は無視できない場所です。 それでも、試してみて、どちらのパフォーマンスが優れているかを確認したり、WordPress サイトで A/B テストを実行したりできます.
3 つの簡単なステップで WordPress にサイドバーを作成する方法
WordPress サイドバーを作成するにはさまざまな方法があります。 ここでは、最も人気のある 3 つをリストしました。 WordPress サイドバーを作成できます。
1. ブロック エディターの使用
サイドバーを追加する最も簡単な方法は、サイト エディターを使用することです。 ただし、5.9 以上のバージョンの WordPress とブロックベースのテーマを使用する必要があります。 ブロック エディターでサイドバーを追加するには、次の 2 つの方法があります。
ブロック パターンの使用
ブロック パターンは、目的に合わせて編集できる定義済みブロックのテンプレートです。 WordPress にブロック パターンを追加するには、[外観] > [サイト エディター] > [プラス (+)] アイコン > [パターン] > [サイドバー] > [探索] をクリックすると、使用可能なすべてのパターンが表示されます。
ゼロからの作成
WordPress がサイドバーを追加するもう 1 つの方法は、すべてを手動で設定することです。 そのためには、クエリ ループとサイドバーの列で構成されるブロックのグループを作成する必要があります。 サイドバーを最初から作成するには、Sire エディター > プラス (+) アイコン > グループ > 列を開き、列のバリエーションを選択する必要があります。 念のため、左側のサイドバーには 30/70、右側のサイドバーには 70/30 をお勧めします。
2. ウィジェットの使用
WordPress の追加サイドバーにウィジェットを使用することは、コードをあまり扱う必要がないため、技術に詳しくないユーザーにとってはより良い選択です。 ウィジェットは、ヘッダー、フッター、サイドバーなど、さまざまな領域に配置できます。 ウィジェットで WordPress サイドバーを追加するには、WordPress ダッシュボード > 外観 > ウィジェットにログインする必要があります。左側に利用可能な WordPress ウィジェットのリストが表示され、右側にウィジェットのブロックが表示されます。
3. WordPress カスタマイザーの使用
WordPress カスタム サイドバーを使用して、WordPress テーマの要素 (メニュー、ホームページ設定、ウィジェットなど) をカスタマイズできます。 テーマによっては、好きな場所に配置できる複数のサイドバーを追加できます。 この機能はすべてのテーマで許可されているわけではありません。
トップ 10 WordPress サイドバー プラグイン
WordPress は、サイドバーの機能を改善するための多くのウィジェット プラグインと機能をユーザーに提供します。 ここでは、Web サイトに追加したい最も便利なウィジェットをリストしました。
1.WPフォーム
WPForms は、初心者が使用する最も簡単な WordPress 連絡先プラグインです。カスタマイズされたサイドバーとウィジェット領域が付属し、ドラッグ アンド ドロップ オプションがあり、必要なタイプを簡単に作成できます。
2.SiteOriginウィジェットバンドル
SiteOrigin Widget Bundle は、行動喚起ボタン、画像ウィジェット、Google マップ ウィジェット、価格表ウィジェットなど、数多くの注目のウィジェットを提供します。 このプラグイン内のすべてのウィジェットをチェックして、使用するウィジェットを選択できます。 その後、それらを有効にすることができます。 このプラグインは無料で、あらゆるタイプのサイトに適しています。
3.エレメンタープロ
Elementor Pro には 2 つのメリットがあります。 まず、コードを使用せずにサイドバーを追加、移動、または削除できます。 次に、サイドバーのカスタム デザインを作成し、好きなサイドバーに追加して、Elementor Library ウィジェットを使用できます。
4. アサニティ
Adsanity は WordPress の広告管理プラグインで、ウィジェット化された領域など、好きな場所に自己ホスト型およびネットワークベースの広告を表示できます。 このプラグインは管理ツールであるため、インサイトにアクセスでき、広告のパフォーマンスを確認できます.
5.スマッシュバルーン
Smash Balloon は、Instagram、Facebook、Twitter などのソーシャル メディア チャネルからフィードをインポートして、Web サイトのスタイルに合わせてデザインできる無料の WordPress プラグインです。 このプラグインは、他のソーシャル アカウントに関連付けられている Web サイトに最適です。
6. Google マップのマップ ウィジェット
Google マップ プラグインの助けを借りて、Google マップをウェブサイトのウィジェット エリアに追加し、地図上に表示される住所を追加できます。 物理的な住所を共有したい企業に利益をもたらします。 マップ ウィジェットでは、カスタム サイズ、ズーム レベル、ピンの色とサイズ、マップの配色などを含めることもできます。
7.忍者フォーム
Ninja Forms は、メーリング リストを増やしてリードを生み出すのに役立ちます。 サブスクリプション、サインアップ、寄付フォームなど、フォームにはさまざまなオプションがあります。 それらをサイドバーに簡単に統合できます。 これは、あらゆるタイプのサイトに適したもう 1 つの無料プラグインです。
8. 圧縮アーカイブ
このプラグインのブロック デザインはコンテンツ アーカイブを提供します。デフォルトでは、このプラグインはコンテンツ アーカイブを長いリストに表示しますが、整然とした心地よい方法で表示されます。 このプラグインは無料で、簡単にカスタマイズでき、大量のコンテンツを持つ Web サイトにとって非常に役立ちます。
9. より良い検索
より良い検索とは、より多くの結果を表示し、それらを洗練された方法で表示することにより、デフォルトの検索エンジンを打ち負かすためのより多くの構成オプションを提供する WordPress プラグインです。
10.ウィジェットオプション
Widget Options は、カスタム サイドバーを作成し、デスクトップ、タブレット、および電話に合わせてウィジェットのサイズを制御できる WordPress ウィジェット コントロール プラグインです。 あらゆるタイプのサイトに適した無料のプラグインです。
WordPress サイドバーの使用例
つまり、サイドバーにはユーザー向けの補足情報が表示されます。 サイドバーには、検索ボックス、証言、最近の投稿のリスト、今後のイベントなど、さまざまなものを含めることができます。コンテンツ。
次のセクションでは、ほぼすべての種類のサイトに適したサイドバーの実用的な使用法をいくつか紹介します。
1. 読書のすすめ
サイドバーを使用して、訪問者がより多くの投稿を読み、より長く滞在し、顧客になるように促すことができます. サイトへのトラフィックを増やすことで、WordPress の SEO パフォーマンスを向上させるチャンスがあります。
2. メール購読
ニュースレターの購読フォームがサイドバーにあり、訪問者がコンテンツを気に入ったときに便利です。 訪問者があなたのコンテンツに興味を持っていると感じたら、購読してあなたの意見を聞く可能性が高くなります。 同じ興味を共有する人々に属する電子メール アドレスのリストを持つことは、将来のマーケティング キャンペーンや収益化にとって大きな資産となります。
3.ソーシャルメディア機能
サイドバーにソーシャル共有ボタンを追加すると、他のプラットフォームで簡単に共有できます。 ソーシャル メディアの視聴者を増やす可能性も高まります。
4. 社会的証明
社会的証明は、あなたのウェブサイトをより信頼できるものに見せ、人々があなたを信頼するのに役立ちます。 ソーシャル メディアのフォロワー、購読者数、または証言の統計は、ビジネスやブランドの正当性を証明できます。
5.スティッキーサイドバー
前述したように、スティッキー サイドバーは消えることはなく、下にスクロールしている間も画面に浮かんでいます。 長い投稿がある場合は固定サイドバーを使用してください。 スティッキーサイドバーの方がアクセスしやすいです。
まとめ
サイドバーを追加することは、訪問者の注意をそらさずに追加情報を表示する最良の方法です。 サイドバーを追加することは役立つはずであり、Web サイトに重要な貢献を追加し、より分類され、整頓されているように見えることに注意してください。 ウィジェットやプラグインを追加しすぎたり、広告を許可しすぎたりしないでください。