ウェブデザイナーの毎日のお仕事のメモ - mainichi web まいにちウェブ

作成日:2019.10.02  最終更新日:2021.02.18

WordPress

wordpressのテーマ内に設置するscreenshot.pngのサイズについて

ordPressで自作テーマを作った際に、screenshot.pngを準備することになるかと思いますが(絶対必要ではない。)、いつもサイズに迷うので、メモです!

screenshot.pngとは何か?

screenshot.pngは、WordPressの管理画面の『外観』で表示される、テーマ毎に設定されたサムネイルのことです。

実際のWordPressの管理画面では、下のような感じで見えます。

方法は、画像を準備して、テーマのフォルダにアップするだけなので、とっても簡単です。

screenshot.pngは、上の画像のように、themes > 自分のテーマフォルダ > screenshot.png に設置します。

screenshot.pngのサイズは?

いくつで作ればいいのか、色々調べたところ、codexのサイトには

スクリーンショット
テーマのスクリーンショットを作ります。ファイル名は screenshot.png と付け、テーマディレクトリに保存する。スクリーンショットはテーマのデザインを正しく反映し、PNG形式で保存する。推奨する画像サイズは 880x660。実際には 387x290 のサイズで表示されますが、画像サイズを2倍にすることで画面解像度の高い HiDPI ディスプレイにも対応できます。
注:場合により、 .jpg、.jpeg、.gif は 有効な拡張子 でスクリーンショットのファイル形式です。 (推奨ではありません).

 codex より

と書いてありますが、既存のテーマのscreenshot.pngは、1200px × 900px が多い印象でした。(私調べ)

なので、私も1200px × 900pxで作成しております。
特に問題なく使えていますよ!

気になる方は、880px× 660px でつくればいいかと思います。

最新記事