忍者ブログ
22 January

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

07 April

カスタムフィールド関連

//入力が無い時は項目毎表示しない
<?php if(post_custom('フィールド名')): ?>
<div><?php echo post_custom('フィールド名'); ?></div>
<?php endif; ?>



//リピーターフィールド
<?php if(get_field('フィールド名')): ?>
<?php while(the_repeater_field('フィールド名)): ?>
<div>
<a href="<?php the_sub_field('フィールド名'); ?"></a>
<img src="<?php the_sub_field('リピートフィールド名'); ?>" alt="<?php the_sub_field('リピートフィールド名'); ?>" />
<p><?php the_sub_field('フィールド名'); ?"></p>
</div>
<?php endwhile; ?>
<?php endif; ?>




//スライダー用

  • divボックスがスライドするタイプのスライドショー
  • スライドを5枚までとしたので、5枚分のスライドのカスタムフィールドを作成。
    (トップページのため5枚までと制限した。無限に増やせるようにするのなら、リピーターフィールドで対応すればよい。)
  • divボックスの中身をカスタムフィールドで出力
  • 1枚はかならず入っているようにしたので、そのまま出力。2枚目以降は、入力があれば出力するようにif文で分岐。
  • 3枚目以降は2枚目のフィールドIDを変更する。

 <!--slider 1枚目-->
<div class="item active">
<a href="<?php the_field('フィールド名A1') ?>">
<img src="<?php the_field('フィールド名A2') ?>" alt="<?php the_field('フィールド名A3')?>" ></a>
</div>
        <!--/slider 1枚目end-->
        <!--slider 2枚目-->
<?php
$custom_fields = get_post_meta( $post->ID , 'フィールド名B1','フィールド名B2','フィールド名B3' , true );
if(empty( $custom_fields ) === false){ ?>
<!--//カスタムフィールドが入ってるときの処理-->
    <div class="item">
<a href="<?php the_field('フィールド名B1') ?>">
<img src="<?php the_field('フィールド名B2') ?>" alt="<?php the_field('フィールド名B3')?>" ></a>
</div>
<?php } else { ?>   
<!--//カスタムフィールドが入っていないときの処理-->
<?php } ?>
 <!--/slider 2枚目end-->
 

拍手

PR