Един от нашите абонати ни попита дали е възможно произволно да променяме цвета на фона на WordPress. Цветовете на фона играят важна роля за вашата аудитория. Те могат да променят начина, по който потребителите взаимодействат с вашия уебсайт. В този урок ще ви покажем как да промените произволно цвета на фона на вашия WordPress блог.

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

Този метод е предназначен за разработчици. Това ще изисква от вас да добавите част от кода във вашите приставки или теми. Не забравяйте, че ви показаха как да създадете приставка за WordPress.

Всичко, което трябва да направите, е да добавите следното парче код към вашия плъгин или във файла “functions.php” на вашата тема.

функция bpc_bg () {$ ранд = масив ( "0", "1", "2", "3", "4", "5", "6", "7", "8", "9" "a", "b", "c", "d", "e", "f"); $ Цвят = '#'. $ Rand [ранд (0,15)]. $ Rand [ранд (0,15)]. $ Rand [ранд (0,15)]. $ Rand [ранд (0,15)] $ ранд [ранд (0,15)] $ ранд [ранд (0,15)] .. echo $ color; }

Тази функция показва само шестнадесетичните цветове, които генерира предварително.

Следователно ще трябва да промените файла header.php на вашата тема, където момчето за момче се намира, както е на следното изображение:

>

Трябва да го замените със следния код:

style = "background-color: ">>

Запазете файла си и опреснете страницата си, ще забележите, че всеки път има промяна на цвета.

Нямате ограничение за цветовете, които можете да изберете. Възможно е дори да направите същото с цветовете, които сте задали предварително.

Метод 2: как да промените цветовете на фона с приставка

изобразяването на този метод е по-добро. Тъй като ви позволява да показвате няколко цвята едновременно и динамично. Всичко, което трябва да направите, е да инсталирате и активирате приставката страхотни цветове на фона, Можете да прочетете нашето ръководство относно инсталирането и активирането на WordPress плъгини.

Когато отворите блога си, ще забележите, че цветовете на фона са представени като ивици, които се променят в градиентен преход.

Метод 3: Как да добавите персонализиран цвят чрез игра с CSS класове

Почти всички стандартни теми на WordPress използват „ body_class » в тага „body“ на WordPress. Тази функция добавя CSS класове, генерирани от WordPress или плъгини, към тага „body“ на вашия блог. Всеки клас варира в зависимост от местоположението. Следователно класът category ще бъде различен от класа archive или author.

Например, ако имате блог с категория, наречена „ фотография“, След това можете да намерите съответния клас в страницата на архивите на блога.

От този момент нататък можете да приложите конкретен стил към този маркер.

body.category-фотография {background-color: #faebd7; }

По същия начин можете да приложите конкретен код за определена категория

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

Това е почти всичко, което трябва да знаете. Надявам се, че този урок ще ви помогне да добавите персонализирани класове към вашия WordPress блог. Чувствайте се свободни да споделите тази статия с приятелите си в любимите си социални мрежи.