カスタムフィールドでLightbox機能を導入

新着

カテゴリ一覧
- wordpress
- google
- サーバー
- ドメイン
- sns
- プラグイン
- css
- Illustrator
- photoshop
- bootstrap
- その他

プラグイン

カスタムフィールドでLightbox機能を導入

2019/12/25

Easy FancyBox

公式サイトはこちら

http://fancybox.net/

カスタムフィールド　ACF 繰り返しフィールド

&lt;?php if( have_rows('service_field') ): ?&gt;
  &lt;?php while( have_rows('service_field') ): the_row();
   $image = get_sub_field('service_img'); ?&gt;
    &lt;li&gt;
      &lt;div class="photaria"&gt;
        &lt;a href="&lt;?php echo $image['url']; ?&gt;" class="fancybox-inline"&gt;
          &lt;img src="&lt;?php echo $image['url']; ?&gt;" alt="&lt;?php echo $image['alt'] ?&gt;" /&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;?php endwhile; ?&gt;
&lt;?php endif; ?&gt;

<?php if( have_rows('service_field') ): ?>

<?php while( have_rows('service_field') ): the_row();

$image = get_sub_field('service_img'); ?>

<li>

<a href="<?php echo $image['url']; ?>" class="fancybox-inline">

</a>

</div>

</li>

<?php endwhile; ?>

<?php endif; ?>

カスタムフィールド でLightbox機能を導入

カスタムフィールドでLightbox機能を導入