Недавно один из наших читателей спросил, возможно ли случайным образом менять цвет фона в WordPress. Цвета играют важную роль в том, как пользователь будет воспринимать ваш сайт. В сегодняшней статье мы покажем вам как случайным образом изменять цвет фона в WordPress.
![randomcolorsbg[1]](https://wpincode.com/wp-content/uploads/2016/08/randomcolorsbg1.jpg)
Способ 1: Добавляем цвет фона в WordPress с помощью кода
Этот способ предполагает добавление кода в ваши файлы WordPress.
Сначала вам потребуется добавить следующий код в файл functions.php вашей темы или в плагин для сайта WordPress:
1 | function wpb_bg() { |
2 | $rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'); |
3 | $color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)]. |
4 | $rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)]; |
5 | echo $color; |
6 | } |
Эта функция просто генерируется случайное значение цвета в HEX и выводит его.
Теперь нужно отреактировать файл header.php темы. Найдите в нем строку с тегом <body>, она будет выглядеть примерно вот так:
1 | <body <?php body_class(); ?>> |
Заменяем её на такую строку:
1 | <body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">> |
Сохраняем изменения и переходим на сайт для того, чтобы увидеть код в действии.
![randombackgrounds[1]](https://wpincode.com/wp-content/uploads/2016/08/randombackgrounds1.gif)
Способ 2: Добавляем полосы случайного цвета с помощью Fabulous Background Colors
Этот способ проще и рекомендуется для новичков, которые не хотят редактировать файлы своей темы.
Первым делом вам потребуется установить и активировать плагин Fabulous Background Colors.
Плагин работает «из коробки» и не нуждается в дополнительной настройке.
Теперь можно перейти на сайт и увидеть цветные полосы в качестве цвета фона. Эти полосы будут плавно изменять цвета каждые 5 секунд.
![fabbackgrounds[1]](https://wpincode.com/wp-content/uploads/2016/08/fabbackgrounds1.gif)
"fabulous-background-colors"
does not exist.
Способ 3: Используем CSS для добавления неслучайных цветов в WordPress
Практически все темы WordPress используют функцию body_class() в теге body. Этот тег добавляет несколько CSS классов в тег body вашей темы. Эти стандартные классы CSS, сгенерированные WordPress, могут использоваться для оформления конкретных записей, рубрик, тегов и т.п.
Например, если на вашем блоге есть рубрика под названием photography, тогда вы сможете найти эти CSS классы в теге body на странице рубрики.
![bodyclasses[1]](https://wpincode.com/wp-content/uploads/2016/08/bodyclasses1.png)
Можно изменять цвет фона определенной рубрики, просто добавив вот такой CSS в свою тему WordPress.
1 | body.category-photography { |
2 | background-color:#faebd7; |
3 | } |
Аналогично можно найти ID класс записи для конкретной статьи в классе body. Полученный ID можно применить для того, чтобы по-разному оформлять каждую запись WordPress.
1 | body.postid-65 { |
2 | background-color:#faebd7; |
3 | } |
Мы надеемся, что эта статья помогла вам науиться случайным образом изменять цвет фона в WordPress.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.
