1

ブートストラップポップオーバーでサムネイルワードプレスを表示するには?

私は使用the_post_thumbnailしましたが、この関数は本質的に echo<img>です。結果の画像はポップオーバーに表示されません

<?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();
?>
4

1 に答える 1

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>高いため、サムネイルの URL を取得する方が理にかなっている可能性があります。

$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.'\'>">';
于 2013-07-29T22:28:11.983 に答える