WordPressテーマ「Lightning」を使用している際、記事にアイキャッチ画像が設定されていない場合に表示される「no-image画像（デフォルトサムネイル画像）」を設定したいときに情報収集したのでメモ。
本記事では、ExUnitの管理画面から簡単に設定する方法をご紹介します。
デフォルトサムネイル画像の設定方法
設定手順
Lightning テーマでは、ExUnit プラグインの管理画面から簡単にデフォルトサムネイル画像を設定できます。
WordPress の管理画面にログインし、左側のメニューから以下の順にアクセスします。
外観 > カスタマイズ > ExUnit > メイン設定 > デフォルトサムネイル画像
- 「デフォルトサムネイル画像」のセクションにある「画像を選択」ボタンをクリック
- メディアライブラリから既存の画像を選択するか、新しい画像をアップロード
- 画像を選択したら「画像を選択」ボタンをクリック
- 「公開」ボタンをクリック
これで設定完了です！
デフォルトサムネイル画像が表示される場面
設定したデフォルトサムネイル画像は、以下のような場面で表示されます。
- 記事一覧ページ
アイキャッチ画像が未設定の記事 - 関連記事
アイキャッチ画像が未設定の関連記事 - 最近の投稿ウィジェット
サムネイル表示時 - OGP画像
SNSでシェアされた際の画像（設定による）
推奨される画像設定
画像サイズ
- 横1,200ピクセル ✕ 縦675ピクセル（16：9のアスペクト比）
画像形式
- JPEG
写真や複雑なグラデーションの画像に最適 - PNG
ロゴやテキストが含まれる画像に最適 - WebP
より軽量で高画質（対応している場合）
ファイルサイズ
- ページ読み込み速度を考慮し、200KB以下に抑えることを推奨
- 画像圧縮ツール（TinyPNG、ImageOptimなど）を使用して最適化
デフォルトサムネイル画像のデザインアイデア
1. ブランドロゴを使用
サイトのロゴやブランドカラーを使用したシンプルなデザイン。統一感が出ます。
2. サイトテーマに合わせたイラスト
ブログのテーマや業種に合わせたイラストやアイコンを配置。
例えば
- テック系ブログ
デバイスやコードのイラスト - 料理ブログ
キッチン用品や食材のイラスト - ビジネスブログ
ビジネスアイコンやグラフ
3. 抽象的なパターン
幾何学模様やグラデーション、テクスチャなどを使用した抽象的なデザイン。シンプルで飽きのこないデザインになります。
デフォルトサムネイル画像を設定したのに反映されない
以下の点を確認してみてください。
- 「変更を保存」ボタンを押したか
- ブラウザのキャッシュをクリアしたか
- キャッシュプラグイン（WP Super Cache、W3 Total Cacheなど）を使用している場合は、キャッシュをクリア
- テーマの設定で個別にサムネイル画像の設定がないか確認
記事ごとに異なるデフォルト画像を設定したい場合
デフォルトサムネイル画像はサイト全体で1つの設定です。
記事ごとに異なる画像を表示したい場合は、各記事にアイキャッチ画像を設定する必要があります。
デフォルトサムネイル画像を削除したい
ExUnit > メイン設定 > デフォルトサムネイル画像のセクションで、設定されている画像の下にある「削除」ボタンをクリックし、変更を保存してください。
まとめ
Lightning テーマでは、ExUnitの管理画面から数クリックで簡単にデフォルトサムネイル画像を設定できます。アイキャッチ画像が未設定の記事でも、統一感のあるビジュアルを保つことができ、サイト全体の印象が向上します。
適切なサイズと最適化された画像を使用することで、ページの読み込み速度を維持しながら、魅力的なサイトデザインを実現できます。
