CSS-фоновые изображения в WordPress

Возможно ли получить фоновое изображение в CSS, как обычно, в HTML при работе с WordPress. Я пытался это сделать, но это не сработает.

background-image: url("<?php bloginfo('template_directory'); ?>/images/parallax_image.jpg "); 

PHP-код не может работать в .css файле, однако вы можете использовать встроенный стиль, например:

 <div style="background-image: url("<?php //url ?>");"> 

или

 <style> .class-name { background-image: url("<?php //url ?>"); } </style> 

Выше было бы полезно при работе с настраиваемыми полями для динамических путей изображения.

Если изображение находится в каталоге темы, PHP не понадобится, скажем, папка с изображениями находится непосредственно под папкой /theme-name/images , а /theme-name/style.css стилей – /theme-name/style.css , затем вы может просто добавить фоновое изображение в файл css следующим образом:

 .class-name { background-image: url("images/file.jpg") } 

Вам не нужно использовать PHP в этом вопросе, ваш файл CSS уже находится в папке с шаблонами, поэтому вы можете вызвать изображение так:

 background-image: url("images/parallax_image.jpg"); 

Поэтому вам не нужно знать путь к шаблону для вызова изображений из вашей темы.

Используйте атрибут стиля в теге и используйте css.

 <div style="background-image: url("<?php bloginfo('template_directory'); ?>/images/parallax_image.jpg ");"> Your other html here </div> 

Если папка с изображениями находится в папке темы, вы можете использовать:

 background-image: url("/wp-content/themes/themeNameHere/images/parallax_image.jpg "); 

Короткий ответ: вы не можете отображать PHP в файле CSS. Я бы посоветовал убедиться, что тэг <rel> настроен правильно и просто используется часть /images/parralax_iamge.jpg .

Просто найдите соответствующий элемент (тег, класс или идентификатор) с помощью инструментов / инспекторов браузера на своей странице и добавьте правило CSS для этого элемента, либо в таблицу стилей дочерней темы, либо в поле «customCSS» параметров темы.

Одним из способов было бы добавить этот CSS на страницу PHP, имеющую доступ к функции bloginfo() . Скажем в index.php , вы бы добавили …

 <style> .some-element { background-image: url("<?php bloginfo('template_directory'); ?>/images/parallax_image.jpg "); } </style> 

вы не можете добавить php-код в файлы .css. но если вы хотите сделать это, используя php, см. это .

Поскольку многие люди уже предположили, что не используют php в .css ext, поскольку он не будет интерпретироваться.

Но если вам действительно нужно использовать php из-за некоторых причин, о которых вы только знаете, поскольку не отвечаете, вы можете изменить расширение своей таблицы стилей на .php

то вы можете

customestyles.php

 <?php header("Content-type: text/css; charset: UTF-8"); $sectionImage = bloginfo('template_directory')."/images/parallax_image.jpg"; ?> <style type="text/css"> .selector{ background-image: url(<?php echo "$sectionImage";?>); } </style> 

Другим способом является обращение к изображению с использованием местоположения файла CSS в качестве контрольной точки, например .class-name {background-image: url ("../ images / file-name"); // один уровень вверх, затем папка изображений background-image: url ("../../ images-directory-02 / images / file-name"); // два уровня вверх, затем две папки в}