图片顶层贴子标题WordPress精选缩略图

时间：2012-11-09 作者：Dave Burns

我目前正在尝试在帖子特色图片的顶部添加一个帖子标题，但目前我看到的只是“);">“而不是图像。

我使用的代码如下：

<div style="width:609px;height:364px;background-image:url(<?php the_post_thumbnail(); ?>);"><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2></div>

这是H2样式的CSS

article h2 a{
background-color:#bf0c08;
color:#fff;
width:auto;
font-size:30px;
text-decoration:none;
padding:8px;
max-width:479px;
line-height:60px;}

知道我哪里出错了吗？还有一个解决方案会很棒：）

你可以在www.ridermagazine上看到这一点。co.uk公司

2 个回复

最合适的回答,由SO网友:Daniel 整理而成

the_post_thumbnail() 不返回图像的路径。相反，它返回该图像的完整HTML标记。

您可以使用此选项：

$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ) ); echo $image[0];

如果需要特定的大小，可以传递其他参数：

$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), \'full\' ); echo $image[0];

您可以使用关键字作为大小(thumbnail, medium, large 或full), 您定义的尺寸add_image_size, 或者传递一个具有所需大小的数组，如下所示：array( 100, 200 )

SO网友:s_ha_dum

the_post_thumbnail 将回显整个图像标记。您可以在网站的源代码中看到它：

<div style="width:609px;height:364px;background-image:url(<img width=" 609"="" height="364" src="http://ridermagazine.co.uk/wp-content/uploads/2012/11/featuretest.jpg" class="attachment-post-thumbnail wp-post-image" alt="featuretest" title="featuretest">);"><h2><a href="http://ridermagazine.co.uk/?p=1">‘Gill’ promotes underage driving to young motorcycle enthusiast</a></h2></div>

您只需要URL。使用get_attachment_thumb_url 相反它不会回显，因此请修改代码以执行此操作--“url（ID）；？>）；

结束

标签： css post-thumbnails html5 小码农

最小化插件添加的脚本和css文件

我尽量限制插件的使用，只使用设计良好的插件。但我仍然发现，很多人会加载很多额外的脚本和样式，很少有人会根据插件是否正在使用而有选择地加载。我已经开始做一些事情，比如取消插件脚本的设置，并将它们组合成一个文件，然后自己再将其包含进去，或者在插件文件的某个地方使用if语句，只在特定页面上加载它。但是当插件更新时，这可能是一个问题。是否有一个插件可以提供一个简单的界面来加入/退出所有注册的脚本和样式？如果没有，有没有比我一直在做的更好的方法？

小码农CODE

图片顶层贴子标题WordPress精选缩略图

相关推荐

最小化插件添加的脚本和css文件