Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressのサイドバーにおすすめ投稿を追加する方法(4つの方法)

WPBeginnerでは、WordPressサイトのサイドバーにおすすめ投稿セクションを追加する方法はないかと、定期的にユーザーから質問を受けます。

トップコンテンツをサイドバーにおすすめ投稿として表示することで、柱となる記事へのトラフィックを増やし、エンゲージメントを高めることができます。

そのため、初期設定とWordPressプラグインを使用して、サイトのサイドバーにトップコンテンツを有効化する複数のソリューションをご用意しました。ここでは、あなたのニーズに合ったオプションを選択することができます。

この投稿では、WordPressのサイドバーに簡単におすすめ投稿を表示する方法を順を追ってご紹介します。

How to Add Featured Posts in WordPress Sidebar (4 Methods)

なぜWordPressのサイドバーにおすすめ投稿を追加するのか?

サイドバーとは、WordPressサイトのコンテンツエリアの左右に配置されるカラムのことです。ほとんどのサイトオーナーは、メールマガジンのフォーム、ソーシャルメディアのボタン、バナー広告、その他の種類のコンテンツを追加してこのスペースを使用します。

サイドバーを利用するもう一つの方法は、トップ記事をおすすめ投稿として表示することです。これにより、それらの投稿へのトラフィックを増やすことができ、ユーザーが探さなくてもあなたの最高のコンテンツを発見できるようになります。

また、アフィリエイトマーケティングやスポンサードコンテンツでサイトを収益化している場合、特定の投稿を特集することで、収益を生み出すページへのページビューを増やすことができる。

サイドバーには、より多くのニュースレター登録や販売につながるような、コンバージョンの高い投稿を掲載するのがベストだ。

WPBeginnerのトップ記事を紹介します。このサイドバーウィジェットは、当サイトのすべての投稿日に表示されます。

Featured Posts WPBeginner

とはいえ、ページビューとユーザーエンゲージメントを高めるために、WordPressのサイドバーにおすすめ投稿を追加する方法を見てみましょう。4つの方法を取り上げますので、下のリストを使って投稿を素早くナビゲートしてください。

この方法は簡単で、サイトにプラグインをインストールする必要はありません。

外観 ” ウィジェットページにアクセスし、ドラッグ&ドロップでWordPressのサイドバーにリストウィジェットを追加します。

Featuring Posts in WordPress Sidebar Using a List Widget

このウィジェットには、上部にいくつかのフォーマットボタンが装備されたビジュアルエディターが付属しています。箇条書きリストとしておすすめ投稿のタイトルを追加するだけです。

おすすめ投稿をリスト項目として追加するには、投稿タイトルを選択し、リンクボタンをクリックしてブログ記事へのリンクを追加します。

リストのすぐ上に見出しウィジェットを追加することで、特集リストに見出しを追加できます。

Group 2 Widgets Together

グループを作成することで、見出しウィジェットとリストウィジェットを個別ブロックとして動作させることができます。両方のウィジェットを選択し、グループアイコンをクリックします。その後、ドロップダウンメニューから「グループ」を選択します。

更新」ボタンをクリックして変更を保存することをお忘れなく。

これで、あなたのサイトにアクセスして、実際に投稿されたおすすめ投稿を見ることができます。デモサイトではこのように表示されました。

Featured Posts in WordPress Sidebar Paragraph Widget

方法2.WordPressのサイドバーでメニューを使用して投稿を特集する。

この方法は直接的ではないが、より効果的におすすめ投稿を管理することができる。

おすすめ投稿リストをリスト・ウィジェットに追加する代わりに、ナビゲーション・メニューを作成し、それをサイドバーに表示する。

この方法の利点は、ウィジェットを編集することなく簡単に新しい投稿を追加でき、ドラッグ&ドロップインターフェースでリストを再編成できることです。また、毎回新しいリストを作成することなく、サイト上の複数の場所でメニューを使用することができます。

おすすめ投稿メニューの作成

まず、外観 ” メニューのページにアクセスし、「新しいメニューを作成する」リンクをクリックします。

Create a New Custom Menu in WordPress

次に、メニューの名前を入力する必要があります。

名前を追加したら、「メニューを作成」ボタンをクリックして次に進みます。

Enter Your New Menu Name

WordPressはあなたのために新しい空白のメニューを作成します。

ここで、左の列から「投稿日」タブをクリックして展開する必要がある。ここから、取り上げたい投稿を選択する必要があります。最近の投稿」、「すべて」、または検索オプションを使用して投稿を検索し、選択することができます。

Select Posts You Want to Feature

追加したい投稿を選んだら、「メニューに追加」ボタンをクリックします。

投稿は右カラムに表示され、タイトルをクリックして編集することができます。また、上下にドラッグすることで並び替えることもできます。

Save Your Menu

満足したら、’Save Menu’ボタンをクリックして変更を保存します。

これでメニューの準備は整った。

サイドバーへのおすすめ投稿メニューの追加

外観 ” ウィジェットページに行き、ドラッグ&ドロップで「ナビゲーションメニュー」ウィジェットをサイドバーに追加するだけです。

Add Navigation Menu Widget to Your Sidebar

次に、サイドバーメニューウィジェットのタイトルを入力し、ドロップダウンメニューから先ほど作成したおすすめ投稿メニューを選択します。

更新」ボタンをクリックして、ウィジェットの設定を保存することを忘れないでください。これで、あなたのサイトにアクセスして、実際におすすめ投稿リストを見ることができます。

Featured Posts Displayed Using Navigation Menu Widget

また、特集投稿をWordPressの投稿やページの中に表示することもできます。ページエディターを使ってカスタムホームページレイアウトを作成している場合や、テーマにサイドバーがない場合は、この設定が良いでしょう。

この方法は方法1と似ていますが、サイドバーではなくWordPressの投稿やページで投稿を特集することができます。

おすすめ投稿を紹介したいWordPressの投稿やページを編集するだけです。投稿日:投稿編集画面の上部にある新規ブロック追加ボタン(+)をクリックし、コンテンツエリアにリストブロックを追加します。

featured method 3 list block

次に、リストの項目として取り上げたい各ブログ投稿のタイトルを追加する必要がある。次に、テキストを選択し、ツールバーのリンクボタンをクリックして投稿へのリンクを作成する。

完了したら、変更を保存し、投稿を更新または公開することができます。

特集投稿ブロックを再利用可能にする方法

ブロックエディターの大きな特徴のひとつは、ブロックを「再利用ブロック」として保存し、好きな投稿やページに同じブロックを追加できることです。

特集投稿ブロックを再利用可能にするには、ブロックツールバーの三点メニューアイコンをクリックし、「再利用ブロックに追加」を選択するだけです。

Create Reusable Block

次に、再利用ブロックの名前を聞かれます。

後で簡単に識別できるような名前をつける。

Name Your Reusable Block

保存」ボタンをクリックして再利用ブロックを保存します。

投稿やページを編集しているときに、いつでも簡単におすすめ投稿ブロックを追加できるようになりました。新規ブロックの追加ボタンをクリックし、再利用ブロックを探してブロック名を入力してください。

Adding Reusable Block

また、再利用ブロックを編集すれば、どこでも自動的に更新されます。詳しくはWordPressで再利用ブロックを追加する方法の投稿をご覧ください。

単純なリンクの羅列では、ユーザーに気づかれないことも多いでしょう。プラグインを使って、おすすめ投稿のサムネイルを表示させれば、ユーザーが気づきやすくなります。

まず、MonsterInsightsプラグインをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

おすすめ投稿の表示や高度なトラッキング機能を利用するには、MonsterInsights Plusアカウント以上が必要です。また、MonsterInsights Lite版もあり、サイト分析を始めることができます。

有効化すると、WordPressダッシュボード内のMonsterInsightsウェルカム画面に移動します。先に進み、「ウィザードを起動」ボタンをクリックしてプラグインを設定し、WordPressとGoogleアナリティクスを接続します。

Launch setup wizard

WordPressにGoogle アナリティクスを追加する方法については、ステップバイステップのガイドをご覧ください。

プラグインをセットアップしたら、WordPress管理エリアのInsights ” Popular Postsにアクセスしてください。ここで、人気投稿ウィジェットのテーマを選択することができます。

まず、ページ上部の’Popular Posts Widget’タブをクリックしてください。しかし、投稿やページにおすすめ投稿のリストを表示したい場合は、代わりに’Inline Popular Posts’タブを選択する必要があります。

次に、テーマをクリックして選択する。

Choose a Theme for the Popular Posts Widget

すぐに下のテーマプレビューエリアにそのテーマのプレビューが表示されます。ウィジェットとしてリストを表示するには、絞り込みオプションをクリックする必要があります。

すべてのテーマで投稿サムネイルが表示されるわけではないので、表示されるテーマを選んでください。WordPressのサイドバーにウィジェットを追加する際に、再度テーマを選択する必要がありますので、メモしておいてください。

MonsterInsights Popular Posts Theme Preview

これで「デザインのカスタマイズ」セクションまでスクロールダウンできます。

ここでは、タイトル、著者、日付の色、サイズ、背景を調整できます。投稿やページにリストを配置する場合は、使用するカラムの数も選択できます。

Customize the Design of the Popular Posts List

投稿数設定では、ウィジェットに表示する投稿数を選択できます。最も少ない投稿数は2、最も多い投稿数は10です。

また、投稿タイトルとサムネイルに表示する情報を選択することもできます。初期設定では投稿者と投稿日も表示されますが、トグルボタンを使ってこれらの設定をオフにすることができます。

Customize the Design of the Popular Posts List

次に、設定の「振る舞い」セクションまでスクロールダウンする必要があります。

ウィジェットスタイリングオプションを使用すると、上級ユーザーはカスタムCSSコードを使用して、おすすめ投稿リストをスタイリングすることができます。このチュートリアルでは、初期設定のスタイルを使用します。

Customize the Behavior of the Popular Posts List

Curatedオプションを使用してリストをソートする必要があります。これにより、おすすめ投稿を選択することができます。また、「コメントする」または「共有数」オプションをクリックして、人気のある投稿を自動的に選択することもできます。

投稿をリストに追加するには、投稿タイトルを入力するだけです。一致する投稿のリストが表示されますので、適切な投稿をクリックしてください。

Customize the Behavior of the Popular Posts List

少なくとも上記の投稿数設定と同じ数の投稿を含めるようにしてください。それ以上の投稿を含めると、ウィジェットはランダムに回転します。

自動 + キュレーション」設定では、最も人気のある5つの投稿が自動的にローテーションに含まれます。この設定が必要な場合は、設定をオンにしてください。

How to Easily Add Custom CSS to Your WordPress Site

ウィジェットタイトルは、ウィジェットの上部にタイトルを表示することができます。ここに自由にタイトルを追加できますが、サイドバーにウィジェットを追加するときに、もう一度入力する必要があります。

MonsterInsights Popular Postsウィジェットには、他にもたくさんの設定があります。このチュートリアルでは、残りのオプションは初期設定にします。

設定が完了したら、ページを一番上までスクロールして戻り、「設定を保存」ボタンをクリックして、新規ウィジェットをあなたのサイトで利用できるようにする必要があります。

Click the Save Changes Button to Store Your New Widget

次に、外観 ” ウィジェットに移動し、ドラッグ&ドロップを使ってサイドバーに「人気投稿 – MonsterInsights」ウィジェットを追加する必要があります。

Add the Popular Posts Widget to Your Sidebar

ウィジェットのタイトルを入力し、表示する投稿の数を選択し、チュートリアルと同じテーマを選択する必要があります。入力が終わったら、’更新’ボタンをクリックして、ウィジェットの設定を保存することを忘れないでください。

サムネイル付きのおすすめ投稿をご覧になりたい方は、ご自由にサイトをご覧ください。デモサイトではこのように表示されました。

Preview of Featured Posts with Thumbnails

ボーナス:WordPressでランダム投稿を表示する

特定の投稿をハイライトするのではなく、サイドバーの投稿を毎日変えたい場合は、上記の方法は使えません。

その場合、WordPressでランダム投稿を表示するプラグインを使うことができる。こうすることで、ユーザーのエンゲージメントが低い投稿にも輝くチャンスが与えられ、訪問者を長く留めることができるかもしれません。

これを行うには、Recent Posts Widget Extendedプラグインをインストールして有効化するだけです。詳しくは、WordPressプラグインのインストール方法のチュートリアルをご覧ください。

有効化したら、外観 ” ウィジェットページにアクセスし、サイドバータブに’Recent Posts Extended’ブロックを追加します。

Add block to widget

それができたら、ウィジェットの「投稿」タブに切り替えて、投稿タイプ、投稿ステータス、サイトに表示したい投稿の順番を選択する。

次に、「Orderby」ドロップダウンメニューまでスクロールダウンし、「Random」オプションを選択します。最後に「更新」ボタンをクリックして設定を保存します。

Choose random order

WordPressサイトにアクセスし、サイドバーに表示されたランダム投稿を確認してください。詳しくは、WordPressでランダム投稿を表示する方法のチュートリアルをご覧ください。

この投稿が、WordPressのサイドバーで投稿を簡単にフィーチャーする方法を学ぶのにお役に立てば幸いです。また、サイトのトラフィックを増やすのに最適なメールマーケティングサービスや WordPress SEOプラグインについてのガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

2件のコメント返信を残す

  1. Shubham Davey

    How are you guys having dotted menu pagination in the featured posts box?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。