Jak zmienić kolor tła w WordPress

Jedną z pierwszych rzeczy, które zauważają odwiedzający witrynę, jest jej tło. Czasami jest to po prostu prosty kolor, ale może to być również obraz lub dowolna inna kombinacja materiałów wizualnych. Obok pierwszego wrażenia jest to jeden z podstawowych elementów projektowania wysokiej jakości. Na dobre czy na złe, będzie odzwierciedleniem Twojej marki, stylu, czytelności, a nawet samego profesjonalizmu. Dlatego decydowanie o kolorze tła w WordPressie jest generalnie jednym z pierwszych wyborów projektowych . Problem polega na tym, że przy tak wielu motywach istnieje wiele różnych opcji dostosowywania. Niektóre pozwalają zmienić wszystko na miejscu, podczas gdy inne oferują rzadkie i ograniczone opcje.

Kilka sposobów na zmianę koloru tła w WordPress

Jak zapewne zakładasz, wszystko można zrobić przy odrobinie wiedzy o kodowaniu. Jednak nie wszyscy pracujący z WordPressem programują zawodowo. Większość przeciętnych użytkowników potrzebuje rozwiązań przyjaznych dla początkujących, aby dostosować swoje strony . Wśród nich jednym z najczęstszych problemów jest zmiana koloru tła w WordPressie. Oczywiście zawsze możesz polegać na profesjonalnej pomocy związanej z obsługą witryny WordPress, która pomoże Ci zbudować dowolne elementy i ukończyć projekt witryny. Ale jeśli nie jest to dla Ciebie opcja, możesz wypróbować różne podejścia do personalizacji swojej witryny.

Jednak nie zawsze jest to takie proste. Pierwszą decyzją, którą musisz podjąć, jest rodzaj tła, który chcesz . Istnieje kilka popularnych opcji, które możesz wybrać, a nawet połączyć:

• Możesz wybrać prosty kolor lub dowolną kombinację kolorów
• Połącz jeden lub więcej kolorów w gradienty
• Umieść obraz/y jako tło
• Zamiast tego użyj filmów

Gdy już zdecydujesz, czy chcesz po prostu zmienić kolor tła w WordPressie, czy skorzystać z bardziej złożonych opcji, nadszedł czas, aby odkryć kilka metod zastosowania dostosowania :

1. Jeśli Twój motyw obsługuje niestandardowe tła
2. Możesz spróbować użyć prostego kodu
3. Zmień kolor tła w WordPressie za pomocą wtyczek
4. Użyj zaawansowanych narzędzi, aby dostosować wszystko

1. Jeśli Twój motyw obsługuje niestandardowe tła

W większości przypadków możesz łatwo sprawdzić, jakie opcje obsługuje Twój motyw, przechodząc do Wygląd > Dostosuj. Tam będziesz mógł zobaczyć, jakie opcje dostosowywania są dozwolone. Czasami będziesz mieć możliwość wyboru koloru, obrazu tła, kolorów i trybu ciemnego, koloru i tła itp . To naprawdę zależy od tematu. Jeśli to obsługuje, możesz po prostu wybrać pożądaną ofertę i dokonać dalszej personalizacji.

Gdy znajdziesz odpowiednią opcję zmiany koloru tła, po prostu kliknij i poznaj całkiem intuicyjny interfejs. Zwykle masz do wyboru kilka domyślnych opcji kolorystycznych. Ale zawsze jest opcja „Wybierz paletę” w pobliżu. Możesz też po prostu wpisać kod szesnastkowy dla dowolnego koloru.

Oprócz kolorów niektóre motywy umożliwiają umieszczanie obrazów i innych elementów wizualnych. Z tego miejsca zostaniesz poproszony o przesłanie obrazu tła do biblioteki multimediów i wybranie go bezpośrednio. Ponadto możesz ustawić jego położenie, powtórzenie, kolor spodni lub nakładający się i wiele innych.

2. Możesz spróbować użyć prostego kodu

Jeśli jesteś trochę zaznajomiony z CSS, możesz dokonać prostych dostosowań, dodając niestandardowy kod. Nie jest to zbyt zaawansowane, zwłaszcza przy ustawianiu koloru tła. Po prostu przejdź do Wygląd > Dostosuj, wybierz „Dodatkowy CSS” i wprowadź kolejny wiersz kodu:

.body { background-color: #fff; }

Tutaj „#fff” może być dowolnym kodem szesnastkowym dla wybranych kolorów. Ogólnie rzecz biorąc, możesz łatwo znaleźć kod koloru za pomocą dowolnego narzędzia do wybierania kolorów. Jednak może to nie być funkcjonalne lub dozwolone we wszystkich motywach.

3. Zmień kolor tła w WordPressie za pomocą wtyczek

SiteOrigin CSS

Jeśli inne opcje nie dają wyników, zawsze możesz użyć wtyczek, aby wykonać zadanie. Wtyczki WordPress, takie jak SiteOrigin CSS, są potężnymi narzędziami, które pozwalają odzyskać kontrolę nad dostosowywaniem. Ta wtyczka w szczególności umożliwia łatwą edycję koloru tła i sprawdzanie, jak wygląda w czasie rzeczywistym . To jest w zasadzie to, czego potrzebuje większość początkujących. Jeśli jesteś zaawansowanym użytkownikiem, spodoba Ci się jego funkcja automatycznego uzupełniania podczas dostosowywania kodu CSS. Co więcej, jego „Inspektor” może pomóc w szybkim znalezieniu dowolnego selektora, którego możesz potrzebować.

Najlepsze jest to, że SiteOrigin CSS to darmowa wtyczka, która działa z dowolnym motywem.

AWB – Zaawansowane tła WordPress

Kiedy potrzebujesz czegoś więcej niż tylko zmiany koloru tła, AWB to prosta, ale skuteczna wtyczka, która dodaje nieco przewagi do układu Twojej witryny . Oprócz klasycznej opcji, AWB pozwala na zastosowanie bardziej złożonych rozwiązań tła, takich jak:

• Tła paralaksy
• Paralaksa myszy
• Wzory
• Różne formaty obrazów
• Kolor nakładki z przezroczystością
• Wszystkie rodzaje różnych formatów wideo, zarówno z własnego hosta, jak i ze źródeł internetowych

Ponadto możesz użyć wizualnego kreatora krótkich kodów, aby ułatwić ten proces. A jeśli wolisz niektóre z popularnych konstruktorów WP lub Gutenberga, doskonale z nimi współpracuje.

4. Użyj zaawansowanych narzędzi, aby dostosować wszystko

Gdy żadne z powyższych nie jest wystarczające, a potrzebujesz bardziej „solidnego” rozwiązania, istnieje dość zaawansowana wtyczka o nazwie CSS Hero. To bardziej kompletny system dostosowywania, który demonstruje skuteczność interfejsu WYSIWYG . Co w zasadzie oznacza zasadę „To, co widzisz, jest tym, co dostajesz” . CSS Hero to wtyczka działająca po wyjęciu z pudełka, oferująca kompatybilność z większością motywów i innych wtyczek. W praktyce wystarczy kliknąć dowolny element i bez problemu zmienić jego atrybuty, takie jak kolory, tła, czcionki i wiele innych. Każda dokonana zmiana jest od razu widoczna dzięki podglądowi na żywo.

Pomimo swojej funkcjonalności, bycie lekką wtyczką jest najlepszą cechą CSS Hero. Co więcej, wszelkie wprowadzone zmiany nie modyfikują plików motywu. Możesz go łatwo odinstalować po zakończeniu pracy, bez ryzyka uszkodzenia witryny. Jedyną wadą jest to, że jest to wtyczka premium, która wymaga płatnej subskrypcji.

Wniosek

Kiedy chcesz zmienić kolor tła w WordPressie, czasami nie jest to wystarczająco proste . Chociaż czasami można użyć domyślnych opcji dostosowywania WordPressa, nie zawsze tak jest. W niektórych przypadkach posiadanie pewnej wiedzy na temat kodowania może pomóc w znalezieniu szybkiego rozwiązania. Ale ponieważ jest to jedna z najlepszych funkcji WordPressa, wtyczki mogą pomóc Ci ukończyć prawie wszystko.