Пропустить

Как изменить цвета фона на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Один из наших подписчиков спросил нас, можно ли изменить цвет фона WordPress случайным образом. Цвета фона играют важную роль в вашей аудитории. Они могут изменить способ взаимодействия пользователей с вашим сайтом. в этом уроке мы покажем вам, как случайным образом изменить цвет фона вашего блога WordPress.

Метод 1: как добавить случайные цвета вручную

Этот метод предназначен для разработчиков. Вам потребуется добавить часть кода в свои плагины или темы. Помните, вам показали как создать плагин WordPress.

Все, что вам нужно сделать, это добавить следующий фрагмент кода в свой плагин или в файл вашей темы «functions.php».

Функция bpc_bg () {$ Rand = массив ( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'а', 'б', 'с', 'd', 'е', 'е'); $ Color = '#'. $ Rand [ранд (0,15)]. $ Rand [ранд (0,15)]. $ Rand [ранд (0,15)]. $ Rand [ранд (0,15)] $ рандов [ранд (0,15)] $ рандов [ранд (0,15)] .. эхо $ цвет; }

Эта функция отображает только те шестнадцатеричные цвета, которые она генерирует заранее.

Поэтому вам нужно будет изменить файл header.php вашей темы, где расположен тег мальчика, как показано на следующем изображении:

>

Вы должны заменить его следующим кодом:

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

style = "цвет фона: ">>

Сохраните файл и обновите страницу, вы заметите, что каждый раз меняется цвет.

WordPress случайный фон

У вас нет ограничений на выбор цветов. Можно даже сделать то же самое с заранее заданными вами цветами.

Метод 2: как изменить цвет фона с помощью плагина

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

Движение фон

Зайдя в свой блог, вы заметите, что он имеет цвета фона, представленные в виде полос, которые меняются при градиентном переходе.

Метод 3: Как добавить собственный цвет, играя с классами CSS

Почти все стандартные темы WordPress используют функцию " body_class WordPress по тегу "body". Эта функция добавляет классы CSS, сгенерированные WordPress или плагинами, в тег body вашего блога. Каждый класс отличается в зависимости от того, где вы находитесь. Таким образом, класс категорий будет отличаться от класса архивов или авторов.

Например, если у вас есть блог с категорией " фотография«, Тогда вы можете найти соответствующий класс на странице архивов блога.

класс предметов блога

С этого момента вы можете применить определенный стиль к этому тегу.

body.category-фотография {цвет фона: #faebd7; }

Точно так же вы можете применить определенный код для определенной категории

body.postid-65 {цвет фона: #faebd7; }

Это все, что вам нужно знать. Надеюсь, это руководство позволит вам добавлять собственные классы в ваш блог WordPress. Не стесняйтесь поделиться этой статьей со своими друзьями в своих любимых социальных сетях.

Эта статья содержит комментарии 2

  1. Привет,
    Ваш «кусок кода» меня интересует, и я хотел бы адаптировать его под свои нужды.
    Это включает смену цветов каждые 5 секунд.
    Я не нашел способа сделать это. Я не знаю про php и использование таймера.
    Можете ли вы поставить меня на путь, пожалуйста?

    1. Привет,

      Я еще не тестировал этот подход. Я вернусь к вам, как только у меня будет решение.

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх