アイキャッチ画像（サムネイル）生成機能

ブログ運営において、アイキャッチ画像やサムネイル画像は非常に重要な役割を果たします。これらの画像は、視覚的な魅力を高めるだけでなく、SEO（検索エンジン最適化）やSNSでの共有効果も大きく向上させます。

現在のコンテンツ制作においてアイキャッチ画像は必要不可欠な要素の一つです。

WordPress「re:Diver」では、投稿編集画面からテンプレートを用いてアイキャッチ画像を生成する機能があります。

アイキャッチ画像・サムネイルとは？

投稿や固定ページの冒頭に配置される目を引く画像をアイキャッチ画像と言います。読者が最初に目にする部分に配置されるため、記事の印象を決定づける重要な役割を持ちます。アイキャッチ画像は記事内容を視覚的に表現し、読者の興味を引くために使用されます。

サムネイル画像は、記事やコンテンツ、SNS共有時のリスト表示の際に使われる小さな画像のことです。ブログのホームページ、カテゴリページ、検索結果ページなどで表示され、読者が記事をクリックする際の判断材料になります。

ページ内でアイキャッチ画像を非表示にしていても、サムネイル画像として利用される場面は多くありますのでなるべく設定するようにしてください。

「reDiver」のアイキャッチ画像生成機能を利用する

サムネイル生成機能は、画像テンプレートを用いてアイキャッチ画像を生成して自動で投稿に設定する機能です。

投稿編集画面にて生成することができるので、わざわざ別のアプリを起動して画像を制作する必要がありません。ブログ全体でデザインの統一感も生まれます。

画像テンプレートの利用方法

背景のデザインやテキストを投稿編集時に個別に変更することができます。テキストをサイト名や投稿内容に合わせて自動で置換することもできます。

reDiverダッシュボード > サムネイル生成から画像のテンプレートを作成できます。

まずは既存の画像テンプレートを編集してみよう

STEP

編集するテンプレートを選択してください。

作成済みの画像テンプレート一覧から編集したいテンプレートを選択してください。

画像テンプレートが０個の場合、セットアップ機能を利用すると複数の画像テンプレートがインポートされます。

STEP

画像のサイズを確認してください。

編集する画像テンプレートを選択したらサムネイルのアスペクト比に合わせて画像サイズの調整をしてください。

画像サイズを変更した場合には配置されているアイテムの位置やサイズを再調整してください。

STEP

テンプレート内のアイテムを変更してください。

テキストは投稿編集画面で個別に変更することが可能ですが、画像や図形は個別での調整ができません。ロゴ画像が利用されているようなテンプレートはサイトに合わせて適宜変更してください。

サムネイル画像を生成する

個別ページの編集画面に移動して、投稿設定 > サムネイル生成 から 編集することができます。画像テンプレート一覧から生成したい画像のテンプレートを選択してください。

テキストを置換する

画像テンプレート内のテキストや背景をコンテンツに合わせて適宜変更してください。テキストID（定数）を利用している場合には、投稿内容やサイトの情報に合わせて自動で置換されます。

画像によってはテキストの文字数で綺麗に表示されない場合があります。置換する場所のテキストと元のテキストの文字数をある程度合わせることを推奨します。

画像を生成する

置換するテキストを設定したら画像生成を有効にするにチェックをしてください。有効になっている場合に投稿の保存処理と同時に画像を生成してアイキャッチ画像に設定されます。