首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在wordpress foreeach循环中显示图片url?

在WordPress的foreach循环中显示图片URL,你可以按照以下步骤进行操作:

  1. 首先,确保你已经在WordPress中安装并激活了一个合适的主题或插件,以便能够在循环中显示图片。
  2. 在你的WordPress后台,找到需要编辑的页面或文章,并进入编辑模式。
  3. 在编辑模式中,找到你想要在循环中显示图片的位置。这可能是在文章正文中的某个特定位置,或者是在自定义模板文件中的某个位置。
  4. 在循环开始之前,你需要使用以下代码获取当前文章或页面的所有附件(图片)的URL:
代码语言:php
复制
<?php
$attachments = get_posts( array(
    'post_type'      => 'attachment',
    'posts_per_page' => -1,
    'post_parent'    => get_the_ID(),
) );
?>
  1. 接下来,在你的foreach循环中,使用以下代码来显示每个附件(图片)的URL:
代码语言:php
复制
<?php foreach ( $attachments as $attachment ) : ?>
    <?php $image_url = wp_get_attachment_url( $attachment->ID ); ?>
    <img src="<?php echo $image_url; ?>" alt="">
<?php endforeach; ?>

在上述代码中,我们使用了wp_get_attachment_url()函数来获取每个附件的URL,并将其作为<img>标签的src属性值进行显示。

  1. 最后,保存并更新你的页面或文章,然后在前台查看结果。你应该能够在循环中看到每个附件(图片)的URL被正确显示。

请注意,以上代码仅适用于在WordPress中使用默认的媒体库上传的图片。如果你使用了其他方式来管理图片,可能需要进行相应的修改。

推荐的腾讯云相关产品:腾讯云对象存储(COS)

腾讯云对象存储(COS)是一种高扩展性、低成本的云端存储服务,适用于存储大规模非结构化数据,如图片、音视频、备份和存档等。它提供了高可靠性、高可用性和高性能的存储服务,可以轻松集成到WordPress中,用于存储和管理你的图片资源。

产品介绍链接地址:https://cloud.tencent.com/product/cos

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何统一批量修改WordPress头像大小

今天全百科教大家如何统一批量修改WordPress程序头像大小尺寸,首先我们要知道get_avatar()是wordpress内置用来获取指定用户id或者邮箱头像的函数,通过get_avatar()函数可以轻易地获取文章作者头像...、评论用户头像、指定用户头像,在获取用户头像的同时可以指定图像的大小、默认头像以及头像图片的alt属性值。...’- (字符串)使用的URL方案,可参与set_url_scheme()函数的参数值(’http’, ‘https’, ‘login’, ‘login_post’, ‘admin’, ‘relative...’, ‘rest’, ‘rpc’),默认为空 ‘class’ – (数组|字符串)给img标签添加样式 ‘force_display’ – (布尔型)是否始终显示头像,忽略wordpress后台里设置—...—评论里设置的【头像显示】设置,默认为false ‘extra_attr’ – (字符串)插入img元素,alt、title,默认为空 示例 获取文章作者头像(主循环中使用) <?

78020

一文详解 WordPress 文章特色图片或缩略图功能

WordPress 2.9 开始,WordPress 开始内置了文章缩略图的功能,后面又把名称改为特色图片(Featured Image),这里为了统计叫法,还是使用文章缩略图的名称,并且 WordPrss...这种模式的好处是可以显示整张图片,缺点是生成的图片并不是一样大的,它是按照最长边来设置的,所以有时候是长度一样,有时候是高度一样。...,这种方式的好处就是得到我们所希望的,比如我们希望得到一张 50X50 的缩略图,就会得到 50X50 的缩略图,缺点就是图片会被裁减,缩略图中只会显示图片的一部分。...,下面这些函数应该在 WordPress 的主循环中使用。...():获取文章缩略图链接 获取到文章缩略图链接 ID 之后,我们可以使用 wp_get_attachment_image_url 函数获取图的链接,但是 WordPress 已经提供了现成的函数一步到位

1.3K10

WordPress 主循环和全局变量

当我们进行 WordPress 开发的时候,首先我们必须要了解主循环和全局变量,这样才知道在主循环中可以访问哪个全局变量 下面就讲解下 WordPress 主循环,以便能更好理解哪些全局变量可以被主循环中的模板函数调用...WordPress 主循环 WordPress 主循环(The Loop)是用来显示文章列表,和在单篇文章页面页显示留言列表的。 在主题的 index.php 中,主循环的代码如下: <?...the_post 函数获取第一篇文章,并设置文章的数据(作者,是否多个分页等等),赋给 $post 这个全局变量,所以我们可以访问它。...这个全局变量,我们可以获取当前文章作者的下面这些信息:last_name,first_name,ID,user_email,user_url,user_login,description 和其他。...注意通过这种方法获取的文章内容是没有经过 WordPress 过滤器接口的,不过你想自己去操纵文章的内容,比如自己设置文章内容的显示方式,通过这种方式获取的文章内容是非常有用。

62910

WordPress 教程:和 WordPress 相关的一些专有名词

Codex - WordPress.org Codex 其实就是 WordPress 的维基,它是一个包含各种和 WordPress 相关的信息的平台。...Parameter - 参数,在讨论插件或者主题开发的时候常常被提到,在 WordPress 模板函数的时候常作为选项。模板函数 bloginfo(),它可能是这样的:<?...Template Tags - 模板标签,它是博客的模板中来显示动态信息,或者用来定制化博客,它可以让你的博客独一无二。...Loop 或者 The Loop - 主循环是 WordPress 用来显示博客的日志的。使用主循环,WordPress 在当前页面显示每篇日志,然后通过循环里面的模板函数来格式化它们。...任何在主循环中的 HTML 或者 PHP 代码,每个日志都会用到。当你看到 WordPress 的文档中提到:“这个标签必须在 The Loop”,这里说的就是住循环。

88910

【译】WordPress 中的50个过滤器(5):第31-40个过滤器

在本文中,我们将接触其他类型的过滤器,一既往,有例子予以加深理解。 本系列文章翻译自tutsplus,原作者为Barış Ünver,翻译人:Jeff,转载请注明原始来源及翻译人,谢谢!...source: http://codex.wordpress.org/Plugin_API/Filter_Reference/wp_get_attachment_url   ?...> 重写[ caption] 短代码 [ caption] 短代码可以让你很简单地通过字幕包裹某张图片,如果你想修改下,往下看。...例子:在循环中为第一篇文章添加特别标记的类 <?...例子:为上传的图片增加许可证信息 让我们假设你有有个摄影相关的博客,你需要为你博客上上传的每一张图片进行许可证声明。通过下面的代码即可为你增加个“license”的输入框。 <?

1.1K70

静态网站在腾讯云上的托管

接下来,将以一个 WordPress 个人博客网站的搭建为例,来说明如何在静态网站中搭配使用 CVM+COS+CDN ,实现业务的快速迁移上云。...配置完成,让我们来看看在WordPress中,是否可以正常使用腾讯云COS。 在WordPress的媒体库中添加一张图片腾讯云.jpg。...上传成功,点击查看图片属性,可以看到图片URL为存储在腾讯云COS中的资源链接。 并且在WordPress中新建一篇文章时,可以像使用网站内部资源一般添加使用该图片。...最后,在自己的WordPress网站中对腾讯云COS插件做配置更新,只需要更改URL前缀即可: 至此,WordPress网站成功集成腾讯云COS服务和CDN服务,多媒体文件将自动上云,并且可以同步两边的删除和添加操作...网站以后只需直接调取腾讯云COS中的资源Url,即可显示相应内容,畅享云端体验,再不必担心存储资源的扩容问题和故障问题。

12.2K40

何在博客的日志之间显示广告

这篇文章将向你展示如何在 WordPress 主页上的日志之间放置 AdSense 代码(或者其他广告的代码)。同样的方法也可以用于在存档页面(包括分类和作者存档页面)放置广告。...在 WordPress 中,用来给读者显示日志的主流程就是主循环(The Loop)(点击这里和这里查看更多信息)。...用编程术语来说就是一个 while () 循环,它能一篇一篇的显示日志,直到满足一个停止的条件(比如 WP 的设置了只在主页上显示15篇日志)或者判断是否还有日志。...如果我们能够得到 while () 循环已经显示了多少篇日志(通过在循环外面定义一个计数器变量,在循环中累加,然后把计数器的值作为测试的条件),我们就能很容易编码以在某些日志后面显示广告。...google_color_border = "ffffff"; google_color_bg = "ffffff"; google_color_link = "880615"; google_color_url

54420

如何登录到你的 WordPress 管理仪表板

WordPress 是一个内容管理系统 (CMS),这意味着它是一种简化生成、存储和显示 Web 材料的过程的工具。WordPress 最初是作为一种改进日常写作常规排版的工具。...在你可以访问 WordPress 仪表板之前,你需要一些项目: WordPress 后端 URL:如果你在域的根/主文件夹中安装了 WordPress,则访问 WordPressURL 将类似于:...这意味着要访问 WordPress 仪表板,只需将/wp-admin 添加到安装 WordPressURL 的末尾即可。...注意:请记住,如果你已将 WordPress 安装到 URL 的文档根目录,则 URL 将为 example.com/wp-admin。...如何在网站上安装 WordPress? 如何在 WordPress 中创建登录页面? 如果大家发现文章中有什么错误的地方,欢迎在下方评论。

1.4K31

WordPress 5.9 增强了懒加载的性能

WordPress 在 5.5 版本实现了图片延迟加载(懒加载),然后在 5.7 版中扩展到 iframe 中,WordPress 5.9 版本又对延迟加载的实现进行了一些微调以提高性能。...因为 WordPress 之前版本是给所有的图片和 iframe 都加上 loading="lazy" 来实现的,这样页面打开之后第一屏的图片和 iframe 也被标记为懒加载,这样会导致最大内容绘制(...WordPress 的主题很多,所以页面的布局也是千变万化,页面的第一屏到底有几张图片没有统一的答案,但是 WordPress 官方基于 50 个最流行的 WordPress 主题做了分析测试,简单通过不给第一张图或者...这里解释一下“内容图像或 iframe”的意思,它指的是 WordPress 主循环中所有文章中内容中的图片和 iframe,以及文章的特色图片。...自定义 因为大多数大多数主题是使用单列布局来显示文章的,所以不懒加载第一个内容中的图片或 iframe 可以增强了页面的 LCP 性能,而对于多列布局的主题,WordPress 现在提供了新的 wp_omit_loading_attr_threshold

71620

Akismet插件教程WordPress阻止过滤垃圾邮件插件

在评论正文中显示URL以识别误导性链接。 为每条评论设置状态历史记录,以帮助确定它是否被Akismet或版主清除。 允许版主配置垃圾邮件参数,例如关键字和链接。...当一条评论被Akismet标记为垃圾邮件时,它不会像其他评论那样显示等待审核通知,相反,会自动将它们移动到垃圾邮件文件夹。   ...推荐:如何设置/禁用WordPress网站的评论功能 如何设置Akismet反垃圾邮件插件   现在,让我们看看如何在您的网站上配置Akismet。...例如,该插件可让您在每个评论作者旁边显示已批准评论的数量,查看垃圾评论或自动丢弃它们,并在评论表单下显示隐私声明。   ...推荐:WordPress图片压缩插件JPEG、PNG和WebP图像压缩TinyPNG插件教程 晓得博客,版权所有丨如未注明,均为原创 晓得博客 » Akismet插件教程WordPress阻止过滤垃圾邮件插件

1.6K20

WordPress 自定义字段(Custom Fields)详细介绍和使用

何在博客上显示自定义字段的数据 当我们想显示日志或者页面的自定义字段的时候,我们有几种方法。这里介绍两种简单的方法和一些更高级的用法。...通过使用 get_post_meta(post->ID, "Key2″, single = true); 可以返回自定义字段 "Key2" 的值,也可以输出它:echo get_post_meta(...WordPress 自定义字段高级用法 输出撰写日志时候的心情 假如你想用一张表情图片显示写日志时候的心情,首先制作这些表情图片,并把它们命名为 Sad.gif,Mad.gif 和 Happy.gif,...>.gif" alt="mood" /> 输出撰写日志时候的参考书籍 假如你在写日志的时候参考一些书籍,你想告诉读者写日志时候显示你参考了那些书籍,这个也很易,WordPress 允许你在一篇日志中使用多个相同的自定义字段...WordPress 心情评论插件),灵活使用 WordPress 自定义字段可以把 WordPress 打造成强大的 CMS 系统,通过使用自定义字段,我们可以很快给日志和页面加上很多额外的信息,并且不用编辑日志就能很快改变信息显示方式

2.9K20

使用 WordPress 的 Easy Embeds 功能

WordPress 的 Easy Embeds 功能 有没有想过,只需要在日志中输入一个视频网站或者图片分享的 URL,这个 URL 里面含有的视频或者图片就自动显示出来?...这样是不是很 Cool,这个就是 WordPress 的 Easy Embeds 的功能,让你直接发布一个 URL(需要单独一行,纯文本,不带链接才行),就能把这个 URL 中的视频显示到博客上,并且会根据博客的布局调整视频的大小...比如,在日志中直接输入这个 instagram 地址: http://instagram.com/p/TSZleFg3A3/ WordPress 就会自动把这个 URL 转化成 instagram 该页的照片和链接...另外还可以使用 [embed] 这个 shortcode 来显示图片,使用 [embed] shortcode 就不再需要把链接放到独立的一行了。...(only VideoPress-type videos for the time being) 所以这些网站的视频和图片,你只需贴入 URLWordPress 就会帮你自动转换成可以查看的图片或者视频

65420

WPJAM Basic 扩展 - 常用简码:一键集成10个常用简码

的常用简码扩展目前支持的简码(Shortcode)有: email 如果只是简单展示邮件地址,只需要在文章内容输入以下内容: [email]you-email-address@email.com[/email] 显示效果...如果你想把 email 地址显示为连接,可以加上 link 参数,: [email link="1"]you-email-address@email.com[/email] 显示结果为:you-email-address...如以下的代码: [table width="95%"] 位置 大小 价格 出现的页面 顶部广告位 728X80 静态图片 1000 RMB 一个月 整站所有页面 侧边栏广告位 300X150 静态图片...youku width="600" height="500"]http://v.youku.com/v_show/id_XXXXXXXXXXX.html[/youku] 更加详细的介绍,可以查看我之前如何在...WPJAM Basic 内置的图片处理函数

71660

WordPress 编辑用户

WordPress 是一个完全基于 PHP 和 MySql 的开源内容管理系统,用于创建动态网站。Matt Mullenweg 开发了 WordPress 并用 PHP 语言编写。...WordPress 最初是作为一种改进工具开发的,用于增强日常写作的常规排版。 在本文中,我们将讨论如何在 WordPress 中编辑用户。...让我们看看在 WordPress 中轻松快速地编辑用户的步骤: 第 1 步:转到 WordPress 登录面板并提供用户名和密码以登录 WordPress 仪表板。...你可以通过在你的网站 URL 末尾添加 /wp-login.php 来访问登录面板。 登录 WordPress 后,你将能够看到如下仪表板: 第 2 步:我们必须搜索并打开所有用户。...单击保存更改后,将显示“成功更新@user”弹出消息。 就是这样,你现在已经成功地学习了如何在你的 WordPress 网站上编辑 WordPress 中的用户。

1.5K51

编写自己的 WordPress 模板

显示网站品牌,名称和描述。 提供不同页面的导航。 考虑到这些要点,让我们编写主题标题。 这将回显该站点的主页 url。 footer.php:这是我们将在站点页脚中添加我们想要的任何内容的文件,例如自定义页脚、脚本标签等。...这里要提到的另一件事是,我在文件中使用了“硬编码”子部分,“联系人”和“链接” footer.php。相反, 你可以使用 WordPress 小部件来自动化并使它们直接通过定制器进行修改。...侧边栏经常显示存档链接、最近的帖子、社交媒体帐户、广告等。在我们的例子中,我们将使用存档链接和社交媒体链接。同样,WordPress 小部件比“硬编码”的垃圾要好得多!...> 如果有任何帖子,而没有剩下的,显示它们。此循环中的任何内容都将重复,直到页面用完所有帖子。我们可以使用这个概念来显示我们的列表。这就是我的做法。

1.3K30

解决七牛云存储缓存加速Gravatar 头像图片路径url 参数失效的问题

前天分享了《通过七牛云存储 缓存加速Gravatar头像,解决被墙问题》,不过这昨天发现通过七牛云存储缓存加速Gravatar 头像,会导致头像图片所在的路径 url 参数失效,通过参数来定义图片宽高大小没戏了...不熟悉的也没关系,可以先阅读一下WordPress 官方文档,Jeff 尽量用简单的文字说明: 在WordPress 中,调用Gravatar 头像后的图片路径及显示效果如下: http://www.gravatar.com...对于绝大多数WordPress 站点来说,只有?s=参数有用,其余的都没什么用处。下面是官方路径的Gravatar 头像不同size 的图片,依次是?...但是,通过《通过七牛云存储 缓存加速Gravatar头像,解决被墙问题》一文设置后,图片路径url 参数已经失效。...empty( $rating ) ) //$out .= "&r={$rating}";// r=分级 接下来还需要在七牛云存储后台新建图片样式,Jeff 的设置如下: ? ?

1.1K70

微信机器人高级版常见问题汇总

如何安装和升级 安装:上传到 wp-content/plugins/ 目录下,然后到 WordPress 后台 > 插件 激活即可。...升级:升级稍微麻烦点,下载新的安装包,解压缩,然后覆盖旧的插件文件夹,然后到 WordPress 后台 > 插件,先停用再激活。 2. 回复微信公众号之后,为什么缩略图不能显示?...所以缩略图不能显示或者没有的问题,首先查下,有没有设置默认的缩略图,日志有没有设置特色图片,内容中有没有图片?另外是否服务器设置了防盗链,这个也是会使得缩略图在微信机器人中无法先的。...可以通过在编辑日志的时候,查看其 URL 获取日志的 ID,当然你可以通过简单的代码实现在在后台日志列表页面查看日志 ID 和页面 ID。...详细请查看:WordPress 技巧:如何在后台显示日志 ID。 5. 如何设置图文格式的关注回复 目前微信机器人高级本并没有提供地方设置图文格式的关注回复。

63830

利用WordPress REST API 开发微信小程序从入门到放弃

通常一个WordPress网站安装成功,如果没有对URL 进行重写,那么WordPress REST API 的访问URL 应该是这样的: https://www.youdomain.com/index.php.../wp-json/wp/v2/ 而我的网站的WordPress已经经过URL重写所以,REST API的URL是直接访问网站的根目录:https://www.watch-life.net/wp-json...这里只介绍与WordPress版本的小程序相关的目录及文件。 (1)”image”文件夹:显而易见这是存放图片的文件夹。 (2)”pages”文件夹:用于存放小程序的功能的页面。...(7)获取文章第一张图片。...但是,我仍然希望通过阅读本文,对于想利用WordPress REST API 开发微信小程序的开发者,能有所帮助,而不是本文标题所说的,看了文章反而想放弃了。

2.9K70
领券