smart custom fields グループ出力サンプル(画像・タイトル・本文)|和歌山 ホームページ制作・作成|アドフロンティア

smart custom fields グループ出力サンプル(画像・タイトル・本文)

ギャラリー:画像・タイトル・本文

シングルページへのリンクは無し。画像はLightbox仕様。
画像の有無やタイトルの有無で分岐あり。noimg.png を用意する必要あり。
single.phpへリンクする場合は画像のソースを「<?php the_permalink(); ?>」に変更すること。

「gallery-columns-●」の「●」に希望のカラム数を入れる。※要別途CSS

<div class="gallery-columns-●">
<?php $get_group = SCF::get( 'gallery_group' ); ?>
    <?php foreach ( $get_group as $fields ) { ?>
    <div class="gallery">
	<?php if(!empty($get_group[0]['gallery_img'])):?>
        <figure><a href="<?php echo wp_get_attachment_image_url($fields['gallery_img'], 'full');?>" target="_blank" rel="lightbox" data-lightbox="lightbox-img"><?php echo wp_get_attachment_image($fields['gallery_img'], 'large');?></a></figure>
        <?php else: ?>
        <figure><img src="<?php bloginfo('template_url'); ?>/images/noimg.png" alt="画像は準備中です" /></figure>
        <?php endif;?>
        
        <?php if(!empty($fields['gallery_title'])):?>
        <div class="box_inner01">
            <h3><?php echo ( $fields['gallery_title'] ); ?></h3>
            <?php echo ( $fields['gallery_text'] ); ?>
        </div>
        <?php endif;?>
    </div>    
    <?php } ?>
</div>

 

ページトップへ移動