2024 年 5 月 10 日 我的频道
ACF 插件显示图片
  • 2021
  • Sunny

最近几天都在帮朋友搞一个网站,属于二次开发,包括重新整理 Css,以及页面的结构,移动端的自适应,花了我两天的时间完成。重点是 ACF 的自定义字段使用,按照说明文档,强行让自己看英文,慢慢摸索到最后的成功。

开始一直的以为,按照说明文档中的 get_field, the_field 来引用自定义字段即可,没有想到,到最后的显示文章的照片库功能难住。从了解到的资料显示,照片库(ACF Photo Gallery)其实是一个数组,需要把数组输出图片列表。于是在调用的两个函数上不断的来回折腾。我曾经想过利用我以前写的显示文章的所有照片功能加上,但是由于有限制,就是一定要在文章中上传过,而且是第一次上传的,即使不在文章中出现过,那样才行,局限了功能上的灵活应用,朋友也觉得这样不够好,所以它坚持要用自定义字段。

最后从一个文章中了解到了,其实不需要 get_field, the_field 来进行对照片库的引用,用上 acf_photo_gallery 这个参数就可以,还是不多说,狠人话不多,马上上代码:

PHP

<?php
$images = acf_photo_gallery(‘girl_pics’,get_the_ID());

if( $images ): ?>

<?php foreach( $images as $image ): ?>
<img src=”<?php echo $image[‘thumbnail_image_url’]; ?>”>
<?php endforeach; ?>
<?php else : ?>
No photos yet
<?php endif; ?>

这段代码可以根据你的自定义名称扩展起来,辛苦研究的成果就在这里给大家分享了!

最后拓展:因为输出的是缩略图,朋友需要输出原图,继续为了这个功能再开发一下,这个功能的插件是下面两个:
ACF Photo Gallery Field
Advanced Custom Fields – ACF
都是免费版,直接到后台安装即可使用,不需要任何设置!

WORDPRESS
1473
0

Author Box

名字:Sunny
注册:Jan 30, 2021
简介:技术菜鸟,拷贝、黏贴代码中 ……

Comment Box

4 1 投票
Article Rating
订阅评论
提醒
guest

0 评论
内联反馈
查看所有评论