如何正确显示Wordpress精选图片网址？

Question

新手在这里。我能够显示Wordpress特色图片URL，并通过以下代码将其用作背景：

<header class="<?php x_masthead_class(); ?>" role="banner" <?php if ( is_single() ) : echo 'style="background-image: url(\'';  echo the_post_thumbnail_url('full'); echo '\');"'; endif; ?> >

但是当我尝试这种方法时：

<header class="<?php x_masthead_class(); ?>" role="banner" <?php if ( is_single() ) : echo 'style="background-image: url(\'';  echo the_post_thumbnail_url('full'); echo '\');"'; endif; ?> >

我得到了一个不同的结果，其中图片网址没有显示在 background-image：url（'之后。它显示在它之前，而网址显示空格而不是 /

我知道我可能会遗漏一些东西。我试过谷歌搜索但似乎无法找到解决方案。

提前感谢您的帮助！

Answer 1

功能the_post_thumbnail_url打印网址，因此您不需要echo指令。所以我建议这一行：

<header class="<?php x_masthead_class(); ?>" role="banner"<?php if ( is_single() ) : ?> style="background-image: url('<?php the_post_thumbnail_url('full'); ?>');" <?php endif; ?> >