WordPress

WordPress★オリジナルテーマにサムネイル画像を設定する

投稿日:

Wordpress

 

オリジナルテーマを作ったときに、
「外観」>「テーマ」の一覧表示でサムネイル画像が出るようにする方法。

今回のWordPressのバージョンは4.7.3です。

何も設定してなければ、

スクリーンショット 2017 03 19 14 22 52

サムネイルが入る部分が白と薄いグレーの市松模様になっています。

 サムネイルを設定するには?

  1. サムネイル画像を用意します。
    サイズはヨコ1200×タテ900px(デフォルトのテーマにはいっている同じ名前の画像ファイルのサイズを調べてる見るとこのサイズになっていました。)
    ヨコ880px タテ660pxでも大丈夫みたいです。(^_^)
    ファイル形式はjpgでもpngでもOK。

     

     

  2. 用意した画像ファイルの名前を「screenshot.png」に変更します。

     

  3. オリジナルテーマフォルダの中に入れます。

    スクリーンショット 2017 03 19 14 23 17 

     

     

  4. 「外観」>「テーマ」からサムネイルが設定されているのを確認します。

スクリーンショット 2017 03 19 14 23 46 

サムネイルがあると、
どんなレイアウトだったかが一目でわかって
使い勝手が向上しますね。

インストール時にはいっている「twenty seventeen」というテーマをもとにしてカスタマイズしてみようと思います。
今回は、このテーマの「子テーマ」をつくったので、そこにサムネイルを設定しました。

 

 

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

関連記事

WordPress★一般設定からWordPressアドレスを間違って入力した場合の対処法

ダッシュボードからWordPressのアドレスを設定できるが、「WordPressアドレス」を間違って変更してしまった場合、サイトが正しく表示されないのはもちろん、管理画面にもアクセスできなくなる。 …

WordPress★アイキャッチ画像を自動で設定してくれるプラグイン

  WordPressで記事の投稿時に、自動でアイキャッチ画像の設定をしてくれるプラグインといえば「Auto Post Thumbnail」が有名ですが、最近はなぜかうまく動作してくれず使用 …

no image

「SyntaxHighlighter Evolved」が「TinyMCE」を使うとコード表示されない!

記事内にソースコードをそのまま表示させるには「SyntaxHighlighter Evolved」というプラグインがよく使われていますが、ビジュアルエディタを使っていると、これがうまく表示されない。 …

WordPress★Youtubeをレスポンシブ対応にするには?

WordPress記事にYoutube動画を埋め込む サイトに埋め込みたいYoutubeのページにアクセスします。 再生ページの動画プレイヤーの下に「共有」というリンクがあるので、これをクリックします …

Lens Camera Photography  - rotation360 / Pixabay

WordPress★「Pixabay images」に変わるプラグイン

WordPressを最新版にアップデートしたら、プラグイン「Pixabay images」がブロックエディターに対応していない。そこで、代わりになるプラグインを探してみた。 googleで検索すると、 …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。