事前準備
アイキャッチをCanva等で16:9(1600px:900px)で作成します。
![](https://goriweb.jp/wp-content/uploads/2024/04/image-1.png)
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_02_9_22.png)
![](https://goriweb.jp/wp-content/uploads/2024/05/Canva.png)
目次
SWELLのブログやアーカイブページでのアイキャッチの設定方法
1600px×900pxまたは800px×450pxで下記と同じ用に作っていただくと体裁を整えやすいですね。
バナーは16:9で1600:900または、800:450でお作りください。
STEP
記事一覧リストをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_02_9_29.png)
STEP
カード型を選択して、PCでは横3列、スマホでは横2列にします
![](https://goriweb.jp/wp-content/uploads/2024/04/image-3.png)
STEP
スクロールしてサムネイル画像の比率設定を行います(16:9で統一)
![](https://goriweb.jp/wp-content/uploads/2024/04/image-4.png)
STEP
以上です
すべてのページでアイキャッチがデフォルトで反映されるようにする
STEP
サイトの全体設定をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_02_9_15.png)
STEP
「NO IMAGE画像」
![](https://goriweb.jp/wp-content/uploads/2024/04/カスタマイズ__ホームページ制作の公開時のチェックリスト___ゴリウェブ-2.png)
STEP
画像を選択します
![](https://goriweb.jp/wp-content/uploads/2024/04/カスタマイズ__ホームページ制作の公開時のチェックリスト___ゴリウェブ-3.png)
STEP
メディアライブラリーから画像を選択します
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_02_9_23.jpg)
STEP
公開ボタンをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_02_9_24.png)
STEP
反映されました
![](https://goriweb.jp/wp-content/uploads/2024/04/image-2.png)
STEP
閉じる「☓」を押して終了します
アイキャッチ画像が投稿ページ(ブログ)に表示されるようにする
STEP
投稿・固定ページをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_02_9_11.png)
STEP
アイキャッチ画像をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_02_9_12.png)
STEP
「本文の初めにアイキャッチ画像を表示」をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/04/カスタマイズ__ホームページ制作の公開時のチェックリスト___ゴリウェブ.png)
STEP
保存されました。閉じる「☓」を押して終了します
![](https://goriweb.jp/wp-content/uploads/2024/04/カスタマイズ__ホームページ制作の公開時のチェックリスト___ゴリウェブ-1.png)