pdr
  • 0
Новичок

Используйте PHP в таблице стилей, чтобы указать фоновое изображение на основе идентификатора категории

  • 0

В моей таблице стилей я надеюсь использовать такой код…

background-image: url(/wp-content/images/' . $category->cat_ID . '.jpg);

…чтобы добавить разные фоновые изображения для каждой категории. Итак, у меня будет изображение с именем 1.jpg, и оно будет отображаться как фон для элемента li, который я пытаюсь создать для категории 1.

Этот подход отлично работает в файлах шаблонов, подобных этому…

<img src="/wp-content/images/' . $category->cat_ID . '.jpg">

… но в таблице стилей это не работает для меня.

Какие-нибудь советы?

Share
  1. Любое решение? Пожалуйста, отметьте что-то как решенное или добавьте свой собственный ответ и отметьте это как решение.

    • 0
  2. Таблицы стилей могут содержать только CSS.

    Если вы используете эту body_class() функцию, вы получаете классы почти для каждого запроса. Затем вы можете определить эти классы (например, фоны) внутри вашей таблицы стилей.

    Добавьте это в свои шаблоны: <body <?php body_class(); ?>> (если вы еще этого не сделали).

    • 0
  3. Вы также можете определить только этот класс в своем ‘header.php’, хотя следование предложению @kaiser обычно является предпочтительным способом сделать это.

    • 0
  4. На самом деле любая таблица стилей принимает php-код, и это абсолютно правильно.

    Все, что вам нужно сделать, это:

    1. Измените расширение файла таблицы стилей на.php, например. стиль.css > стиль.php.
    2. Вставьте приведенный ниже код в качестве первой строки, чтобы ваша новая таблица стилей php считалась таблицей стилей, а не скриптом php:

    header(«Тип контента: text/css»);

    Измените код привязки таблицы стилей в разделе заголовка вашего блога:

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/style.php" />  
    

    Теперь вы можете делать любую магию PHP в вашем файле.css.

    В вашем случае это бессмысленно, все, что вам нужно сделать, это написать собственный класс и, возможно, собственный цикл.

    Мы поможем, но сначала нам нужен код.

    • 0

Оставить ответ

You must login to add an answer.