Jak używać narzędzia do dostosowywania motywów WordPress jak profesjonalista (kompletny przewodnik)

Czy kiedykolwiek otworzyłeś/aś WordPress Theme Customizer, zobaczyłeś/aś wszystkie te opcje i poczułeś/aś się całkowicie przytłoczony/a?

Istnieją dziesiątki ustawień kolorów, czcionek i układów, co może być przytłaczające, gdy po prostu próbujesz sprawić, by Twoja witryna wyglądała dobrze. Zmieniasz kilka rzeczy, ale z jakiegoś powodu Twoja witryna wygląda gorzej niż na początku.

Widzieliśmy, że wielu początkujących napotyka ten sam problem, a dobra wiadomość jest taka, że jest on łatwiejszy do rozwiązania, niż mogłoby się wydawać.

W tym przewodniku krok po kroku pokażemy Ci, jak korzystać z narzędzia WordPress Theme Customizer, abyś mógł stworzyć dopracowaną, przyjazną dla użytkownika stronę internetową bez zamieszania. Podzielimy się również kilkoma wskazówkami, które zaoszczędzą Ci godzin prób i błędów. 🙌

Jak uzyskać dostęp do narzędzia dostosowywania motywów WordPress

Dostosowywanie motywu to domyślna funkcja WordPress, która pozwala kontrolować wygląd motywu. Jest ona dostępna we wszystkich klasycznych motywach i zawiera panel ustawień do kontroli w całej witrynie, takich jak typografia, projekt nagłówka i inne.

Możesz uzyskać do niego dostęp, logując się do swojego obszaru administracyjnego WordPress. Następnie przejdź do Wygląd » Dostosuj z lewego paska bocznego panelu administracyjnego.

Spowoduje to otwarcie interfejsu Dostosowywania z Twoim bieżącym motywem.

Możesz również użyć personalizatora motywów WordPress dla dowolnego z zainstalowanych motywów Twojej witryny, nawet jeśli są one nieaktywne. Ta funkcja pozwala zobaczyć podgląd motywu na żywo i wprowadzić zmiany przed jego aktywacją.

Aby to zrobić, musisz przejść do strony Wygląd » Motywy. Następnie najedź kursorem myszy na dowolny zainstalowany motyw i kliknij przycisk „Podgląd na żywo”, aby otworzyć stronę dostosowywania motywu WordPress.

Jak używać narzędzia WordPress Theme Customizer

Po otwarciu narzędzia do dostosowywania motywów WordPress zobaczysz wszystkie ustawienia dostosowywania po lewej stronie ekranu. Podgląd Twojej strony internetowej na żywo będzie wyświetlany po prawej stronie.

Personalizator motywów WordPress zawiera zestaw domyślnych paneli, niezależnie od Twojego motywu.

Musisz kliknąć poszczególne panele, aby wprowadzić w nich zmiany. Możesz również kliknąć na dowolną z niebieskich ikon ołówka po prawej stronie ekranu, aby otworzyć ustawienia dla danego elementu.

W poniższych sekcjach pokażemy domyślne opcje dostępne w narzędziu do dostosowywania motywów WordPress, a także podzielimy się wskazówkami i alternatywami dotyczącymi personalizacji.

Jeśli interesuje Cię konkretny temat, możesz kliknąć link, aby przejść do niego w artykule:

• Panel tożsamości witryny: Dodaj tytuł, logo i favicon
• Dostosowywanie motywu WordPress: Zmień kolory swojej witryny
• Dodawanie Menu Nawigacyjnych w Dostosowywaniu Motywu
• Kontroluj widżety na swojej stronie w Narzędziu do dostosowywania motywów
• Panel ustawień strony głównej w narzędziu do dostosowywania motywu
• Panel dodatkowego CSS do dodawania niestandardowego CSS
• Inne opcje personalizatora motywu
• Podgląd Twojej witryny w różnych rozdzielczościach ekranu
• Publikowanie, zapisywanie lub planowanie ustawień dostosowywania
• Podgląd różnych motywów bez przechodzenia na żywo
• Importuj lub eksportuj ustawienia narzędzia do dostosowywania motywu
• Bonus Tip: WordPress Theme Customizer Alternatives
• Często zadawane pytania dotyczące korzystania z narzędzia do dostosowywania motywów WordPress
• Kontynuuj eksplorację: Projektuj i dostosowuj jak profesjonalista

Gotowi? Zacznijmy.

Panel tożsamości witryny: Dodaj tytuł, logo i favicon

Panel „Tożsamość witryny” w personalizatorze motywów WordPress pozwala dodać lub zmienić tytuł i slogan Twojej witryny.

Domyślnie WordPress dodaje „Po prostu kolejna witryna WordPress” jako slogan witryny. Zalecamy zmianę go po zainstalowaniu WordPress na swojej stronie, ale możesz również pozostawić go pustym, jeśli chcesz.

Panel „Tożsamość witryny” w narzędziu do dostosowywania motywów WordPress pozwala również na dodanie logo Twojej witryny. Po prostu kliknij opcję Wybierz logo, aby przesłać logo swojej witryny.

Chcesz dodać favicon do swojej witryny? Możesz to zrobić, klikając opcję „Wybierz ikonę witryny”.

Szczegółowe instrukcje znajdziesz w naszym przewodniku jak utworzyć i dodać favicon do swojej witryny.

Dostosowywanie motywu WordPress: Zmień kolory swojej witryny

Kontrolki w panelu „Kolory” będą się w dużej mierze różnić w zależności od używanego motywu WordPress.

Na przykład motyw Sydney pozwala wybrać schemat kolorów dla całej witryny w opcjach Globalne kolory. Pozwala również zmienić tło, tekst, linki, nagłówki, pola formularzy i pasek boczny.

Inne motywy WordPress mogą mieć różne opcje kolorów, takie jak oddzielne kontrolki dla kolorów nagłówka, menu nawigacyjnych, przycisków lub określonych sekcji witryny.

Dodawanie Menu Nawigacyjnych w Dostosowywaniu Motywu

Panel „Menu” pozwala tworzyć menu nawigacyjne i kontrolować ich lokalizację na Twojej stronie internetowej.

Na tej karcie znajdziesz wszystkie istniejące menu WordPress, które wcześniej utworzyłeś. Możesz kliknąć przycisk „Zobacz wszystkie lokalizacje”, aby sprawdzić dostępne lokalizacje menu, które obsługuje Twój motyw.

Aby utworzyć nowe menu, musisz kliknąć przycisk „Utwórz nowe menu”.

Następnie musisz nadać swojemu menu nazwę, aby móc je łatwo zarządzać później. Możesz również wybrać lokalizację menu i kliknąć „Dalej”, aby kontynuować.

Aby dodać elementy do tego menu, musisz zacząć od kliknięcia przycisku „Dodaj elementy”. Spowoduje to otwarcie nowego panelu.

Możesz teraz dodawać niestandardowe linki, strony, wpisy, kategorie i tagi jako elementy menu do odpowiednich pól.

Aby zmienić kolejność elementów, możesz kliknąć link „Zmień kolejność”, a następnie użyć ikon strzałek, aby dostosować elementy menu.

Kontroluj widżety na swojej stronie w Narzędziu do dostosowywania motywów

Panel „Widżety” pozwala na dodawanie i zarządzanie widżetami na Twojej stronie. Kliknięcie go pokaże różne lokalizacje, w których możesz dodać widżety.

I ponownie, będzie się to różnić w zależności od motywu WordPress, którego używasz.

Na przykład motyw Sydney oferuje pięć lokalizacji widżetów, podczas gdy motyw Twenty Nineteen ma tylko jedną lokalizację.

Po kliknięciu któregokolwiek z nich zobaczysz widżety, które wcześniej dodałeś do tej lokalizacji.

Aby dodać nowy widżet, możesz kliknąć przycisk „Dodaj widżet”. Otworzy się nowy panel, w którym zobaczysz listę wszystkich dostępnych widżetów.

Następnie musisz kliknąć ten, który chcesz dodać. Możesz również wprowadzać zmiany w nowo dodanych widżetach i dostosowywać ich pozycję, przeciągając je w górę lub w dół.

Panel ustawień strony głównej w narzędziu do dostosowywania motywu

Domyślnie WordPress wyświetla najnowsze wpisy na blogu na Twojej stronie głównej.

Jednak większość użytkowników woli używać niestandardowej strony głównej dla stron biznesowych. Pozwala to na posiadanie odpowiedniej strony docelowej, która wyświetla Twoje produkty i usługi.

Aby użyć niestandardowej strony głównej, wybierz przycisk radiowy „Strona statyczna” na panelu „Ustawienia strony głównej”.

Otworzy to dwa nowe menu rozwijane, których można użyć do wybrania strony dla strony głównej i innej do wyświetlania wpisów na blogu.

Jeśli nie masz stron w swojej witrynie, możesz utworzyć nową, klikając link „+ Dodaj nową stronę” znajdujący się poniżej menu rozwijanego. Spowoduje to utworzenie pustej strony o wybranej przez Ciebie nazwie.

Panel dodatkowego CSS do dodawania niestandardowego CSS

Chcesz dodać niestandardowy kod CSS do stylizacji swojej witryny? Możesz to zrobić w panelu „Dodatkowy CSS”.

Użytkownicy WordPress na poziomie średniozaawansowanym i zaawansowanym często dostosowują swoje witryny, dodając kod CSS bezpośrednio do pliku style.css swojego motywu. Ta metoda wymaga dodatkowych kroków, takich jak dostęp FTP do hostingu WordPress, modyfikowanie plików motywu itp.

Łatwiejszym rozwiązaniem dla początkujących jest dodanie własnego kodu CSS do panelu Dodatkowy CSS w personalizatorze motywu WordPress. Pozwoli to na wprowadzanie zmian na stronie i obserwowanie ich na żywo po prawej stronie ekranu.

Kiedy zaczniesz pisać kod CSS, WordPress automatycznie zasugeruje Ci atrybuty na podstawie wpisywanych liter. Wyświetli również komunikaty o błędach, jeśli nie napisałeś poprawnego polecenia CSS.

Inne opcje personalizatora motywu

Niektóre darmowe i płatne motywy oferują więcej opcji dostosowywania motywu.

W zależności od używanego motywu, możesz mieć możliwość zmiany stylu czcionki, dodania obrazu tła, zmiany układu, modyfikacji kolorów, dodania losowych obrazów nagłówka i wielu innych.

Możesz również dodać specyficzne funkcje do swojego narzędzia do dostosowywania motywów za pomocą wtyczek.

Na przykład, możesz dodać niestandardowe czcionki w WordPressie za pomocą wtyczki Easy Google Fonts.

Podgląd Twojej witryny w różnych rozdzielczościach ekranu

Ważne jest, aby każdy właściciel witryny upewnił się, że jego witryna jest responsywna mobilnie i dobrze wygląda na wszystkich rozmiarach ekranu.

Dzięki narzędziu do dostosowywania motywów WordPress możesz łatwo sprawdzić, jak Twoja witryna wygląda na różnych rozmiarach ekranu.

Na dole panelu narzędzia Theme Customizer znajdziesz trzy ikony i link „Ukryj kontrolki”.

Te ikony pozwalają przetestować Twoją witrynę na różnych rozdzielczościach ekranu, takich jak komputery stacjonarne, tablety i urządzenia mobilne.

Link „Ukryj kontrolki” jest przydatny do ukrywania panelu dostosowywania WordPress, dzięki czemu możesz prawidłowo przeglądać swoją witrynę na komputerze stacjonarnym.

Publikowanie, zapisywanie lub planowanie ustawień dostosowywania

Po dokonaniu niezbędnych zmian musisz je zastosować do swojej witryny. W przeciwnym razie cała Twoja ciężka praca pójdzie na marne.

Kliknij przycisk „Opublikuj”, aby zastosować zmiany. Po zakończeniu procesu możesz kliknąć przycisk zamknięcia w lewym górnym rogu ekranu, aby wyjść z narzędzia do dostosowywania motywu.

Co jeśli potrzebujesz więcej czasu na sfinalizowanie swojego nowego projektu WordPress? W takim przypadku możesz zapisać swój nowy projekt jako szkic, a nawet udostępnić go komuś, nie dając mu dostępu do Twojego obszaru administracyjnego.

Aby to zrobić, musisz kliknąć ikonę koła zębatego tuż obok przycisku „Opublikuj”. Spowoduje to otwarcie panelu „Akcja”.

Tutaj znajdziesz trzy opcje: „Opublikuj”, „Zapisz wersję roboczą” i „Zaplanuj”.

Po prostu wybierz przycisk radiowy „Zapisz wersję roboczą” w panelu „Akcja”. Następnie kliknij przycisk „Zapisz wersję roboczą”, aby zapisać swoje zmiany.

Możesz teraz skopiować link do podglądu i udostępnić go innym, aby uzyskać opinię.

Opcja „Harmonogram” pozwala na publikację zmian w określonym dniu i godzinie. Na przykład, możesz zaplanować, aby zmiany w motywie weszły w życie w momencie, gdy otrzymujesz najmniejszy ruch.

Na koniec, jeśli chcesz zresetować nieopublikowane zmiany, możesz kliknąć link „Odrzuć zmiany” na panelu Akcje.

Podgląd różnych motywów bez przechodzenia na żywo

Zdarza się, że chcesz sprawdzić, jak nowy motyw wyglądałby na Twojej stronie. Jednak nie chcesz go aktywować na swojej aktywnej stronie internetowej.

W takim przypadku możesz otworzyć narzędzie dostosowywania WordPress, aby przetestować nowe motywy bez publikowania.

W panelu narzędzia do dostosowywania znajdziesz nazwę swojego aktywnego motywu i przycisk „Zmień”.

Jeśli klikniesz ten przycisk, WordPress wyświetli wszystkie zainstalowane motywy po prawej stronie strony.

Aby sprawdzić konkretny motyw, musisz kliknąć przycisk „Podgląd na żywo”.

Możesz również przeglądać motywy z Repozytorium Motywów WordPress.

Aby to zrobić, musisz zaznaczyć pole wyboru „Motywy WordPress.org” na lewym panelu. Spowoduje to wyświetlenie motywów z katalogu WordPress.org.

Po prostu kliknij przycisk „Zainstaluj i podgląd”, aby sprawdzić motyw, który Ci się podoba.

Możesz również filtrować motywy, klikając przycisk „Filtruj motywy” w prawym górnym rogu ekranu.

Importuj lub eksportuj ustawienia narzędzia do dostosowywania motywu

Czy wiesz, że możesz importować i eksportować ustawienia dostosowywania motywu?

Jest to niezwykle pomocne podczas wprowadzania zmian w motywie na lokalnym serwerze lub stronie stagingowej. Zamiast ręcznie kopiować ustawienia na swoją stronę internetową, możesz po prostu wyeksportować ustawienia personalizacji motywu, aby zaoszczędzić czas.

Szczegółowe instrukcje znajdziesz w naszym przewodniku jak importować i eksportować ustawienia personalizatora motywów w WordPress.

Dodatkowa wskazówka: Alternatywy dla personalizatora motywów WordPress

Chociaż Narzędzie do dostosowywania WordPress pozwala na wprowadzanie zmian na Twojej stronie, liczba elementów sterujących będzie się różnić w zależności od używanego motywu.

Co jeśli podoba Ci się Twój motyw, ale chciałbyś/chciałabyś, aby miał dodatkowe opcje dostosowywania?

W takim przypadku najlepszym rozwiązaniem jest użycie jednego z trzech wtyczek do dostosowywania, które współpracują z narzędziem dostosowywania motywów WordPress.

SeedProd

SeedProd to najlepszy kreator stron typu „przeciągnij i upuść” dla WordPress. Możesz użyć SeedProd do łatwego tworzenia niestandardowych motywów WordPress i układów stron bez edycji kodu.

Niektórzy z naszych partnerów używali SeedProd do tworzenia swoich stron. Ciekawi Cię nasze doświadczenie? Zapoznaj się z naszą szczegółową recenzją SeedProd, aby uzyskać więcej informacji.

SeedProd oferuje setki gotowych układów stron dla stron docelowych, stron sprzedażowych, stron rejestracji na webinary, stron w budowie, stron w trybie konserwacji i wielu innych.

Personalizacja jest łatwa dzięki gotowym blokom, takim jak formularze zapisu, profile społecznościowe, przyciski, odliczanie, formularze kontaktowe i wiele innych.

Możesz również ustawić schematy kolorów, zapisywać kombinacje czcionek oraz ponownie wykorzystywać strony i elementy stron, aby nie trzeba było ich tworzyć od nowa.

Thrive Theme Builder

Thrive Theme Builder to kolejny doskonały plugin do tworzenia motywów WordPress metodą przeciągnij i upuść. Możesz go użyć do łatwego tworzenia niestandardowego motywu WordPress, bez potrzeby kodowania.

Jest dostarczany z czterema różnymi gotowymi szablonami motywów, które pozwolą Ci szybko zacząć. Każdy szablon motywu zawiera różnorodne gotowe strony, które możesz dodać do swojej witryny.

Aby uzyskać szczegółowe informacje, możesz przejść do naszej pełnej recenzji Thrive Themes Suite.

Dzięki temu wtyczce możesz edytować każdą część swojego motywu, w tym nagłówek, stopkę, wpisy na blogu, strony kategorii i inne, po prostu wskazując i klikając.

Ponadto istnieje ponad 100 elementów projektowych i budujących strony, które można szybko dodać do swojego motywu, przeciągając i upuszczając je na miejsce.

CSS Hero

CSS Hero to wtyczka WordPress, która pozwala dostosować witrynę bez pisania ani jednej linijki kodu CSS. Masz swobodę stylizowania każdego elementu swojej witryny bez żadnych problemów.

Czy chcesz dostosować stronę logowania swojej witryny WordPress? CSS Hero pozwala to zrobić w ciągu kilku minut.

Możesz również edytować i podglądać zmiany na froncie, aby upewnić się, że Twój projekt wygląda idealnie na każdym urządzeniu.

Beaver Builder

Beaver Builder to kolejny z najlepszych kreatorów stron dla WordPress. Pozwala on na tworzenie oszałamiających stron dla Twojej witryny za pomocą interfejsu typu „przeciągnij i upuść”.

Najlepsze jest to, że Beaver Builder współpracuje z prawie każdym motywem WordPress. Pozwala to na używanie go z obecnym motywem. Przetestowaliśmy go dokładnie i wszystko możesz znaleźć w naszej pełnej recenzji Beaver Builder.

Beaver Builder obsługuje użycie krótkich kodów i widżetów. Oferuje również różne typy modułów, których możesz użyć do łatwego stylizowania swojej strony internetowej. Nasz przewodnik na temat tego, jak tworzyć niestandardowe układy w WordPress zawiera szczegółowe instrukcje.

Często zadawane pytania dotyczące korzystania z narzędzia do dostosowywania motywów WordPress

Nadal masz pytania dotyczące maksymalnego wykorzystania narzędzia Dostosowywanie motywu? Oto kilka typowych pytań, które słyszymy od użytkowników WordPressa.

Czy mogę dostosować każdy motyw za pomocą Narzędzia do dostosowywania motywów WordPress?

Nie każdy motyw. Większość motywów WordPress nadal obsługuje narzędzie Dostosowywanie motywu i oferuje różne opcje projektowania. Jednak motywy oparte na blokach, które korzystają z Edytora pełnej witryny (FSE), polegają zamiast tego na Edytorze witryny, a w tych motywach narzędzie Dostosowywanie nie będzie się pojawiać.

Czy zmiana motywów usunie moje ustawienia narzędzia Customizer?

Tak, może. Ustawienia personalizatora są zazwyczaj specyficzne dla motywu, więc zmiana na nowy motyw może zresetować lub usunąć te zmiany. Dla bezpieczeństwa zanotuj swoje ustawienia lub użyj narzędzia importu/eksportu, jeśli Twój motyw je obsługuje.

Co mam zrobić, jeśli nie mogę znaleźć personalizatora motywu w WordPress?

Jeśli nie widzisz opcji Wygląd » Dostosuj w swoim panelu, możesz używać motywu opartego na blokach (Edycja pełnej witryny). Te motywy używają Edytora witryny, który znajdziesz w sekcji Wygląd » Edytor. Więcej informacji znajdziesz w naszym przewodniku jak naprawić brakujący moduł Dostosowywania motywu w panelu administracyjnym WordPress.

Jak mogę dodać dodatkowe opcje dostosowywania do mojego motywu?

Jeśli Twój obecny motyw wydaje się zbyt ograniczony, możesz spróbować stworzyć motyw potomny lub użyć pluginów do tworzenia stron, takich jak SeedProd, Thrive Theme Builder lub CSS Hero. Te narzędzia oferują większą kontrolę nad projektem bez konieczności edycji kodu.

Czy bezpieczne jest wprowadzanie zmian w narzędziu dostosowywania motywów na aktywnej stronie internetowej?

Tak, bezpieczne jest wprowadzanie zmian w narzędziu do dostosowywania motywu, ponieważ nie zostaną one opublikowane, dopóki nie klikniesz „Opublikuj”. Niemniej jednak, jeśli planujesz większe edycje, najlepiej przetestować je najpierw w środowisku stagingowym, aby uniknąć zakłócania działania Twojej aktywnej witryny.

Kontynuuj eksplorację: Projektuj i dostosowuj jak profesjonalista

Mamy nadzieję, że ten przewodnik pomógł Ci nauczyć się korzystać z WordPress Theme Customizer jak profesjonalista.

Jeśli uznałeś to za pomocne, być może będziesz chciał zapoznać się z naszymi innymi przewodnikami na temat:

• Jak dostosować swój motyw WordPress
• Jak dodać efekt paralaksy do dowolnego motywu WordPress
• Jak dodać linki Następny / Poprzedni w WordPress 
• Sposoby na stworzenie przyjaznej dla urządzeń mobilnych witryny WordPress
• Jak znaleźć i przetłumaczyć motyw WordPress gotowy do tłumaczenia
• Darmowe vs. płatne motywy WordPress
• Najlepsze proste motywy WordPress, które powinieneś wypróbować
• Jak przetestować motyw WordPress pod kątem najnowszych standardów

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.