Custom Field Suiteの表示コードいろいろ
<!-- テキスト表示 --> |
< dl >< dt >名前</ dt >< dd >< p ><? php echo $cfs->get('staffname'); ?></ p ></ dd ></ dl > |
<!-- テキスト表示 --> |
|
<!-- ドロップダウン選択 --> |
< dl >< dt >役職</ dt >< dd >< p > |
<? php |
$ values = CFS ()->get('yakushoku'); |
foreach ( $values as $key => $label ): |
?> |
< span ><? php echo $label; ?></ span > |
<? php endforeach; ?> |
</ p ></ dd ></ dl > |
<!-- ドロップダウン選択 --> |
|
<!-- 画像表示1枚 --> |
< div class = "shasin" >< img src="<?php echo CFS()->get('shasin');?>" alt="<? php echo CFS()->get('staffname');?>"></ div > |
<!-- 画像表示1枚 --> |
<!-- ドロップダウン選択(複数選択可) --> |
< dl >< dt >設備</ dt >< dd >< p > |
<? php |
$ values = CFS ()->get('setubi'); |
foreach ( $values as $key => $label ): |
?> |
< span ><? php echo $label; ?>,</ span > |
<? php endforeach; ?> |
</ p ></ dd ></ dl > |
<!-- ドロップダウン選択(複数選択可) --> |
|
<!-- 画像リピート表示 --> |
<? php |
$fields = $cfs->get('lpiimg'); |
foreach ($fields as $field) : |
?> |
< div class = "lpimg" >< figure >< img src="<?php echo $field['lpimgs']; ?>" /></ figure ></ div > |
<? php endforeach; ?> |
<!-- 画像リピート表示 --> |
|
|
|
<!-- リピート項目 --> |
<? php |
$fields = $cfs->get('jiyuukoumoku'); //親ループ |
foreach ($fields as $field) : |
?> |
< div ><? php echo $field['jiyuukoumokumei']; ?></ div > |
< div ><? php echo $field['jiyuukoumokunaiyou']; ?></ div > |
<? php endforeach; ?> |
<!-- リピート項目 --> |
|
|
<!-- リンク付き画像リピート表示 --> |
<? php |
$fields = $cfs->get('linkimg');// loop名 |
foreach ($fields as $field) : |
?> |
< a href="<?php echo $field['linkimgurl']; ?>">< div class = "lpimg" >< img src="<?php echo $field['linkimgimg']; ?>" /></ div ></ a > |
<? php endforeach; ?> |
<!-- リンク付き画像リピート表示 --> |
< div class = "youtube" > |
<!-- youtube動画表示 --> |
<? php //youtube動画をWordPressのカスタムフィールドで挿入したい |
$hoge = $cfs->get('youtubeurl'); |
if($hoge): |
echo $embed_code = wp_oembed_get( $hoge ); |
endif; ?> |
<!-- youtube動画表示 --> |
</ div > |
<!-- map地図表示 --> |
< iframe src="https://maps.google.co.jp/maps? output = embed &q=<?php echo $cfs->get('map'); ?>" width=100% height="400px"></ iframe > |
<!-- map地図表示 --> |
■ 参考サイト
関連記事はこちら!
スポンサーリンク
タグ:CFS, Custom Field Suite, コード, 表示