WordPressのオリジナルテーマにスクリーンショットを設置しよう。

WordPressのオリジナルテーマにスクリーンショットを設置するとは？

WordPressの管理画面からテーマを選択する時、テーマ一覧には、そのテーマのスクリーンショットが表示されるのが一般的です。

このスクリーンショット表示は、必須ではありません。
スクリーンショットを表示させなくても、テーマは正常に動作します。

ですが、スクリーンショットがある方が、どの様なテーマなのかパッと見てイメージを掴むことが出来て便利です。

自身で利用するだけのテーマであれば、スクリーンショットは無くても問題ありませんが、テーマを一般公開する予定のある方は、スクリーンショットを設置した方が利用者に対して親切かなと思います。

スクリーンショットを設置していないテーマは、上記の様に表示されます。
何となく未完成な印象を受けるのは私だけでしょうか・・・。

オリジナルテーマにスクリーンショットを設置する手順

スクリーンショットを設置する手順を解説していきます。
簡単な作業なので、3分程度で完了しますよ。

早速見ていきましょう。

手順1：オリジナルテーマのスクリーンショットを撮る。

まずは、完成したオリジナルテーマを適用して、TOPページのスクリーンショットを撮りましょう。
撮り方は、特に何でも構いません。

WindowsのPCをお使いであれば、キーボードの[Print Screen]キーを押してスクリーンショットを撮り、ペイントなどで保存すればOKです。

Googleクロームをご利用であれば、拡張機能の【Awesome Screenshot】などでスクリーンショットを撮ることも可能です。

手順2：スクリーンショットを加工する。

続いて、スクリーンショットを加工していきます。

スクリーンショットのサイズに関しては【880×660】pxで、png形式が推奨されています。
詳しくは、以下の引用をご確認ください。

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

サイズは【880x660px】
ファイル形式は【.png】
ファイル名は【screenshot.png】

この3点だけ抑えておきましょう。

手順3：スクリーンショットを設置する。

設置するファイルが完成したら、設置していきましょう。
設置は、FFFTPなどからスクリーンショットをサーバー上にアップしてやるだけです。

テーマディレクトリにアップロードしてやります。
index.phpやheader.phpと同じ階層ですね。

上記の【テーマ名】のフォルダにアップしてやれば、設置は完了です。

手順4：スクリーンショットが設置できたか確認する。

最後に、スクリーンショットが正常に設置できたのか確認してやりましょう。
確認方法は簡単です。

管理画面の【外観】⇒【テーマ】にアクセスして、オリジナルテーマのスクリーンショットが表示されていればOK。正常に設置されています。

まとめ

WordPressのオリジナルテーマにスクリーンショットを設置する方法をご紹介しました。

個人で利用するオリジナルテーマであれば、スクリーンショットは無くてもよいかもしれませんが、一般公開するテーマであれば、スクリーンショットがある方が親切ですよね。

スクリーンショットは簡単に設置できますので、この機会に試してみてください。