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

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

WP★サブディレクトリにインストールしたWordPressをルートディレクトリに表示する方法

WordPress のファイルってフォルダやファイルがたくさんあって、サーバー内がゴチャゴチャしてしまいます。 これらをドメイン直下のドキュメントルートディレクトリに散らかしたくない場合は、新規インス …

no image

WordPress レンタルサーバーからローカルへコピー 備忘メモ

<準備> (1)レンタルサーバーから運用中のWordpressをそっくりそのままダウンロードする。 (2)レンタルサーバーのphpMyAdminを使ってデータベースをエクスポートする。(SQL形式) …

no image

絶対に導入しておきたいWordPressプラグイン10+3選

絶対に導入しておきたいWordPressプラグイン10+3選   WordPress サイトの集客に必須のプラグイン 【1】「All in One SEO Pack」 【2】「WP Soci …

WP★投稿時にテンプレートを使えるようにするプラグイン

同じパターンで記事を投稿したい時にテンプレートがあったらいいなぁと思って調べてみた。 テーマのPHPを触る方法とプラグインを使う方法があったけど、今回は後でテーマを作っていく予定なので、ひとまずはプラ …

WP★Twenty Seventeenをカスタマイズ03 カテゴリーのページタイトルから「カテゴリー:」取るには?

カテゴリーのページタイトルに自動で出力される「カテゴリー:」を取る方法です。 カテゴリーの一覧(アーカイブ)ページは、Twenty Seventeenではarchive.phpで出力されています。 < …

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