Przejdź do głównej treści

Jak zmienić kolory tła w WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 600.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Jeden z naszych subskrybentów zapytał nas, czy można losowo zmienić kolor tła WordPress. Kolory płaszczyzny tylnej odgrywają ważną rolę dla odbiorców. Mogą zmienić sposób interakcji użytkowników z witryną. w tym samouczku pokażemy, jak losowo zmienić kolor tła bloga WordPress.

Metoda 1: Jak ręcznie dodać losowe kolory

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

Wszystko, co musisz zrobić, to dodać kolejny fragment kodu do wtyczki lub w 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 generowane wcześniej kolory szesnastkowe.

Musisz zmodyfikować plik header.php swojego motywu, w którym znajduje się tag boy, jak na poniższym obrazie:

<body <? php body_class (); ? >>

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

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

<body <? php body_class (); ?> style = "background-color: <? php wpb_bg ();?>" >>

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

losowe tło WordPress

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Nie masz limitu kolorów, które możesz wybrać. Można nawet zrobić to samo z predefiniowanymi kolorami.

Metoda 2: jak modyfikować kolory płyty montażowej za pomocą wtyczki

renderowanie tej metody jest lepsze. Ponieważ pozwala wyświetlać wiele kolorów jednocześnie i dynamicznie. Wszystko, co musisz zrobić, to zainstalować i aktywować wtyczkę bajeczne kolory tła, Możesz przeczytać nasz przewodnik o instalacji i aktywacji wtyczki WordPress.

animowane tło

Uzyskując dostęp do swojego bloga, zauważysz, że blog ma kolory tła reprezentowane jako paski, które zmieniają się w zdegradowanym przejściu.

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

Prawie wszystkie standardowe motywy WordPress korzystają z funkcji „ body_class Z WordPress na tagu body. 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 tego, gdzie jesteś. Klasa kategorii będzie zatem różna od kategorii archiwów lub autorów.

Na przykład jeśli masz blog z kategorią o nazwie „ fotografia", Wtedy będziesz mógł znaleźć odpowiednią klasę na stronie archiwum bloga.

posty na blogach klasowych

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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 musisz wiedzieć. Mam nadzieję, że ten samouczek pozwoli Ci dodać niestandardowe klasy do swojego bloga WordPress. Udostępnij ten artykuł znajomym w ulubionych sieciach społecznościowych.

Ten artykuł zawiera komentarze 2
  1. Witam,
    Twój "kawałek kodu" mnie interesuje i chciałbym go dostosować do moich potrzeb.
    Chodzi o zmianę koloru, powiedzmy 5 sekund.
    Nie znalazłem sposobu, żeby to zrobić. Nie znam php i korzystania z timera.
    Czy możesz mnie umieścić na ścieżce, proszę?

Zostaw komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
2 akcji
udział2
ćwierkanie
Enregistrer