锐客网

  1. 首页 > 睿知 > it技术 > >

WordPress背景URL不显示图像

IT知识WordPress开发WordPress网站开发问答phpWordPress主题图像webpackURL不显示图像

我正在从头开始构建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(); ?>

这是我的路径(我认为？至少是文件夹)
WordPress背景URL不显示图像

文章图片
#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的基本类别名称更改/永久链接仅一个类别