免费《新手做网站视频教程》,在线观看,如果你想从零开始自己做网站,点击开始吧!

WordPress ACF 插件相册字段使用教程

  1. 首页
  2. »
  3. 图文教程
  4. »
  5. WordPress建站教程
  6. »
  7. WordPress ACF 插件相册字段使用教程

文章目录

使用方法

可以参考下手册:https://www.advancedcustomfields.com/resources/gallery/

<?php
$images = get_field('gallery');
if( $images ): ?>
    <ul>
        <?php foreach( $images as $image ): ?>
            <li>
                <a href="<?php echo esc_url($image['url']); ?>">
                     <img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
                </a>
                <p><?php echo esc_html($image['caption']); ?></p>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>

常见问题:gallery类型无法设置返回值

在插件后台设置页面没有设置返回值的地方,在使用 get_field 函数时没有返回任何值。

解决方法

get_field 函数追加两个参数。

$images = get_field('gallery', false, false);
代码demo:
<?php
$images = get_field('index_carousel', false, false);
if( $images ): ?>
    <div id="owl-demo" class="owl-carousel">
        <?php foreach( $images as $image ): ?>
            <div class="item">
            <picture>
                <source srcset="<?php echo wp_get_attachment_image_url( $image, 'full' ); ?>" media="(min-width:50em)">
                <source srcset="<?php echo wp_get_attachment_image_url( $image, 'full' ); ?>" media="(min-width:30em)">
                <img src="<?php echo wp_get_attachment_image_url( $image, 'full' ); ?>" alt="">
            </picture>
            </div>
        <?php endforeach; ?>
    </div>
<?php endif; ?>

推荐阅读

联系我