我正在从头开始构建WordPress主题。我正在尝试从youtube视频(https://youtu.be/TlmDsU8GirU?t=3670)中学习, 但是即使我做的完全一样, 它仍然无法正常工作。
我想添加图像作为背景。以下代码与视频中的代码相同, 但无效。我在终端中收到此消息。
当添加而不是写’
/images/background.jpeg’
时, 我收到此消息, 但仍未显示任何内容。
当写’
../images/background.jpeg’
时, 我一遍又一遍地得到相同的消息, 但是没有任何效果。
app.scss
#hero {
height: 550px;
width:100%;
background: url('images/background.jpeg') #f0f0f0;
}
webpack.mix.js
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/mix.options({
processCssUrls: false
})
.js('src/app.js', './')
.sass('src/app.scss', './');
front-page.php
<
?php get_header();
?>
<
div id="hero">
<
div class="container d-flex align-items-center justify-content-center h-100">
<
h1>
My website<
/h1>
<
/div>
<
/div>
<
?php get_footer();
?>
这是我的路径(我认为？至少是文件夹)
文章图片
#1 你最大的错误是
`background: url('images/background.jpeg') #f0f0f0;
}`you can't use color with background-image.
你可以使用 –
{background：url(‘ ../ images / background.jpeg’ ); background-color：background：＃f0f0f0; }
因为你的css必须位于css文件夹中, 而图像可能位于图像中的css文件夹之外, 或者
background: url('./images/background.jpeg');
如果在
style.cssbackground: url('./assets/images/background.jpeg');
【WordPress背景URL不显示图像】尝试使用这些路径, 否则可以显示文件和CSS的目录结构, 以便我们可以看到你可能遵循的路径。
推荐阅读
- WordPress的基本类别名称更改/永久链接仅一个类别
- WordPress-向后兼容性
- WordPress/Avada-如何修复中型屏幕上图像周围的文字环绕
- WordPress音频实现(主题开发)
- WordPress/Avada主题（如何全局更改链接样式（））
- Prometheus监控运维实战十三（Docker容器监控）
- Azure数据工厂最佳实践之Self-hosted Integration Run小坑
- VRRP
- go常见排序送给大家，自己手写的，个人原创