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