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 701.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 tła odgrywają ważną rolę w przypadku odbiorców. Mogą zmienić sposób interakcji użytkowników z Twoją witryną. w tym samouczku pokażemy, jak losowo zmienić kolor tła swojego bloga 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:

Ł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]

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.

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]

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

Prawie wszystkie standardowe motywy WordPress korzystają z funkcji „ body_class WordPress na tagu „body”. Ta funkcja dodaje klasy CSS wygenerowane przez WordPress lub wtyczki do tagu body twojego bloga. Każda klasa różni się w zależności od miejsca, w którym się znajdujesz. Klasa kategorii będzie zatem inna niż klasa archiwów lub 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.

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]

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 Twojego bloga WordPress. Podziel się tym artykułem ze znajomymi w swoich ulubionych sieciach społecznościowych.

Ten artykuł zawiera komentarze 2

  1. 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ę?

Zostaw komentarz

Twoj adres e-mail nie bedzie 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