Question

如何在bootstrap popover中显示缩略图wordpress？

我使用the_post_thumbnail，但此功能本身就是回显<img>。生成的图像不会显示在popover

中

<?php 
if ( have_posts() ) : while ( have_posts() ) : the_post();

/*********display the_post_thumbnail in data-content of popover *********/

echo '<a href="'.get_permalink().'" rel="popover" data-title="'.get_the_title().'" data-content="'.the_post_thumbnail('full').'">';


the_title();
echo '</a>';
endwhile; endif;
wp_reset_query();
?>

Answer 1

正如你所说，the_post_thumbnail()固有地回应了整个<img>标签，所以当你回复它时它会做出意想不到的事情。这样做：

echo '<a href="'.get_permalink().'" rel="popover" data-title="'.get_the_title().'" data-content="';
the_post_thumbnail('full');
echo '">';

很有可能你现在在Wordpress会给你的<img>元素中遇到未转义双引号的问题，所以获取缩略图网址可能更有意义：

$thumb = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'full' );
$url = $thumb['0'];


echo '<a href="'.get_permalink().'" rel="popover" data-title="'.get_the_title().'" data-content="<img src=\''.$url.'\'>">';

在bootstrap popover中显示缩略图wordpress

1 个答案: