我正在制作一个新的wordpress主题,同时使用标题滑块(我使用BXslider)我坚持使用内联css的东西 我想用这个代码 http://jsfiddle.net/0nj2ry4n/1/
但是,我无法使用the_post_thumbnail($ size)内联css背景
<li style='background-image: url(the_post_thumbnail($size));'>
我的代码是
while($slider->have_posts()): $slider->the_post();
$myimg = get_post_thumbnail('myslider');
echo "<li class='featured-post' style='background-image: url('$myimg');'>";
echo "</li>";
endwhile; wp_reset_postdata();
echo "</ul>";
*更新*
现在如果我尝试了$ myimg = the_post_thumbnail_url(&#39; myslider&#39;);有这种类型的HTML,但我还没弄明白如何解决这个问题。
<ul class="slider slides" style="width: auto; position: relative;">
http://localhost/demo/myweb/wp-content/uploads/2017/03/AAC-CAREERS2-1349x499.jpg
<li class="featured-post" style="background-image: url(""); float: none; list-style: outside none none; position: absolute; width: 1583px; z-index: 50; display: block;" ');'="">
答案 0 :(得分:1)
你使用了错误的功能。 link返回html,而不是图片网址字符串。
你想要get_post_thumbnail('myslider')它回显了网址,因此你将无法将其存储在变量中。像这样内联使用。
while($slider->have_posts()): $slider->the_post();
echo '<li class="featured-post" style="background-image: url(' . the_post_thumbnail_url('myslider'); . '">';
echo "</li>";
endwhile;
wp_reset_postdata();