Jak korzystać z konfiguratora motywów WordPress jak profesjonalista (przewodnik)

Czy wiesz, że WordPress posiada wbudowany konfigurator motywów, który umożliwia łatwe wprowadzanie zmian w projekcie twojej witryny internetowej w czasie rzeczywistym?

Podczas gdy każdy motyw ma pewien poziom obsługi domyślnych opcji konfiguratora, wiele motywów zawiera dodatkowe karty i opcje konfiguratora motywów WordPress, dzięki czemu możesz łatwo dostosować swój motyw bez znajomości kodowania.

W tym artykule przeprowadzimy cię przez domyślne panele i pokażemy, jak korzystać z konfiguratora motywów WordPress jak profesjonalista.

Jak uzyskać dostęp do konfiguratora motywu WordPress?

Konfigurator motywów jest domyślną funkcją WordPress i jest częścią każdej witryny internetowej WordPress.

Możesz uzyskać do niego dostęp, logując się do obszaru administracyjnego WordPress, a następnie przechodząc do Wygląd ” Konfigurator z lewego paska bocznego panelu administracyjnego WordPress. Spowoduje to otwarcie interfejsu konfiguratora z twoim obecnym, aktualnym motywem.

Możesz również korzystać ze strony konfiguratora motywów WordPress dla dowolnego z zainstalowanych motywów w twojej witrynie internetowej, nawet jeśli nie są one włączone.

Pozwala to zobaczyć podgląd na żywo tego motywu i wprowadzić zmiany przed jego włączaniem.

Aby to zrobić, należy 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ę konfiguratora motywów WordPress.

Jak korzystać z konfiguratora motywu WordPress?

Po otwarciu konfiguratora motywu WordPress zobaczysz wszystkie ustawienia dostosowywania po lewej stronie ekranu, a podgląd na żywo twojej witryny internetowej po prawej stronie.

Konfigurator motywów WordPress zawiera zestaw domyślnych paneli niezależnie od używanego motywu.

Aby wprowadzić w nich zmiany, należy kliknąć poszczególne panele. Możesz również kliknąć dowolną ikonkę niebieskiego ołówka po prawej stronie twojego ekranu, aby otworzyć ustawienia dla tego konkretnego elementu.

Uwaga: Zaawansowane motywy WordPress dodadzą dodatkowe panele ustawień dla dodatkowych opcji konfiguratora (więcej na ten temat później).

Przyjrzyjmy się domyślnym opcjom dostępnym w konfiguratorze motywu WordPress.

Panel tożsamości witryny: Dodaj tytuł, logo i ikonę Favicon

Panel Tożsamość witryny w konfiguratorze motywu WordPress pozwala dodać lub zmienić tytuł i slogan twojej witryny internetowej.

Domyślnie WordPress dodaje „Just Another WordPress Site” jako slogan witryny.

Zaleca się jego zmianę po zainstalowaniu WordPressa na twojej witrynie. Jeśli chcesz, możesz też pozostawić ją pustą.

Panel Tożsamość witryny w konfiguratorze motywu WordPress umożliwia również dodanie logo twojej witryny. Wystarczy kliknąć opcję Wybierz logo, aby przesłać logo twojej witryny internetowej.

Chcesz dodać ikonę favicon do twojej witryny? Możesz to zrobić, klikając opcję Wybierz ikonkę witryny. Aby uzyskać szczegółowe instrukcje, możesz skorzystać z naszego przewodnika na temat tworzenia i dodawania favicon do twojej witryny.

Konfigurator motywu WordPress: Zmień kolory na swojej witrynie internetowej

Elementy sterujące w panelu Kolory będą się różnić w zależności od używanego motywu WordPress.

Na przykład motyw Twenty Seventeen pozwala wybrać kolor tekstu nagłówka i wybrać schemat kolorów dla całej twojej witryny internetowej.

Inne motywy WordPress mogą oferować różne opcje kolorystyczne dla elementów witryny, takich jak nagłówki, odnośniki, tekst główny i tło twojej strony internetowej.

Dodawanie menu nawigacji we własnym konfiguratorze motywu

Panel Menu umożliwia tworzenie menu nawigacyjnych i kontrolowanie ich lokalizacji na twojej witrynie internetowej.

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

Aby utworzyć nowe menu, należy kliknąć przycisk Utwórz nowe menu.

Następnie należy nadać nazwę twojemu menu, aby móc później łatwo nim zarządzać. Możesz również wybrać położenie menu, a następnie kliknąć Dalej, aby kontynuować.

Aby dodać elementy do tego menu, należy kliknąć przycisk Dodaj elementy, aby utworzyć nowy panel. Możesz teraz dodawać własne odnośniki, strony, wpisy, kategorie i tagi jako elementy menu.

Aby zmienić kolejność elementów, można kliknąć odnośnik Zmień kolejność, a następnie użyć ikonek strzałek w celu dostosowania elementów menu.

Kontroluj widżety na twojej witrynie internetowej w konfiguratorze motywu

Panel Widżety pozwala na dodawanie i zarządzanie widżetami na twojej witrynie.

Kliknięcie go spowoduje wyświetlenie różnych miejsc, w których można dodać widżety. Będą się one różnić w zależności od używanego motywu.

Na przykład motyw Twenty Seventeen oferuje 3 lokalizacje widżetów, podczas gdy motyw Twenty Nineteen ma tylko jedną lokalizację.

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

Aby utworzyć nowy widżet, należy kliknąć przycisk „Dodaj widżet”. Spowoduje to otwarcie nowego panelu, w którym zobaczysz listę wszystkich dostępnych widżetów.

Musisz kliknąć ten, który chcesz dodać. Można również wprowadzać zmiany w nowo dodanych widżetach i dostosowywać ich położenie, przeciągając je w górę lub w dół.

Panel ustawień strony głównej w konfiguratorze motywu

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

Jednak w przypadku witryn internetowych dla firm, klienci wolą korzystać z własnej strony głównej. Pozwala to na posiadanie odpowiedniej strony docelowej, która wyświetla twoje produkty i usługi.

Aby użyć własnej strony głównej, należy wybrać przycisk opcji „Strona statyczna” w panelu Ustawienia strony głównej.

Spowoduje to otwarcie dwóch nowych rozwijanych menu, których można użyć do wybrania strony dla strony głównej i innej do wyświetlania twoich wpisów na blogu.

Jeśli nie masz stron w twojej witrynie, możesz utworzyć nową, klikając odnośnik „+ Dodaj nową stronę” znajdujący się pod menu rozwijanym. Spowoduje to utworzenie pustej strony o wybranej przez ciebie nazwie.

Dodatkowy panel CSS do dodawania własnego kodu CSS

Chcesz dodać własny kod CSS, aby nadać styl twojej witrynie internetowej? Możesz to zrobić w panelu Dodatkowe CSS.

Średnio zaawansowani i zaawansowani użytkownicy WordPressa często dostosowują swoje witryny, dodając kod CSS bezpośrednio do pliku style.css swojego motywu. Dodaje to dodatkowe kroki, takie jak posiadanie dostępu FTP do twojego hostingu WordPress, modyfikowanie plików motywu itp.

Łatwiejszym rozwiązaniem dla początkujących jest dodanie twojego własnego kodu CSS do panelu Additional CSS w konfiguratorze motywu WordPress. Pozwoli to na wprowadzenie zmian w twojej witrynie i zobaczenie ich na żywo po prawej stronie ekranu.

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

Uwaga: Jeśli chcesz dostosować swoją witrynę internetową bez pisania kodu, czytaj dalej. Podzielimy się trzema przyjaznymi dla początkujących opcjami, które pozwolą ci łatwo dostosować twój motyw, a nawet stworzyć własny motyw WordPress.

Inne opcje własnego konfiguratora motywu

Niektóre darmowe i premium motywy oferują więcej opcji konfiguratora motywu.

W zależności od używanego motywu, możesz zmienić styl pisma, dodać obrazek tła, zmienić układ, zmodyfikować kolory, dodać losowe obrazki nagłówka i wiele więcej.

Możesz także dodać określone funkcje do własnego konfiguratora motywu za pomocą wtyczek. Na przykład można dodać własne czcionki w WordPressie za pomocą wtyczki Easy Google Fonts.

Podgląd twojej witryny internetowej na różnych rozdzielczościach ekranu

Dla każdego właściciela witryny internetowej ważne jest, aby upewnić się, że jego witryna jest responsywna i wygląda dobrze na wszystkich rozmiarach ekranu.

Dzięki konfiguratorowi motywu WordPress możesz łatwo sprawdzić, jak twoja witryna internetowa wygląda na ekranach o różnych rozmiarach.

W dolnej części panelu konfiguratora motywu znajdują się trzy ikonki i odnośnik „Ukryj elementy sterujące”.

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

Odnośnik Hide Controls jest przydatny do ukrycia panelu WordPress Konfigurator, abyś mógł poprawnie zobaczyć swoją witrynę w trybie pulpitu.

Publikowanie, zapisywanie lub planowanie własnych ustawień konfiguratora

Po wprowadzeniu niezbędnych zmian, musisz zastosować je na twojej witrynie. W przeciwnym razie cała twoja ciężka praca zostanie zaprzepaszczona.

Kliknij przycisk Opublikuj, aby zastosować zmiany. Po zakończeniu możesz kliknąć przycisk zamknięcia, znajdujący się w lewym górnym rogu twojego ekranu, aby wyjść z konfiguratora motywu.

A co, jeśli potrzebujesz więcej czasu na sfinalizowanie twojego nowego projektu? W takim przypadku możesz zapisać go jako wersję roboczą, a nawet udostępnić komuś swój nowy projekt bez udzielania mu dostępu do twojego obszaru administracyjnego.

Aby to zrobić, należy kliknąć ikonkę koła zębatego tuż obok przycisku Publikuj. Spowoduje to otwarcie panelu działań.

Znajdziesz tu trzy opcje: Opublikuj, Zapisz wersję roboczą i Zaplanuj.

Musisz wybrać przycisk radiowy Zapisz wersję roboczą w panelu Działania, a następnie kliknąć przycisk Zapisz wersję robo czą, aby zapisać twoje zmiany.

Możesz teraz skopiować odnośnik do podglądu i udostępnić go innym, aby uzyskać uwagi.

Z drugiej strony, opcja Harmonogram pozwala opublikować twoje zmiany w określonym dniu i godzinie. Możesz użyć tej opcji, aby zaplanować zmiany w twoim motywie w czasie, gdy otrzymujesz najmniejszy ruch.

Wreszcie, jeśli chcesz zresetować nieopublikowane zmiany, możesz kliknąć odnośnik Odrzuć zmiany w panelu działań.

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

Są chwile, kiedy chcesz sprawdzić, jak nowy motyw będzie wyglądał na twojej witrynie. Nie chcesz jednak włączać go na twojej witrynie internetowej.

W takim przypadku można otworzyć konfigurator WordPress, aby przetestować nowe motywy bez uruchamiania ich na żywo.

W panelu konfiguratora znajdziesz nazwę twojego włączonego motywu i przycisk Zmień.

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

Aby sprawdzić dany motyw, należy kliknąć przycisk podglądu na żywo.

Istnieje również możliwość podglądu motywów z repozytorium motywów WordPress. W tym celu należy zaznaczyć pole wyboru „Motywy WordPress.org” w lewym panelu.

Spowoduje to wyświetlenie motywów z katalogu WordPress.org. Możesz kliknąć przycisk „Zainstaluj i podgląd”, aby sprawdzić motyw, który Ci się podoba.

Możesz także filtrować motywy, klikając przycisk Filtruj motywy, który znajduje się w prawym górnym rogu twojego ekranu.

Uwaga: Zalecamy korzystanie z witryny WordPress Staging w celu przetestowania nowych motywów zamiast korzystania z konfiguratora na aktywnej witrynie.

Importowanie lub eksportowanie ustawień własnego konfiguratora motywu

Czy wiesz, że możesz importować i eksportować ustawienia własnego konfiguratora motywu?

Jest to niezwykle pomocne w przypadku wprowadzania zmian w twoim motywie na serwerze lokalnym lub w witrynie testowej. Zamiast ręcznie kopiować ustawienia na twoją witrynę internetową, możesz po prostu wyeksportować ustawienia konfiguratora motywu, aby zaoszczędzić czas.

Aby uzyskać szczegółowe instrukcje, możesz skorzystać z naszego przewodnika na temat importowania i eksportowania ustawień konfiguratora motywu w WordPress.

Alternatywy dla konfiguratora motywu WordPress

Chociaż konfigurator WordPress umożliwia wprowadzanie zmian w witrynie, liczba elementów sterujących będzie się różnić w zależności od używanego motywu.

Co zrobić, jeśli podoba ci się twój motyw, ale chciałbyś, aby miał dodatkowe opcje konfiguratora?

W takim przypadku najlepszym rozwiązaniem jest użycie jednej z trzech wtyczek dostosowujących, które działają obok konfiguratora motywów WordPress.

SeedProd

SeedProd to najlepszy kreator witryn internetowych typu „przeciągnij i upuść” dla WordPress. Za pomocą SeedProd można łatwo tworzyć własne motywy WordPress i układy stron bez edytowania jakiegokolwiek kodu.

SeedProd oferuje setki gotowych układów stron dla stron docelowych, stron sprzedaży, stron rejestracji webinarów, stron, które pojawią się wkrótce, stron trybu konserwacji i wielu innych.

Dostosowanie jest łatwe dzięki gotowym blokom, takim jak formularze optin, profile społecznościowe, przyciski, liczniki czasu, formularze kontaktowe i inne.

Można także ustawiać schematy kolorów, zapisywać kombinacje krojów pisma oraz ponownie wykorzystywać strony i ich elementy, aby nie trzeba było tworzyć ich od nowa.

Thrive Theme Builder

Thrive Theme Builder to kolejna popularna wtyczka do tworzenia motywów WordPress typu „przeciągnij i upuść”. Za jej pomocą można łatwo stworzyć własny motyw WordPress, bez konieczności kodowania.

Dostarczany jest w pakiecie z czterema różnymi gotowymi szablonami motywów, które umożliwiają szybkie rozpoczęcie pracy. Każdy szablon motywu zawiera wiele gotowych stron, które możesz dodać do swojej witryny.

Możesz edytować każdą część twojego 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 do projektowania i tworzenia witryn, które można szybko dodać do twojego motywu, przeciągając je i upuszczając na miejsce.

CSS Hero

CSS Hero to wtyczka do WordPressa, która pozwala dostosować twoją witrynę bez pisania ani jednej linii kodu. Masz swobodę stylizowania każdego elementu twojej witryny bez żadnych kłopotów.

Chcesz dostosować stronę logowania twojej witryny WordPress? CSS Hero pozwoli ci to zrobić w ciągu kilku minut.

Możesz także edytować i podglądać zmiany w interfejsie użytkownika, 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. Umożliwia on tworzenie oszałamiających stron dla twojej witryny za pomocą interfejsu „przeciągnij i upuść”.

Najlepsze jest to, że Beaver Builder współpracuje z prawie każdym motywem WordPress. Dzięki temu możesz go używać z twoim obecnym, aktualnym motywem.

Beaver Builder oferuje pomoc techniczną w postaci krótkich kodów i widżetów. Oferuje również różnego rodzaju moduły, które można wykorzystać do łatwego stylizowania twojej witryny internetowej. Zobacz nasz przewodnik na temat tworzenia własnych układów w WordPress, aby uzyskać szczegółowe instrukcje.

Mamy nadzieję, że ten przewodnik pomógł ci nauczyć się korzystać z konfiguratora motywu WordPress jak profesjonalista. Zachęcamy również do zapoznania się z naszym przewodnikiem na temat tworzenia własnych konfiguratorów stron w WordPressie lub z naszą listą najlepszych wtyczek i narzędzi WordPress dla twojej witryny internetowej.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.