ホームページのレイアウトで、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