Irohabook
PHP WordPress

WordPressで記事のサムネイルを表示する(the_post_thumbnail)

広告

WordPressで記事のサムネイルを表示するには the_post_thumbnail 関数を使います。これは HTML の img タグをそのまま返します。

the_post_thumbnail( 'medium' );

とすると

<img width="300" height="212" src="http://localhost:8888/wp-content/uploads/2018/12/min-300x212.png" class="attachment-medium size-medium wp-post-image" alt="" srcset="http://localhost:8888/wp-content/uploads/2018/12/min-300x212.png 300w, http://localhost:8888/wp-content/uploads/2018/12/min-768x542.png 768w, http://localhost:8888/wp-content/uploads/2018/12/min-1024x723.png 1024w, http://localhost:8888/wp-content/uploads/2018/12/min.png 1500w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" />   

のように img がドバっと出力される。画像の URL を直接使いたいときは別の関数を使いましょう。

上は引数が medium となっていますが、ここはサイズを指定します。サイズは四種類あります。

それぞれのサイズがどのくらいの大きさを表すかは、設定画面で変更できます。ただし変更すると、変更前にアップロードされた画像のサイズは変わりません。

参考

WordPressで記事のカテゴリー一覧を表示する(get_the_category)
WordPressで子カテゴリーの親カテゴリーを取得する

WordPress

広告

コンピューター コンピューター
プログラミング プログラミング
数学 数学
英語 英語
国語 国語
理科 理科
社会 社会