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.
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.
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.
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.
Witam,
Twój „kawałek kodu” mnie interesuje i chciałbym dostosować go do moich potrzeb.
Chodzi o zmianę koloru co, powiedzmy, 5 sekund.
Nie znalazłem sposobu, żeby to zrobić. Nie znam php i używam timera.
Czy możesz mnie umieścić na ścieżce, proszę?
Witam,
Nie testowałem jeszcze tego podejścia. Skontaktuję się z Tobą, gdy tylko znajdę rozwiązanie.