Bezpieczne dodawanie CSS do WordPressa

Własny CSS do Wordpressa

Korzystając z darmowego lub płatnego motywu jesteśmy skazani na z góry określony wygląd strony jaki przygotował autor motywu, jeśli nie posiadamy umiejętności do zmiany wyglądu w plikach motywu. Czasami po prostu nie chcemy ingerować w pliki, aby nie stracić tych zmian po aktualizacji. Pokażę jak bezpiecznie dodać dodatkowy kod CSS w panelu administracyjnym WordPressa.

Określenie zmian CSS

Na początku powinniśmy określić co chcielibyśmy zmienić na naszej stronie internetowej. Gdy już będziemy wiedzieć co ma się zmienić musimy przygotować odpowiedni kod CSS. Do tego będzie potrzebna znajomość kaskadowych arkuszy styli lub osoby, która potrafi taki kod napisać.

Załóżmy, że chcemy zmienić kolor nagłówka na stronie głównej. Zademonstruję to na podstawie bloga devpebe.com.

Nagłówek devpebe.com

Do zmiany tytułu strony głównej potrzebujemy następującego kodu CSS:

.home h1.entry-title {
color: #108dff;
}

Klasa CSS .home definiuje, aby dany kolor dla nagłówka h1.entry-title zmienił się tylko dla strony głównej

Personalizacja motywu

Personalizacja motywu pozwala na łatwe i szybkie zmiany ustawień strony internetowej. To jakich zmian możemy dokonać zależne jest od zainstalowanego motywu

Pasek administracyjny WordPressa

Kolejnym krokiem jest zapisanie kodu CSS w panelu administracyjnym. Po zalogowaniu w górnej części strony należy kliknąć w przycisk „Dostosuj”.

Personalizacja motywu

W personalizacji należy wybrać „Dodatkowy CSS”.

Sekcja „Dodatkowy CSS”

Po dodaniu kodu CSS należy opublikować zmiany.

Efekty naszych zmian widać natychmiast.

Bezpieczny sposób wprowadzania zmian

Wprowadzając dodatkowy CSS w taki sposób dokonane zmiany będą również dostępne po aktualizacji WordPressa lub motywu. Jeśli kod zostałby dodany w plikach motywu, to aktualizacja nadpisałaby pliki i zniknęłyby zmiany.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *