Один из наших подписчиков спросил нас, можно ли случайным образом изменить цвет фона 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 вашей темы, где расположен тег мальчика, как показано на следующем изображении:
>
Вы должны заменить его следующим кодом:
style = "цвет фона: ">>
Сохраните файл и обновите страницу, вы заметите, что каждый раз меняется цвет.
У вас нет ограничений на выбор цветов. Можно даже сделать то же самое с заранее заданными вами цветами.
Метод 2: как изменить цвет фона с помощью плагина
рендеринг этого метода лучше. Потому что он позволяет отображать несколько цветов одновременно и динамически. Все, что вам нужно сделать, это установить и активировать плагин. сказочные цвета фона, Вы можете прочитать наше руководство по установке и активации плагинов WordPress.
Получив доступ ваш блог, вы заметите, что последний имеет цвета фона, представленные в виде полос, которые меняются при градиентном переходе.
Метод 3: Как добавить собственный цвет, играя с классами CSS
Presque tous урок Темы WordPress стандартное использование функции " body_class » из WordPress по тегу «body». Эта функция добавляет классы CSS, созданные WordPress или плагинами, в тег body ваш блог. Каждый класс различается в зависимости от локации, в которой он находится. Поэтому класс категорий будет отличаться от класса архивов или авторов.
Например, если у вас есть блог с категорией " фотография«, Тогда вы можете найти соответствующий класс на странице архивов блога.
С этого момента вы можете применить определенный стиль к этому тегу.
body.category-фотография {цвет фона: #faebd7; }
Точно так же вы можете применить определенный код для определенной категории
body.postid-65 {цвет фона: #faebd7; }
Это все, что нужно знать. Я надеюсь, что это руководство позволит вам добавить пользовательские классы на свой WordPress блог, Не стесняйтесь поделиться этой статьей с друзьями в ваших любимых социальных сетях.
Привет,
Ваш «кусок кода» меня интересует, и я хотел бы адаптировать его под свои нужды.
Это включает смену цветов каждые 5 секунд.
Я не нашел способа сделать это. Я не знаю про php и использование таймера.
Можете ли вы поставить меня на путь, пожалуйста?
Привет,
Я еще не тестировал этот подход. Я вернусь к вам, как только у меня будет решение.