スマートカスタムフィールド（SCF）でPDFをループさせる

みなさんこんにちは！

スマートカスタムフィールドを頻繁に使用しているのですが、画像のループばっかりやってたころに
ふと『ファイル』のループってどうするんだっけ？となるので備忘録として記載しておきます。

カスタムフィールドの設定は下記のとおり。

ループ名：pdf_loop
タイプ：ファイル
ラベル：PDF
名前：pdfImg

<div class="license">
	<ul class="flexbox">
		<?php $license_loop = SCF::get('pdf_loop', ID_TOP); ?>
		<?php foreach ($pdf_loop as $field): ?>
                     <?php $imgUrl = wp_get_attachment_image_src($field['pdfImg'], 'medium'); ?>
			<?php $fileUrl = esc_url(wp_get_attachment_url($field['pdfImg'])); ?>
			<?php $pdfTitle = $field['pdfTitle'] ;?>
				  <li>
					<div class="pdfImg">
							<a href="<?php echo $fileUrl ;?>" target="_blank">
							  <img src="<?php echo esc_url($imgUrl[0]);?>" alt="<?php echo $pdfTitle ?>">
							</a>
						</div>
					<p><?php echo $licenseTitle ?></p>
				</li>
                    <?php endforeach; ?>  
	</ul>
</div>

上記では、aタグ内にPDFの吐き出しを、imgタグにはアップロードしたPDFのサムネイルを表示するように
しています。
吐き出し方が違うので気を付けてくださいね。

■画像（PDFサムネイル）

<?php $imgUrl = wp_get_attachment_image_src($field['pdfImg'], 'medium'); ?>
<img src="<?php echo esc_url($imgUrl[0]);?>">

■PDFファイル

<?php $fileUrl = esc_url(wp_get_attachment_url($field['pdfImg'])); ?>
<a href="<?php echo $fileUrl ;?>" target="_blank">～</a>
Share: