javascript - 如何从未加载的 wordpress 帖子中检索 img src 值?

标签 javascript mysql css wordpress

我在这里要做的基本上是制作循环帖子的 div 背景图像的背景。

伪代码看起来像这样:

 if this.post has an img tag {
  store the img tag's src into a var,
  then use that img src var as the background-image of the div which holds the permalink to the post
 }

这有意义吗?我在想我必须从 WPDB 中检索 src,但我真的不知道如何不仅从 WPDB 获取该数据,而且将它放入一个 var 中,然后可以在 div 中使用背景图片...

我知道,这是一个相当高的要求,对我来说可能是一个很大的学习曲线。但这就是我们正确学习的方式! :)

提前致谢,任何人。

最佳答案

您可以使用帖子的“特色图片”。首先,通过将其添加到您的 functions.php 文件来激活发布缩略图:

add_theme_support( 'post-thumbnails' );

然后您可以使用以下代码检索特色图片:

$image_src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID));

然后将其应用于您的 div:

<div style="background-image: url(<?php echo $image_src; ?>);">

关于javascript - 如何从未加载的 wordpress 帖子中检索 img src 值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14531545/

相关文章:

javascript - Chrome 是否错误地实现了 dataTransfer 对象?

javascript - Jasmine 测试不会进入 promise 的 then 部分

php - 使用新信息更新数据库,但同时保留旧信息

php - MYSQL Join Query Multiple Tables 部分字段显示重复结果

javascript - before 和 beforeEach 在 Cypress 中究竟是如何工作的?

javascript - unshift 方法不断将新对象推送到选择器中

php - 使用 Yii 循环数据并插入到表中

html - 当浏览器窗口按比例缩小时,div 换行

css - 从 bootstrap 2.3.2 迁移到 3.1.1

javascript - 如何使用 javascript 在 html 中删除和创建新的 ul li 标签