html - 这个语法有什么错误?

标签 html css wordpress background wordpress-featured-image

我正在尝试使用我的 Bootstrap .post-title 类做一些事情。

我想在我的帖子标题上放置一个 element.style 背景,作为背景,为每个帖子的帖子特色图像调用。我已经做到了这一点,但出了点问题,现在无法正常工作。我唯一知道的是一定看起来像这样。

<div class="post-featured" style="background-image:url('upload/<?php the_post_thumbnail( 'wpbs-featured' ); ?>')">

但是语法中有些地方是错误的,因为它在 HTML 上呈现这些字符。这是怎么回事?

')">

实例:WP Featured post image, as a div background

最佳答案

the_post_thumbnail 返回一个 IMG html 标签。所以生成的代码是

<div class="post-featured" style="background-image:url('upload/<img src="path/to/file.png">')">

绝对不是可行的东西......你只需要 url,所以你应该这样做:

$thumb_id = get_post_thumbnail_id();
$thumb_url = wp_get_attachment_image_src($thumb_id,'wpbs-featured', true);

<div class="post-featured" style="background-image:url('<?= $thumb_url[0] ?>')">

关于html - 这个语法有什么错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27768838/

相关文章:

html - 如何根据加载样式表后才能找到的元素数量更改 CSS 属性?

jquery - 基于滚动位置,我如何让一个元素在 50px 处开始跟随(固定位置)然后在 2000px 处停止跟随?

wordpress - 谷歌地图 iframe 加载速度很慢

html - 当浏览器调整大小时,父 div 高度随着其子元素的增长而增长

javascript - 我可以根据网页中的背景像素颜色更改图像像素的颜色吗?

html - 如何让div在页面的同一时间中心停留在顶部?

html - 比率的媒体查询未触发

html - 表格上方的标题不符合分辨率

php - WordPress 主机 IP 已更改

javascript - 我需要对 HTML 和 JavaScript 代码进行哪些更改才能使 character_count 正常工作?