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

ピックアップバナーを作ってお洒落にしたい!

つっちー

5分ですぐできますよ♪

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

ピックアップバナーをつくる方法を画像を豊富に使って解説します。

目次

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

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

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

ピックアップバナー

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

  • 見てほしい記事をアピール
  • クリック率情報が期待
  • ブログがお洒落に♪

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

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

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

作り方は簡単3ステップ

  1. 画像を用意する
  2. ピックアップバナーのメニューを作成
  3. デザインをカスタマイズ

では、1つずつやっていきましょう!

画像を用意する

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

アイキャッチ画像に使っている画像でもOKですが、折角一番目につく場所ですから

そのカテゴリーに合ったものに。

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

設定しない場合とアイキャッチ画像がない場合はNO IMAGEとなり灰色一色

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

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

つっちー

因みに、一番最後に画像を用意してもOKですよ♪

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

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

  1. 外観→メニューを選択
  2. 新しいメニューを作成
  3. 分かりやすく名前を付けて、保存
  4. バナーに設定したいカテゴリーetcを設定
  5. 画像の設定

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

ピックアップバナー②

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

ピックアップバナー③

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

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

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

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

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

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

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

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

ピックアップバナー⑥

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

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

つっちー

これでトップページにピックアップバナーが表示されていますよ♪

デザインをカスタマイズ

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

SWELLでは「テーマカスタマイザー」としてプレビューを見ながら好みのデザインに

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

  1. カスタマイザーを開く
  2. 設定する

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

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

ピックアップバナー⑧

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

  • レイアウト
  • デザイン

バナーをPC・スマホごとに何列表示するか、バナータイトル表示の設定など。

つっちー

色々試して好みのデザインに♪

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

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

  • 見てほしい記事をアピール
  • クリック率情報が期待
  • ブログがお洒落に♪

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

つっちー

読んで欲しい記事をアピールしていきましょう!

この記事を書いた人
つっちー

  • 北海道在住の30代
  • 13種類の資格保持者(資格コレクター)
  • ピンズコレクター
  • 北海道道の駅制覇(129カ所)

つっちー(@pinswith)

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
目次
閉じる