WordPress:Smart Custom Fields「画像」「テキスト」「テキストエリア」出力

Smart Custom Fields「画像」「テキスト」「テキストエリア」の出力をします。よく使用する出力方法をまとめました。入力がない場合の if文 も記載しています!

01. 画像の出力

常に表示

single.php
<?php $img = wp_get_attachment_image_src($fields['img01'] , 'full'); ?>
<img src="<?php echo $img[0]; ?>" alt="">

入力がある場合に表示

single.php
<?php if($fields['img01'] !== ""){ ?>
 <?php $img = wp_get_attachment_image_src($fields['img01'] , 'full'); ?>
 <img src="<?php echo $img[0]; ?>" alt="">
<?php } ?>
タイプ画像
名前img01(任意の名前)

02. テキストの出力

常に表示

single.php
<p><?php echo $fields['text01']; ?></p>

入力がある場合に表示

single.php
<?php if($fields['text01'] !== ""){ ?>
 <p><?php echo $fields['text01']; ?></p>
<?php } ?>
タイプテキスト
名前text01(任意の名前)

03. テキストエリアの出力

常に表示

single.php
<p><?php echo nl2br($fields['text02']); ?></p>

入力がある場合に表示

single.php
<?php if($fields['text02'] !== ""){ ?>
 <p><?php echo nl2br($fields['text02']); ?></p>
<?php } ?>
タイプテキストエリア
名前text02(任意の名前)
URLをコピーする