首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >高级自定义字段-图标(图像后期处理类型)源不能正确输出

高级自定义字段-图标(图像后期处理类型)源不能正确输出
EN

Stack Overflow用户
提问于 2019-10-27 09:12:51
回答 2查看 708关注 0票数 0

我在我的WordPress网站上使用高级自定义域,我在某些图像帖子类型的域中遇到了问题。

它们的输出如下:

代码语言:javascript
复制
<img src="57584, 57584, icon-star-green, icon-star-green.svg, 585, http://example.com/wp-content/uploads/2017/10/icon-star-green.svg, http://example.com/services/script-writing/icon-star-green/, , 1, , , icon-star-green, inherit, 58344, 2017-10-11 21:15:32, 2018-11-04 01:53:57, 0, image/svg+xml, image, svg+xml, http://example.com/wp-includes/images/media/default.png, 0, 0, Array" class="bens-item__icon" alt="">

我已经尝试删除并重新创建自定义域,以及重新上传图标图像,结果相同。我还仔细检查了插件名称,一切看起来都很正常。

下面是代码调用此自定义字段的方式:

代码语言:javascript
复制
<img src="<?php the_field('industry_advantage1_icon'); ?>" class="bens-item__icon" alt="" />

你知道为什么它会这样输出吗?我怎么解决它呢?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-10-28 22:18:59

acf字段返回一个数组。因此,要获取图像的url,首先将该字段赋给一个变量,如下所示:

代码语言:javascript
复制
$image = get_field('industry_advantage1_icon');

然后您可以像这样调用这些值:

代码语言:javascript
复制
<img src="<?php echo $image['url'] ?>" class="bens-item__icon" alt="" />

以下是有关如何使用高级自定义字段图像字段的文档。https://www.advancedcustomfields.com/resources/image/

票数 1
EN

Stack Overflow用户

发布于 2019-10-27 14:11:37

代码语言:javascript
复制
<?php
//if custom field isn't blank
if ($alternative_post_image !== '' ) { ?>
<img src="<?php echo $alternative_post_image; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" />
<?php } else { ?>
<?php
//show featured image
the_post_thumbnail();
?>
<?php } ?>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58575928

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档