我正在尝试在我的一个Sage模板文件中使用背景图片。
但是，当我尝试此操作时，图像未显示。
<section class="banner" style="background-image: url(../images/banner.jpg);">
banner.jpg文件位于theme-name/assets/images/banner.jpg
我在这里做错了什么？
答案 0 :(得分：1)
用以下代码替换您的代码。您需要在图像文件夹之前添加assets，因为根据您的图像路径，您提到图像文件夹是资产的子文件夹
<section class="banner" style="background-image: url('../assets/images/banner.jpg');">
已使用
get_template_directory_uri()。它检索主题目录URI。
<section class="banner" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/banner.jpg');">
如果您使用了子主题，则使用
get_stylesheet_directory_uri()。它返回当前主题/子主题的URI
<section class="banner" style="background-image: url('<?php echo get_stylesheet_directory_uri(); ?>/assets/images/banner.jpg');">
答案 1 :(得分：0)
试试这个：
<section class="banner" style="background-image: url(/wp-content/themes/theme-name/assets/banner.jpg);">
或者这个：
<section class="banner" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/banner.jpg');">
或者你可能只是忘记了“资产”：
<section class="banner" style="background-image: url('../assets/images/banner.jpg');">
答案 2 :(得分：0)
请使用wordpress模板目录路径
<section class="banner" style="background-image: url(<?php echo get_template_directory(); ?>/images/banner.jpg);">
答案 3 :(得分：0)
在header.php中试试这个：
<section class="banner" style="background-image: url(wp-content/themes/theme-name/dist/images/about-us-top-side.png);">
或
<section class="banner" style="background-image: url(wp-content/themes/theme-name/assets/images/about-us-top-side.png);">
如果正确使用Sage主题，第一个将具有优化的图像。
答案 4 :(得分：0)
以前的答案使用WordPress的一些内置函数来解析当前主题的路径。但是，在Sage（使用Blade模板）中，这是通过@asset指令来处理的：
<section class="banner" style="background-image: url("@asset('images/example.jpg')");">