WordPressのサムネイル(アイキャッチ)のサイズをランダムで出力

Facebookでシェア Twitterでシェア

Rpbotee ロボティー WordPressのサムネイル(アイキャッチ)のサイズをランダムで出力

ホームページのレイアウトで、PinterestのようなMasonry系のタイルグリッド・可変グリッドデザインを採用する時、WordPressでサムネイル(アイキャッチ)のサイズをランダムで出力するには下記のコードで実現できます。JavaScript等は必要ありません。

Masonryに近いもので、Bootstrap 4 Cards x WordPressではこのサイトでもB-SIDEにて実装しています。

<?php
$sizes = array('thumbnail', 'medium', 'large'); // サムネイルのサイズ
$index = array_rand($sizes);
$attr = array('class' => "add-your-own-class"); // 必要なクラスを追加
echo get_the_post_thumbnail($page->ID, $sizes[$index], $attr);
?>

使用例: B-SIDE

参照: image – WordPress random thumbnail SIZE? – Stack Overflow