Jeden z naszych subskrybentów zapytał nas, czy można losowo zmienić kolor tła WordPressa. Kolory tła odgrywają ważną rolę w oczach odbiorców. Mogą zmienić sposób, w jaki użytkownicy wchodzą w interakcję z Twoją witryną. W tym samouczku pokażemy, jak losowo zmienić kolor tła blog WordPress.

Metoda 1: Jak ręcznie dodać losowe kolory

Ta metoda jest przeznaczona dla programistów. Będzie to wymagało dodania części kodu do wtyczek lub motywów. Pamiętaj, że zostałeś pokazany jak stworzyć wtyczkę WordPress.

Wszystko, co musisz zrobić, to dodać następujący fragment kodu do swojej wtyczki lub do pliku „functions.php” motywu.

Funkcja bpc_bg () {$ rand = tablica ( '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; }

Ta funkcja wyświetla tylko kolory szesnastkowe, które wcześniej wygenerowała.

Będziesz zatem musiał zmodyfikować plik header.php swojego motywu, w którym znajduje się tag boy, jak na poniższym obrazku:

>

Musisz go zastąpić następującym kodem:

style = "background-color: „>>

Zapisz plik i odśwież stronę, za każdym razem zauważysz zmianę koloru.

losowe tło WordPress

Nie masz ograniczeń co do kolorów, które możesz wybrać. Możliwe jest nawet zrobienie tego samego z wstępnie zdefiniowanymi kolorami.

Metoda 2: Jak zmodyfikować kolory tła za pomocą wtyczki

renderowanie tej metody jest lepsze. Ponieważ umożliwia wyświetlanie kilku kolorów jednocześnie i dynamicznie. Wszystko, co musisz zrobić, to zainstalować i aktywować wtyczkę wspaniałe kolory tła, Możesz przeczytać nasz przewodnik na temat instalacji i aktywacji wtyczek WordPress.

animowane tło

Uzyskując dostęp  Twój blog, zauważysz, że w tym drugim przypadku kolory tła są reprezentowane w postaci pasków, które zmieniają się podczas przejścia gradientowego.

Metoda 3: Jak dodać niestandardowy kolor, grając z klasami CSS

Presque tous lekcja Motywy WordPress standardowo użyj funkcji " body_class » z WordPressa na tagu „body”. Ta funkcja dodaje klasy CSS wygenerowane przez WordPress lub wtyczki do znacznika body Twój blog. Każda klasa różni się w zależności od lokalizacji, w której się znajduje. Klasa kategorii będzie zatem inna niż klasa archiwów czy autorów.

Na przykład jeśli masz blog z kategorią o nazwie „ fotografia„Następnie możesz znaleźć odpowiednią klasę na stronie archiwum bloga.

posty na blogach klasowych

Od tego momentu możesz zastosować określony styl do tego tagu.

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

Podobnie możesz zastosować określony kod dla określonej kategorii

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

To wszystko, co trzeba wiedzieć. Mam nadzieję, że ten samouczek pozwoli Ci dodać niestandardowe klasy do twojego blog WordPress, Udostępnij ten artykuł znajomym w ulubionych sieciach społecznościowych.