Фоновый URL WordPress не показывает изображение - PullRequest
1 голос
/ 21 апреля 2020

Я создаю тему WordPress с нуля. Я пытаюсь извлечь уроки из видео на YouTube (https://youtu.be/TlmDsU8GirU?t=3670), но, хотя я делаю то же самое, оно все равно не работает.
Я хочу добавить изображение в качестве фона. Следующий код такой же, как в видео, но он не работает. Я получаю это сообщение в терминале .
При добавлении вместо записи «/images/background.jpeg» Я получаю это сообщение, но все равно ничего не отображается .
Когда пишу '../images/background.jpeg' Я получаю одно и то же сообщение снова и снова , но ничего не работает.

app.s css

#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', './');

титульный лист. 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();?>

Это мой путь (я думаю? Папки как минимум) This is my path (I think? The folders at least)

1 Ответ

1 голос
/ 21 апреля 2020

Ваша самая большая ошибка -

 `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.css

    background: url('./assets/images/background.jpeg');

это зависит от нашей структуры каталогов файлов.

попробуйте использовать эти пути, иначе Можете ли вы показать структуру каталогов ваших файлов & css, чтобы мы могли видеть путь, по которому вы могли следовать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...