动态Wordpress背景

Question

我正在尝试为我的wordpress网站制作动态背景。我希望'特色图片'成为jumbotron的背景（在页面的标题上）。

这是我到目前为止所做的，但我无法正确链接。我知道我错过了一些重要的代码。

HTML

<div class="jumbotron row" style="background-image:url('<?php echo $thumbnail_url ?>');">
    <header>
        <div class="navbar navbar-custom">
          ... etc ....

CSS

.jumbotron { 
    position: relative;
    background-size: cover;
    margin: 0; 
    padding: 125px 0 75px 0;
    border-radius: 0px;
}

Answer 1

如果图像没有呈现，我建议您检查$ thumbnail_url是否填充了正确的值。然后您可以检查前端的<div>标记以确定串联问题。< / p>

Answer 2

Check Inspect element  or view page source the correct path is calling or not,

ex:

   get_stylesheet_directory_uri()/images/imagesname.jpg;