Jeden z naszych subskrybentów zapytał nas, czy można losowo zmienić kolor tła WordPressa. Kolory tła odgrywają ważną rolę wśród odbiorców. Mogą zmienić sposób, w jaki użytkownicy wchodzą w interakcję z Twoim strona internetowa. w tym samouczku pokażemy, jak losowo zmienić kolor tła twojego 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 do swojego bloga, zauważysz, że ma on kolory tła reprezentowane jako paski zmieniające się w przejściu gradientowym.

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

Presque tous lekcja Motywy WordPress standardowo użyj funkcji " body_class z WordPressa w tagu „ciało”. Ta funkcja dodaje klasy CSS generowane przez WordPress lub wtyczki do tagu body Twojego bloga. Każda klasa różni się w zależności od lokalizacji, w której się znajduje. W związku z tym klasa kategorii będzie inna niż 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.

%d blogerzy lubią tę stronę: