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

Facebookでシェア Twitterでシェア

Robotee ロボティー 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


CONTACT

お問い合わせ

AEDI株式会社

〒710-0801 岡山県倉敷市酒津2549-2

貴社のサービス・商品のブランディング、デザイン、ホームページでお困りのこと、お仕事のご依頼、お見積もり、デザイン、ホームページ制作、その他AEDIのご提供するサービスに関することでご質問等ございましたらお気軽にお問い合わせください。

お問い合わせフォームとお電話より承っております。

アイデアを生み出すAEDIの事務所(岡山県倉敷市酒津)

お電話でのお問い合わせ: 月-土 9:00〜21:00(日祝を除く)

050-5899-6624