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.
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 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.
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.