Возможно ли получить фоновое изображение в 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"); // два уровня вверх, затем две папки в}