Custom Field Suiteの表示コードいろいろ

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地図表示 -->

■ 参考サイト

WordPress:Custom Field Suiteの使い方からカスタマイズまで

Custom Field Suiteでループの入れ子とループ内の条件分岐

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP