New サムネイル 草かんむり(草冠)に路がついた漢字「蕗」はなんと読む? New サムネイル 草かんむり(草冠)に冬がついた漢字はなんと読む?「苳」の読み方 New サムネイル 草冠を使った漢字のクイズ:茫や茗はなんて読む?

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 となっていますが、ここはサイズを指定します。サイズは四種類あります。

  • thumbnail
  • medium
  • large
  • full

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

参考

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

広告

広告

広告

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

Python入門

Python入門

化学入門

化学入門

漢字辞典

漢字辞典

整数辞典

漢字辞典

Lord Candy

Lord Candy