缩略图圆角(或任何其他好的方法)

时间:2011-10-09 作者:jw60660

我一直在研究如何用圆形图像显示缩略图,但每种解决方案最终都用光了。

我尝试过的一个技巧是将缩略图用相同大小和形状的分区进行包装,显示图像,但CSS为opacity:0 这样就不会显示实际图像。显示的是分区的背景图像,也是使用以下样式设置的:

border-radius: 15px;

(加上其他与浏览器相关的黑客)

要在WordPress上实现这一点,我必须使用内联样式,似乎要使用

the_post-thumbnail()
似乎什么都没有,因为我找不到一种方法,可以在其中调用图像url

<div style="   ";
有什么想法吗?

我试图避免使用Javascript,但如果这是唯一的方法。。。

Here\'s a link to the method I mentioned

1 个回复
最合适的回答,由SO网友:Milo 整理而成

您可以使用获取缩略图URLwp_get_attachment_image_srcget_post_thumbnail_id:

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

结束

相关推荐

如何加载父主题style.css?

我的WordPress站点使用的主题是父主题的子主题。根据需要,两个主题都有风格。css文件。然而,据我所知,WordPress只提供了加载子主题样式的机制。css文件。如何加载父主题样式?是否需要手动导入父主题的样式。将css文件转换为子样式。css文件?