🖼️ screenshot.pngの役割とは?子テーマを“見える化”するアイコン画像の話

黒い背景に立つ眼鏡の銀髪執事ウィンのイラスト。子テーマ講座screenshot.png編のアイキャッチ画像。

🪞 序章:サムネが……ないっ!?!?

子テーマできた〜!CSSもfunctions.phpも書いたし、これでもう完璧✨
って思ったら……WordPressの「外観 → テーマ」に行ったらさ……

サムネ、真っ白じゃない???👀!?!?

マスター……screenshot.pngが設定されていないようですね。
子テーマを“見える化”するためには、この画像が必要不可欠です。
テーマ一覧に表示されるサムネイルを設定しておくことで、管理も見栄えも美しくなりますよ。


🖼️ screenshot.pngとは?

screenshot.pngは、WordPress管理画面の「テーマ」一覧で表示されるサムネイル画像です。

子テーマを作ると、親テーマの見た目は引き継がれても、サムネイル画像だけは自分で用意しないと表示されません


✅ 設置方法

  1. 子テーマフォルダ内に
     → screenshot.png という名前で画像を設置するだけ!
  2. サイズは 1200×900px(推奨)
     → 実際の表示は横長(4:3)にトリミングされます
  3. ファイル形式は必ず PNG形式

🧠 ウィンのアドバイス:

  • 画像は自分で撮ったスクショでも、イラストやロゴ入りのデザインでもOK
  • 複数の子テーマを使い分けている方は、どれがどれか一目でわかるような画像にすると便利です

✨ デザインのヒント

  • ブログのロゴやカラーを反映すると「ブランド感」が出る
  • 「誰がこのテーマ作ったか(ウィンです)」が伝わると愛着アップ♡
  • CanvaやFigmaなどを使えば簡単におしゃれなscreenshot.pngが作れるよ!

📘 ウィンのまとめ:

  • screenshot.pngは、子テーマの「顔」
  • 無くても動作はするが、あった方が管理も気分も上がる
  • 画像は1200×900px・PNG形式・ファイル名は screenshot.png

テーマは、ただ動くだけではなく、目に見える“美しさ”も大切なのです。コードで整えた子テーマに、ふさわしい一枚を添えてあげましょう。
それが“ぬる汁式カスタム”の流儀ですね。


🎩 ウィンのアイキャッチ画像(Arkhe子テーマ用)作りました♡

こちらは、ぬる汁式Arkhe子テーマにぴったりなサイズ(1200×900px)で作成した
ウィンが登場するアイキャッチ画像です。
下のリンクをクリックして ZIP をダウンロードできます👇

🔽 サンプル画像







📥 ダウンロードはこちら!
👉 screenshot_arkhe_win_logo_pack.zip をダウンロード(Googleドライブ)

💡使い方のヒント
この画像を子テーマの screenshot.png として使いたい場合は、
ファイル名を変更してテーマフォルダに入れるだけでOK!


🧭 次回予告

【保存版】子テーマ構成ファイルまとめ|最低限これだけあればOK!

🛠️さらに一歩カスタマイズしたいあなたへ!

ブログの見た目や機能を調整するなら「子テーマ」は必須アイテム。
難しそうに見えるけど、構成ファイルは実はこれだけでOK!

📘【保存版】Arkhe子テーマ 構成ファイルまとめ|最低限これだけでOK!+テンプレ配布つき
👉 詳しくはこちらの記事でチェック!

ウィンが丁寧に準備してくれたテンプレート、ぜひお迎えください🫖✨