W dzisiejszym poradniku pokażemy Wam prosty sposób, za pomocą którego można szybko i wygodnie zmienić tło na naszej stronie lub blogu Wordpress. Opisywane przez nas metody działają zarówno z poziomu wtyczek na Wordpressa jak i z poziomu edytora stylów. Zapraszamy do zapoznania się z naszym poradnikiem.

Zmiana tła na Wordpressie to niekiedy nie tylko kwestia estetyczna. Bywa że znaleziony przez nas motyw spełnia wszystkie wymogi, jakie mamy dla strony, ale nie pasuje nam kolorystycznie. Wówczas zamiast szukać nowego rozwiązania, niekiedy dobrym pomysłem może okazać się po prostu jego przerobienie. Jeżeli idzie o tło - zmiana zajmie nam dosłownie chwilę.

W tym poradniku pokażemy też, jak w prosty sposób ustawić różne tła dla konkretnych podstron na naszej witrynie czy blogu działających w oparciu o Wordpressa. Pokażemy też, jak zmienić szybko tło z poziomu kodu strony i wtyczki. Wszystkie wprowadzane zmiany są bardzo proste do wykonania, nie potrzeba żadnej znajomości programowania itp. Zacznijmy od najprostszych sposobów.

Zmiana tła Wordpress za pomocą wtyczki

Oczywiście, najłatwiejszy sposób na zmianę tła w Wordpressie to ustawienie go za pomocą osobnej wtyczki. Znajdziemy sporo rozwiązań, które pozwalają na ustawienie osobnego koloru dla tapety naszej strony. Na początek zalecamy skorzystać z rozwiązania o nazwie Full Background Manager.

Po zainstalowaniu i aktywowaniu wtyczki, jest ona dostępna z poziomu lewego paska menu panelu zarządzania Wordpressem. W tym celu należy przejść do zakładki Wygląd > Personalizacja. Po wejściu w Personalizację otwieramy w nowym lewym menu zakładkę o nazwie "Kolory". Znajdziemy tutaj pozycję o nazwie "Kolory tła".

Teraz wystarczy już tylko wybrać i zaznaczyć kolor tła - z dostępnej palety kolorów. Podgląd dostępny jest natychmiastowo, a zatem jeszcze przed zapisaniem zmian (niebieski przycisk u góry ekranu) możemy przetestować, jak będzie wyglądała nasza strona ze zmienionym tłem. Warto tutaj zaznaczyć, że wtyczka Full Background Manager nie pozwala na ustawianie obrazków w formie tła - jedynie pełnych kolorów.

Ciekawym rozwiązaniem jest też wtyczka Full Background, która pozwala na ustawienie i wymuszenie pełnego tła dla naszej strony. Po zainstalowaniu wtyczka dostępna jest z poziomu zakładki Wtyczki > Full Background. Posiada ona pole "Background Links", gdzie wklejamy linki do obrazków tła, które chcemy ustawić na naszej stronie lub blogu. Następnie wciskamy przycisk "Save Changes" i sprawdzamy na stronie, jak wyglądają wprowadzone przez nas zmiany. Wtyczka oferuje również tzw. rekomendowane linki, czyli wybrane motywy tła dla Wordpressa.

Zmiana tła Wordpress za pomocą edytora stylów

Tło w Wordpressie możemy zmienić również samodzielnie, za pomocą edytora stylów na naszej stronie. Nie jest to wcale tak bardzo zaawansowana metoda, a co więcej uzyskujemy w ten sposób dodatkowe rozwiązanie - nie musimy instalować specjalnie w tym celu wtyczki na naszej stronie.

A zatem, jeżeli chcemy zainstalować nowe tło na naszej stronie, należy z poziomu panelu zarządzania Wordpressem przejść w lewym pasku menu do zakładki Wygląd. Tutaj wybieramy kolejną zakładkę - Edytor. Po jej załadowaniu w przeglądarce internetowej, należy jeszcze przejść - tym razem w prawej części okna - do linku o nazwie "functions.php". To funkcje naszego motywu, z którego korzystamy. Warto tutaj sprawdzić jeszcze, czy rzeczywiście edytujemy motyw, z którego będziemy korzystać na naszej stronie.

Następnie, po otwarciu pliku functions.php, należy na samy dole edytowanego tekstu wkleić następujący kod:

add_theme_support( 'custom-background' );

Po dodaniu wzmiankowanego powyżej kodu, zapisujemy plik i odświeżamy stronę. Nie wprowadziliśmy jeszcze żadnego koloru na naszej stronie, ale wprowadziliśmy taką możliwość. Teraz będziemy mogli korzystać z barw HEX do ustawienia ich jako tła na stronie.

Następnie, również z poziomu Edytora przechodzimy do edycji tego samego pliku - czyli functions.php. Może on nosić również polską nazwę Funkcje. Tutaj sprawa jest nieco bardziej zawikłana. Należy bowiem nie tylko umieścić, ale również wyedytować kod. Jest on następujący:

$defaults = array(

'default-color' => '',

'default-image' => '',

'default-repeat' => '',

'default-position-x' => '',

'default-attachment' => '',

'wp-head-callback' => '_custom_background_cb',

'admin-head-callback' => '',

'admin-preview-callback' => ''
);
add_theme_support( 'custom-background', $defaults );

Nas interesuje w zasadzie jedynie opcja 'default-color', gdzie po znaku => wstawiamy kolor tła, jaki ma być tłem dla naszej strony. Ponieważ wcześniej ustawiliśmy kolory HEX jako tło, wystarczy wkleić i zapisać odpowiedni kod odpowiedzialny za kolor HEX. W internecie jest wiele stron oferujących wybieranie kolorów z palety i przekształcanie ich do kolorów HEX. Np. czarny będzie to #000000 a biały - #FFFFFF. Odpowiedni kod wklejamy w wspomnianym miejscu i zapisujemy plik.

Na zakończenie zachęcamy do komentowania naszego tekstu. Zwłaszcza, jeżeli będziecie mieli jakiekolwiek problemy z wprowadzeniem naszego poradnika w życie. Postaramy się wówczas przygotować inne rozwiązania bądź też zaoferować indywidualne porady.