Как случайным образом изменять цвет фона в WordPress

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

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

randomcolorsbg[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]

Способ 2: Добавляем полосы случайного цвета с помощью Fabulous Background Colors

Этот способ проще и рекомендуется для новичков, которые не хотят редактировать файлы своей темы.

Первым делом вам потребуется установить и активировать плагин Fabulous Background Colors.

Плагин работает «из коробки» и не нуждается в дополнительной настройке.

Теперь можно перейти на сайт и увидеть цветные полосы в качестве цвета фона. Эти полосы будут плавно изменять цвета каждые 5 секунд.

fabbackgrounds[1]

Item not found:“fabulous-background-colors”does not exist.

Способ 3: Используем CSS для добавления неслучайных цветов в WordPress

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

Например, если на вашем блоге есть рубрика под названием photography, тогда вы сможете найти эти CSS классы в теге body на странице рубрики.

bodyclasses[1]

Можно изменять цвет фона определенной рубрики, просто добавив вот такой CSS в свою тему WordPress.

body.category-photography {
background-color:#faebd7;
}

Аналогично можно найти ID класс записи для конкретной статьи в классе body. Полученный ID можно применить для того, чтобы по-разному оформлять каждую запись WordPress.

body.postid-65 {
background-color:#faebd7;
}

Мы надеемся, что эта статья помогла вам науиться случайным образом изменять цвет фона в WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии