[wp]投稿サムネイルの設定と表示

小分けに記事にしたほうがいいのかね。

サムネの有効化

まっさらな状態ではサムネ(アイキャッチ)は使えない仕様。
functions.phpで有効化する必要がある。

以下を書き込む。

add_theme_support('post-thumbnails');

有効化したら投稿画面にサムネ枠が追加される。カスタム投稿の方も一括で有効化してくれるので、そういう意味では手間はこれだけ。

サムネの表示

<?php the_post_thumbnail('thumbnail'); ?>
<?php the_post_thumbnail('medium'); ?>
<?php the_post_thumbnail('large'); ?>
<?php the_post_thumbnail('full'); ?>
<?php the_post_thumbnail(); ?> //fullと同じ

サイズ内訳はこう。

thumbnail150*150
medium300*300
large640*640
full原寸大

設定 > メディアで数値を変更できるんで、別に覚えなくていいと思う。種類があるとだけ知っておけばいい。

サムネのバリエーション追加

原寸除いて3つ指定できるわけだけど、デフォはデフォで置いといて、任意のやつを作るってのもできる。これはfunctions.phpで設定するだけ、管理画面上じゃいじれない。

php add_image_size( $name, $width, $height, $crop );

たとえばこんな感じ。

add_image_size( '600_400', 600, 400, true );

使うときはこう。

<?php the_post_thumbnail('600_400'); ?>

まあ、公式を見たらわかるんだけどさ。

https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/add_image_size

サムネの生成はメディアに画像を登録したタイミングで行われる。だから、functions.phpとか管理画面で追加したり修正しても、既存の画像には影響しない。だからって画像を再アップするのはだるいんで、プラグインでサムネの再生をして対応する感じ。

Regenerate Thumbnails
Regenerate the thumbnails for one or more of your image uploads. Useful when changing their sizes or your theme.

他にもあるから好みで選べばいいと思う。

the_post_thumbnail_url()

いつだったかのバージョンアップでurlだけ書き出せるようになった。

the_post_thumbnail_url('thumbnail');
the_post_thumbnail_url('medium');
the_post_thumbnail_url('large');
the_post_thumbnail_url('full');
the_post_thumbnail_url(); //fullと同じ

こんな感じでやれる。

<img src="<?php the_post_thumbnail_url(); ?>" alt="<?php the_title(); ?>">

自作するなら自由度高く作れたほうがいいですよね。

コメント

タイトルとURLをコピーしました