Zmiana tła w WordPress

Jak zmienić kolor tła w WordPress?

13 października 2022

Czasami kolor tła naszej strony nam nie odpowiada. W tym poradniku pokażę dwa proste sposoby, które pozwolą Wam go zmienić w WordPress.

Zmiana koloru tła w ustawieniach motywu

Wiele szablonów do WordPress pozwala na zmianę podstawowych parametrów z poziomu panelu administratora. Rzeczy takie jak rozmiar czcionki, czy kolor tła, możemy sobie w takim przypadku po prostu “wyklikać”.

Jeżeli Wasz szablon pozwala na edycję koloru tła, zwykle możecie zrobić to w następujący sposób:

1. Wejdźcie do panelu administracyjnego w WordPress.

2. Z menu po lewej stronie wybierzcie zakładkę Wygląd -> Dostosuj.

3. Wybierzcie zakładkę “Kolory” lub inną, która pozwala na zmianę koloru tła.

4. Zmieńcie kolor tła strony i naciśnijcie “Opublikuj”.

Uwaga! Wiele motywów nie pozwala na zmianę koloru tła w ich ustawieniach. W takiej sytuacji możecie zrobić to poprzez edycję kodu. Opiszę ten proces w następnym punkcie. Obiecuję, że będzie łatwo!

Zmiana koloru tła w kodzie szablonu

Jeżeli motyw nie pozwala na “wyklikanie” sobie w nim zmiany tła, wystarczy dodać prostą regułę CSS, która powinna nam je zmienić.

W tym celu:

1. Wejdźcie do panelu administracyjnego w WordPress.

2. Z menu po lewej stronie wybierzcie zakładkę Wygląd -> Dostosuj.

3. Wybierzcie zakładkę “Dodatkowy CSS”.

4. W pole tekstowe wprowadźcie następujący kod:

body {
	background: #ff0000;
}

Kolor #ff0000 możecie oczywiście zamienić na swój kolor HEX.

Po wprowadzeniu tych zmian spójrzcie na podgląd i jeśli Wam odpowiada, kliknijcie “Opublikuj”

Jeżeli kolor tła strony się nie zmienił, możecie, zamiast powyższego kodu użyć tego:

body {
	background: #ff0000!important;
}

Oczywiście tu również możecie zmienić #ff0000 na wybrany przez Was HEX.

Czasami, w zależności od szablonu, może się zdarzyć, że kolor tła nie będzie się chciał nadpisać. W takiej sytuacji możecie spróbować użyć !important, które w wielu przypadkach powinno załatwić sprawę (nie używajcie go jednak jeśli nie ma takiej potrzeby).