本記事では、SWELLのピックアップバナーの設定方法を解説します。
![ピックアップバナー](https://hina-blog1.com/wp-content/uploads/2023/09/54B79739-C9B8-4215-AB4B-F8A4AEEA1538.jpg)
ピックアップバナーは、バナー形式で目につきやすい形で表示できるため、読んでほしい記事に読者の注目を集められます。
設定は5分ほどで完了するので、SWELLを導入したら設置しておきましょう!
\ 国内人気No.1テーマ /
SWELLピックアップバナーの設定方法
SWELLのピックアップバナーを設定するためには、あらかじめ使用する画像を用意しておきます。
写真でもいいですし、アイキャッチ画像でも構いません。
![](http://hina-blog1.com/wp-content/uploads/2023/10/FQdWT8qaAAAsOCn-1-150x150.jpeg)
画像の準備ができたら、早速ピックアップバナーの設定をしていきましょう!
ピックアップバナーの設定方法の手順を以下に説明します。
![ピックアップバナーの設定](https://hina-blog1.com/wp-content/uploads/2023/09/0E81D836-E339-49BD-B672-40BDFF30301B.jpg)
②ピックアップバナーにチェック
③メニューを作成をクリック
![ピックアップバナーの設定2](https://hina-blog1.com/wp-content/uploads/2023/09/AA38E807-FB0D-4508-9D33-94D0FFDAE0C4.jpg)
②右側に選択が反映されたら③メニューを保存
![](https://hina-blog1.com/wp-content/uploads/2023/09/2A1AACC0-81C6-4BFE-876A-E8A5ACCB5391.jpg)
カスタムリンクから記事URLと表示さセルメニュー名を入力すると、直接記事を選択できます。
![カスタムリンクで直接記事を指定](https://hina-blog1.com/wp-content/uploads/2023/09/94E97867-D532-4229-8DDC-D76A2BF88155.jpg)
▼をクリックして開き、「説明」に画像のURLを入力する。
![ピックアップバナーの画像URLを入力](https://hina-blog1.com/wp-content/uploads/2023/09/B283912A-84E3-422D-8CFF-B7E164F690A3.jpg)
説明が表示されない場合は、画面右上の表示オプションを開き、「説明」にチェクを入れれば表示されます。
![表示オプションから設定変更](https://hina-blog1.com/wp-content/uploads/2023/09/6870537D-C7EF-4230-BB00-E5C370540E7B.jpg)
![](http://hina-blog1.com/wp-content/uploads/2023/10/FQdWT8qaAAAsOCn-1-150x150.jpeg)
ピックアップバナーの設定自体は以上です!
次に、カスタマイズ方法を説明していきます。
SWELLピックアップバナーの設定方法【カスタマイズ】
SWELLのピックアプバナーのカスタマイズ方法を解説します。
![ピックアップバナーのカスタマイズ](https://hina-blog1.com/wp-content/uploads/2023/09/B360FE25-7C9D-47A8-92D1-301A2FB69E0C.jpg)
![トップページをクリック](https://hina-blog1.com/wp-content/uploads/2023/09/CC9A5A1C-BB20-44EC-BF71-432DF66C0557.jpg)
![ピックアップバナーをクリック](https://hina-blog1.com/wp-content/uploads/2023/09/45D9FB91-99AC-4F29-9C52-D2DBD5617152.jpg)
![ピックアップバナーの詳細設定](https://hina-blog1.com/wp-content/uploads/2023/09/F1368A86-CF24-414F-9457-2FB91D3DADD2.jpg)
![下層ページにピックアップバナーを反映させる](https://hina-blog1.com/wp-content/uploads/2023/09/25492873-AADF-4F24-8C73-7A4CEB44A83D.jpg)
ピックアップバナーを特定のページでのみ「表示・非表示」させたい場合は、各記事の編集画面のサイドメニューバーから設定ができます。
![](http://hina-blog1.com/wp-content/uploads/2023/10/FQdWT8qaAAAsOCn-1-150x150.jpeg)
以上でピックアップバナーの設定は完了です!
SWELLピックアップバナーの設定方法まとめ
SWELLのピックアップバナーの設定方法について解説しました。
ピックアップバナーを設置することで、記事やカテゴリーを目立たせることが可能となりますね。
SWELLはカスタマイズ性が優れているので、他にもさまざまな便利機能があります。
ぜひSWELLを使いこなして見やすいお洒落なサイトを作っていきましょう!
![](https://hina-blog1.com/wp-content/uploads/2023/09/210F1D24-72FE-4160-901E-92B3A93F5E60-300x157.jpg)
コメント