LoginSignup
0
0

More than 3 years have passed since last update.

WordPressでオリジナルテーマのサムネイル の設定の方法

Last updated at Posted at 2020-10-23

WordPressでオリジナルテーマを作成した際に、特に何も設定をしないとこのような状態になっています。

1.png

自分で使う分にはこれではいいかもしれませんが、お客さんに納品する際にこれではカッコ悪いなぁって思ったので、サムネイルの設定について調べました。

サムネイル用の画像を準備する

まずはサムネイルに表示する画像をアップします。
それっぽくみえるものでよいと思います。

今回はこちらの画像を準備しました。
2.jpeg

縦横比3:4に調整する

サムネイルの縦横比が3:4なので、切り取りしていきます。
これは自分の使いやすいアプリやソフトを使えばよいかと思います。

サイズは縦450 横600 と指定しました。

わたしは、Figmaで行いました。
3.png

画像の名前を変更する。

screenshot.jpgに名前を変更してください。
形式はpngでも問題ありません。

画像をテーマフォルダーにアップロードする

あとは、ダウンロードするだけですね。

アップロードする箇所は、テーマフォルダ内の同じ階層で大丈夫です。
(index.phpやheader.phpと同じ階層)

1c93e4c8e6f7231d13384090edaf5628.png

まとめ

このように無事に変更することができました。
ちょっと手を加えてあげることで納品時のクオリティがあがるので、是非やってみてください。

516db33c35548363831e22295ad138ed.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0