【5分で完了】SWELLでピックアップバナーを作成する方法

この記事ではWordPressの有料テーマである「SWELL」で

ピックアップバナーをつくる方法を

画像を豊富に使って解説します。

ピックアップバナーって何？

ピックアップバナーとは、
読んで欲しい記事をアピールすることのできるもの。

因みに、このブログでは下の画像のように
３つのカテゴリーをピックアップバナーにしています。

ピックアップバナーをつくるメリット

では、ピックアップバナーを作成していきましょう♪

ピックアップバナーの作り方

SWELLでは、ボタンをポチポチしていくだけで簡単にピックアップバナーができます♪

作り方は簡単３ステップ！

では、１つずつやっていきましょう！

画像を用意する

ここでいう「画像」とは、ピックアップバナーに使用するものです。

アイキャッチ画像に使っている画像でもOKですが、

折角一番目につく場所ですから
そのカテゴリーに合ったものに。

投稿ページや固定ページなどの場合は、
基本的にアイキャッチ画像が選択されます。

設定しない場合とアイキャッチ画像がない場合は

NO IMAGEとなり灰色一色

になるのでできれば設定しましょう。

画像を選んだら、「メディア」にアップロードしておきます。

ピックアップバナーのメニューを作成

次にピックアップバナーを設定していきます。

①「外観」の「メニュー」をクリック。

②新しいメニューを作成をクリック。

③メニュー名をわかりやすく「ピックアップバナー」と付けます。

メニュー設定で「ピックアップバナー」に
チェックを付けてメニューを作成を押しましょう！

④編集するメニューから先ほど作成した
「ピックアップバナー」を選択します。

カテゴリーや投稿記事から、
バナーにしたいものを選択して「メニューに追加」をクリック！

⑤追加したものの右にある▲をクリックすると、設定がでてきます。

「説明」の欄に画像のURLを貼り付けます。

※デフォルトでは「説明」は表示されていません。

画面右上の表示オプションで
「説明」にチェックをいれましょう！

画像URLは、メディアから各画像を表示するところにでてきます。

「URLをクリップボードにコピー」をクリックして張り付けましょう。

デザインをカスタマイズ

では、最後にピックアップバナーをカスタマイズしていきましょう。

SWELLでは「テーマカスタマイザー」として

プレビューを見ながら好みのデザインに

設定していくことができますよ♪

①まずはテーマカスタマイザーを開きます。

「外観」→「カスタマイズ」→「トップページ」→「ピックアップバナー」をクリック。

②プレビューを見ながら設定していきます♪

バナーをPC・スマホごとに何列表示するか、

バナータイトル表示の設定など。

SWELLでのピックアップバナーの作り方　まとめ

ピックアップバナーを設定すると次のようなメリットがあります。

この記事では簡単３ステップでピックアップバナーを作成する方法を紹介しました。