広告:ページ内にてアフィリエイト広告を利用しています。
ピックアップバナー(ヘッダーカード)はカテゴリーなどのリンクを視覚的にアピールすることができます。グローバルナビ(ヘッダー上部のメニュー)よりも読者へのファーストインパクトに優れています。
SWELLでピックアップバナー(ヘッダーカード)を配置する方法を解説します。
ピックアップバナー(ヘッダーカード)とは?
ピックアップバナー(ヘッダーカード)は、サイトの上部に表示する画像のリンクカードです。
各カテゴリーへのリンクを画像(アイキャッチ画像)で表示しています。サイトに訪れた読者に、サイトの分類分けをアピールしたり、特筆するべき記事をアピールすることができるおススメの機能です。
ピックアップバナー(ヘッダーカード)の配置方法
ピックアップバナー(ヘッダーカード)の配置方法です。
ピックアップバナー(ヘッダーカード)で使う画像はアイキャッチ画像になります。
カテゴリーを使う場合は、カテゴリーの詳細でアイキャッチ画像を設定しておきます。
WordPress の管理画面から「投稿」→「カテゴリー」を選択します。
- カテゴリの詳細でアイキャッチ画像を設定する
ピックアップバナーで子輝の画像を設定する場合に必要となるため、「説明」欄を表示しておきます。
WordPress の管理画面から「外観」→「メニュー」を選択します。
- 「表示オプション」をクリックし「説明」をチェックする
(グローバルナビやフッターメニューと同様に)メニューでピックアップバナーメニューを作成する。
WordPress の管理画面から「外観」→「メニュー」を選択します。
- ピックアップバナーメニューを作成する
- メニューに項目を設定する
アイキャッチではない画像を表示する場合は、説明欄に画像のURLを入力します。
- 「説明」に画像のURLを指定する
画像のURLは WordPress の管理画面から「メディア」を選択し、目的の画像の詳細で、右下の「ファイルのURL」から取得することができます。
ピックアップバナーの表示設定を行います。
WordPress の管理画面から「外観」→「カスタマイズ」→「トップページ」→「ピックアップバナー」を選択します。
- ピックアップバナーの表示設定を行う
ピックアップバナー(ヘッダーカード)の完成です。
まとめ:ピックアップバナー(ヘッダーカード)の配置方法
ピックアップバナー(ヘッダーカード)は以下の手順で配置します。
- カテゴリーにアイキャッチ画像を設定する
- メニューの説明欄を表示する
- ピックアップバナー(メニュー)を作成する
- アイキャッチではない画像を表示したい場合は、別途説明欄にURLを設定する
- ピックアップバナー(ヘッダーカード)の表示を設定する
SWELLを使って素敵なサイトを作ってくださいね。
SWELL の利用方法などについてココナラにて「支援作業」を販売しております。
よかったらご利用くださいませ。
一番上に戻る(Back to the initial position on click.)
当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。
当サイトは Google アドセンスを利用し、広告により収入を得ています。
当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。