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

WordPress ACF插件 添加相册功能

  1. 首页
  2. »
  3. 图文教程
  4. »
  5. WordPress建站教程
  6. »
  7. WordPress ACF插件 添加相册功能

文章目录

添加自定义字段

代码调用字段

以下代码添加到主题根目录下的 single.php 文件中任何你想展示的任何位置。

<?php
$images = get_field('photos');
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; ?>

图片参数说明

缩略图:<?php echo esc_url($image['sizes']['thumbnail']); ?>

中等大小:<?php echo esc_url($image['sizes']['medium']); ?>

大图片:<?php echo esc_url($image['sizes']['large']); ?>

原尺寸图片:<?php echo esc_url($image['sizes']['full']); ?>

标签参数说明

图片说明:<?php echo esc_html($image['caption']); ?>

图片描述:<?php echo esc_html($image['description']); ?>

图片alt信息:<?php echo esc_html($image['alt']); ?>

推荐阅读

联系我