SWELLピックアップバナーの設定方法と効果的な使い方

2026年10月28日

※本記事はアフィリエイト広告を含む記事へのリンクを含みます。

人気ブログのトップページで、画像付きのバナーがずらりと並んでいるのを見たことはありませんか。読んでほしい記事へ自然に誘導できる便利なパーツですが、どこから設定するのか迷う方も多いはずです。SWELLならピックアップバナーで、この見せ方が簡単に作れます。

この記事では、SWELLのピックアップバナーの設定方法を手順付きで解説します。私が実際につまずいたポイントもあわせてお伝えしますね。読み終えるころには、トップページから収益記事へ読者を案内できるようになりますよ。

※まだSWELLを導入していない方へ：SWELLは買い切り型のWordPressテーマなので、一度購入すれば追加費用なしでずっと使えます。この記事で紹介している設定も、ブロックエディタ上でクリックするだけで再現できますよ。

➡️【公式】SWELLの購入ページはこちら

デザインに悩む時間を減らして、記事を書くことに集中できる環境が手に入ります。

ニャフィ

トップページに画像のバナーを並べたいにゃ。

たいがブログ

おしゃれに見えますよね。SWELLなら標準機能で作れますよ。

ニャフィ

メニューを使うって聞いたけど、難しくないかにゃ？

たいがブログ

メニュー作成から表示確認まで、順番にご案内しますね。

▼あわせて読みたい：画像の多いトップページほど、サーバーの速さが表示の快適さを左右します。ブログの土台になるサーバー選びはこちらで解説しています。

SWELLのピックアップバナーとは？設定前に知っておきたい基本

ピックアップバナーは、トップページのヘッダー下などに画像付きのリンクを並べて表示できる機能です。特に読んでほしい記事やカテゴリーへ、読者を自然に案内できますよ。

設定は「メニュー」と「カスタマイザー」の2か所で行います。中身はメニュー、見た目はカスタマイザーと覚えておくと迷いません。

ピックアップバナーで得られる効果

トップページを訪れた読者に、ブログの「顔」となる記事をひと目で見せられるのが最大の魅力です。私も収益記事へのバナーを置いてから、トップページ経由でレビュー記事が読まれる回数が目に見えて増えました。導線づくりの第一歩として、とても効果的です。

バナー画像は「メニューの設定」で決まる

リンク先が投稿や固定ページなら、その記事のアイキャッチ画像がバナーに使われます。カスタムリンクの場合は、メニュー項目の「説明」欄に画像のURLを入れて指定する仕組みです。以前使っていた別のテーマではバナー専用のウィジェットを作り込む必要があり、SWELLの手軽さには驚きました。

SWELLでピックアップバナーを設定する方法

ここからは、実際にピックアップバナーを表示させる手順を見ていきましょう。最初にメニューを作り、そのあとで見た目を整える流れです。

バナーに並べる記事は、あらかじめ3〜4本に絞っておくと作業がスムーズですよ。先に「何を見せたいか」を決めるのがコツです。

「説明」欄が表示されないときは表示オプションを確認する

メニュー画面に「説明」欄が見当たらないときは、画面右上の「表示オプション」から「説明」にチェックを入れてください。私はこれを知らずに、画像を指定できないと30分ほど悩みました。最初に確認しておけば、つまずかずに済みますよ。

アイキャッチ画像は先に整えておく

バナーには記事のアイキャッチがそのまま表示されるため、文字が小さすぎる画像だと内容が伝わりません。設定前に、各記事のアイキャッチが見やすいかチェックしておきましょう。画像のテイストをそろえると、統一感がぐっと増します。

STEP

新しいメニューを作成する

管理画面の「外観」→「メニュー」を開き、「新しいメニューを作成」をクリックします。名前は「ピックアップバナー」など、わかりやすいものにしましょう。

STEP

表示したい記事をメニューに追加する

左側の一覧から投稿や固定ページを選び、「メニューに追加」をクリックします。並べたい順番にドラッグで調整しておきましょう。

STEP

メニューの位置にピックアップバナーを選ぶ

画面下の「メニュー設定」で、メニューの位置に「ピックアップバナー」をチェックし、「メニューを保存」をクリックします。

STEP

カスタマイザーで表示を整える

「外観」→「カスタマイズ」→「トップページ」→「ピックアップバナー」を開き、レイアウトや表示する場所を調整します。

STEP

スマホとパソコンで表示を確認する

設定を公開したら、トップページをスマホとパソコンの両方で開き、バナーがきれいに並んでいるか確認して完了です。

ピックアップバナーで成果を出すための活用のコツ

バナーを表示できたら、次は「何を、どう並べるか」を考えていきましょう。同じピックアップバナーでも、並べる記事しだいでクリックのされ方は大きく変わります。

ポイントは、読者に最初に読んでほしい記事を厳選すること。設置して終わりではなく、反応を見ながら育てていく意識が大切です。

並べる記事は3〜4本に絞る

私は最初、紹介したい記事を6本並べたのですが、1枚ずつのバナーが小さくなり、かえってどれも目立たなくなってしまいました。収益記事やまとめ記事を中心に3〜4本に絞ってからは、トップページからのクリックが明らかに増えています。欲張らないことが一番のコツです。

アイキャッチのデザインをそろえて統一感を出す

バナーは横に並ぶため、画像の色やフォントがバラバラだと雑然とした印象になります。以前使っていた別のテーマではバナー用に画像を別で作り直していましたが、SWELLはアイキャッチがそのまま使えるので、アイキャッチのテンプレートを統一するだけで見栄えが整いますよ。

▼あわせて読みたい：バナーで目立たせる記事も、検索で読まれる記事であることが大切です。無料から使えるキーワード調査ツールの実力はこちらで正直にレビューしています。

SWELLのピックアップバナー設定でよくある質問

設定したのにバナーが表示されません。: まずはメニューの位置に「ピックアップバナー」がチェックされているか確認しましょう。問題なければ、キャッシュを削除してブラウザを再読み込みしてみてください。
カテゴリーページへのバナーも作れますか？: 作れます。メニューにカテゴリーを追加すれば表示できますよ。画像が出ない場合は、メニュー項目の「説明」欄に画像URLを入れて指定しましょう。
トップページ以外にも表示できますか？: カスタマイザーのピックアップバナー設定で表示する場所を選べます。まずはトップページだけに表示して、反応を見てから広げるのがおすすめです。
バナーの記事はどれくらいの頻度で入れ替えるべきですか？: 私は1〜2か月に1回、アクセス状況を見て入れ替えています。新しい収益記事を公開したタイミングで見直すのも効果的ですよ。