Как добавить видео-фон в мою тему WordPress, используя CSS и HTML?

Question

У меня есть вопрос, на который, я думаю или надеюсь, легко ответить. Я просто не знаю, чего мне не хватает ... По сути, я сам создаю тему WP и хочу добавить изображение для одного сайта в качестве фона и видео для другой стороны в качестве фона. Если я использую свой текстовый редактор (без WP) и использую следующий код для добавления изображений / видео, он работает отлично. Но когда я копирую и вставляю этот же код в мои файлы WordPress, изображение или видео не отображаются. Я много гуглил, но продолжаю получать те же самые коды, которые у меня уже есть и которые не работают для меня в WP.

<video autoplay muted loop class="video">
    <source src="/videos/background.mp4" type="video/mp4">
</video>

<img src="/images/image.jpg" alt="image">```

Это проблема с путем, который я написал под источником? Я создал папку с изображениями и видео в папке с темами. Но это не работает. Если бы кто-нибудь мог объяснить мне, чего мне не хватает, это было бы здорово!

Answer 1

Добро пожаловать в StackOverflow!

Предполагая, что вы создали новые папки /images и /videos в той же папке, где расположена таблица стилей вашей темы (обычно с именем style.css), вам нужно будет указать WordPress, где root URL должен указывать с помощью <?php echo get_stylesheet_directory_uri(); ?> в вашем шаблоне.

Изображение

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/image.jpg" alt="image">

и Видео

<video>
    <source src="<?php echo get_stylesheet_directory_uri(); ?>/videos/background.mp4" type="video/mp4">
</video>

Дайте его Попробуйте, но если вышеперечисленное не работает, возможно, ваши папки /images и /videos находятся в другом месте.