Jak łatwo dodać niestandardowy CSS do witryny WordPress

Czasami może się okazać, że musisz dodać niestandardowy CSS w swojej witrynie WordPress.

W tym artykule pokażemy, jak łatwo dodać niestandardowy CSS do witryny WordPress bez edytowania plików motywów.

Metoda 1: Dodanie niestandardowego CSS za pomocą narzędzia Dostosuj Wygląd Motywu.

Od wersji 4.7 WordPress użytkownicy mogą teraz dodawać własne pliki CSS bezpośrednio z obszaru administracyjnego WordPress. Jest to bardzo łatwe i możesz natychmiast zobaczyć swoje zmiany w podglądzie na żywo.

Najpierw musisz przejść do strony Wyglą »Dostosuj.

wordpress dodawanie css w motywie

Spowoduje to uruchomienie interfejsu dostosowywania motywu WordPress.

Wyświetli się  podgląd na żywo swojej witryny z kilkoma opcjami w lewym okienku. 

Kliknij kartę Dodatkowy CSS w lewym okienku.

dodatkowy css wordpress

Karta przesunie się, pokazując proste pole, w którym możesz dodać niestandardowy CSS. Po dodaniu prawidłowego kodu CSS , w podglądzie strony będzie można zobaczyć na żywo zastosowane zmiany.

dodaj css w wordpress

Możesz kontynuować dodawanie niestandardowego kodu CSS, dopóki nie będziesz zadowolony z jego wyglądu w Twojej witrynie.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz i opublikuj” u góry.

Uwaga: każdy niestandardowy kod CSS dodany za pomocą modułu dostosowania motywu jest dostępny tylko z tym konkretnym motywem. Jeśli chcesz go używać z innymi motywami, musisz skopiować i wkleić go do nowego motywu przy użyciu tej samej metody.

Metoda 2: Dodanie niestandardowego CSS za pomocą wtyczki

Pierwsza metoda pozwala tylko na zapisanie niestandardowego CSS dla aktualnie aktywnego motywu. Jeśli zmienisz motyw, może być konieczne skopiowanie i wklejenie niestandardowego arkusza CSS do nowego motywu.

Jeśli chcesz, aby Twój niestandardowy CSS był stosowany niezależnie od używanego motywu WordPress, ta metoda jest dla Ciebie.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Simple Custom CSS. Po aktywacji przejdź do Wygląd »Custom CSS i zapisz lub wklej swój niestandardowy CSS.

Nie zapomnij nacisnąć przycisku „Update Custom CSS”, aby zapisać zmiany.

Możesz teraz wyświetlić swoją witrynę WordPress, aby zobaczyć niestandardowy CSS w akcji.

Używanie niestandardowej wtyczki CSS a dodawanie CSS w motywie

Obie opisane powyżej metody są zalecane dla początkujących. Zaawansowani użytkownicy mogą również dodawać niestandardowe arkusze CSS bezpośrednio do swoich motywów.

Jednak dodawanie niestandardowych fragmentów CSS do motywu nadrzędnego nie jest zalecane. Twoje zmiany CSS zostaną utracone, jeśli przypadkowo zaktualizujesz motyw bez zapisywania niestandardowych zmian.

Korzystanie z niestandardowej wtyczki CSS umożliwia przechowywanie niestandardowego CSS niezależnie od motywu. W ten sposób możesz łatwo przełączać motywy, a Twój niestandardowy CSS nadal tam będzie.

Mamy nadzieję, że ten artykuł pomógł w dodaniu niestandardowego CSS do Twojej witryny WordPress. 

 

Powiadom innych

Zostaw komentarz

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