Chcesz dostosować motyw WordPress? Być może właśnie uruchomiłeś swoją osobistą stronę internetową, ale domyślne motywy WordPressa nie pobudzają Cię.
Na szczęście WordPress oferuje wiele opcji, które pomogą Ci zmodyfikować i zaprojektować motyw witryny zgodnie z Twoimi preferencjami. Pokażemy Ci, jak zacząć.
Krok 1: Zmiana domyślnego motywu
Obecnie podstawowa instalacja WordPressa zawiera domyślny motyw Twenty-Twenty Two. Ale jak mogłeś zauważyć, domyślny motyw nie zawiera wszystkich dzwonków i gwizdków, które chciałbyś mieć na swojej stronie. Jasne, ładuje się szybko i dostarcza to, co jest potrzebne, ale chcesz też, aby Twoja witryna wyglądała dobrze.
Dlatego powinieneś rozważyć zastąpienie domyślnego motywu WordPress czymś bardziej konfigurowalnym. Kilka świetnych przykładów to GeneratePress, Astra, OceanWP, Kadence WP itp.
Aby to zrobić, zaloguj się do pulpitu WordPress swojej witryny i wybierz Wygląd zewnętrzny z lewego paska bocznego. Następnie przejdź do Motywy sekcja i kliknij Dodaj nowe
aby zainstalować nowy motyw. WordPress zaprezentuje katalog najpopularniejszych i najnowszych motywów. Możesz wybrać jeden z tej listy lub ręcznie wpisać nazwę motywu, który chcesz zainstalować w polu wyszukiwania.Tak czy inaczej, najedź kursorem na wpis motywu, gdy go zobaczysz, i kliknij zainstalować. Następnie kliknij Aktywuj zastosować motyw do działającej witryny internetowej. Wiele motywów WordPress wygląda fantastycznie po wyjęciu z pudełka, podczas gdy w niektórych przypadkach może być konieczne samodzielne dostosowanie nawet podstawowego układu witryny.
Krok 2: Modyfikowanie niektórych ogólnych zmiennych witryny
Po zainstalowaniu motywu, który Ci się podoba, następnym krokiem jest ustawienie podstawowych zmiennych, które wpływają na całą witrynę, takich jak nazwa witryny, slogan i logo. Udaj się do Wygląd zewnętrzny sekcja i kliknij Dostosuj aby otworzyć konfigurator WordPress. Tutaj znajdziesz ustawienia umożliwiające modyfikację struktury, wyglądu i typografii witryny.
Pamiętaj, że wymienione poniżej etykiety opcji mogą się różnić w zależności od zainstalowanego motywu, ale większość funkcji będzie dostępna w dostosowywaniu pod inną etykietą. Dlatego upewnij się, że bawisz się opcjami przed wprowadzeniem jakichkolwiek rzeczywistych zmian w witrynie.
Aby rozpocząć, przejdź do Tożsamość witryny sekcji i wprowadź nazwę i slogan swojej witryny. Następnie utwórz dwa różne logo dla swojej witryny: logo nagłówka i favicon. WordPress określi zalecane wymiary favicon; wystarczy stworzyć obraz i przesłać go do biblioteki. Reszta jest łatwa!
Możesz także ukryć nazwę witryny i slogan, jeśli przesyłasz niestandardowe logo.
Następnie przejdź do modyfikacji układu strony internetowej, przechodząc do Układ Sekcja. Tutaj możesz zmienić szerokość głównego kontenera, wyrównanie nagłówka, menu nawigacyjne, paski boczne i wiele więcej.
Zaleca się, aby w tym momencie utworzyć menu nagłówka i stopki — używając przycisku Menu sekcja — dzięki czemu możesz później skupić się wyłącznie na stronie projektowania.
Krok 3: Przejście do bardziej zaawansowanych stylizacji
Teraz, gdy podstawowe rzeczy są już na uboczu, będziesz mieć podstawową strukturę tego, jak będzie wyglądać Twoja witryna. Nie martw się, jeśli jeszcze nie wygląda dobrze. Udaj się do Zabarwienie sekcji i wybierz podstawowe kolory dla swojej witryny. Możesz użyć strona internetowa do generowania palet kolorów dla Twojej marki.
Następnie przejdź do Typografia sekcji i dodaj dowolne czcionki, które chcesz umieścić w swojej witrynie. Po wybraniu czystej i czytelnej czcionki przejdź do Widżety. Istnieje wiele widżetów, które możesz dodać do swojej witryny: pole wyszukiwania, ostatnie komentarze, powiązane artykuły, galeria, niestandardowy kod HTML, wyświetlanie tekstu itp.
Wybierz lokalizację, w której chcesz wyświetlić widżet, a następnie po prostu dodaj go za pomocą funkcji widżetów bloku WordPress.
Krok 4: Używanie niestandardowego kodu do dostosowania motywu WordPress
Jedną z wielu funkcji WordPressa jest możliwość obsługi niestandardowego kodu. Możesz dodać swój kod do WordPressa, aby odzwierciedlić zmiany bez uszkadzania czegokolwiek. Jedyny haczyk? Musisz być biegły w CSS do stylizacji HTML i PHP do zmiany domyślnej funkcjonalności WordPressa.
Aby dodać niestandardowy CSS do swojej witryny, przejdź do Dodatkowe CSS sekcja wewnątrz dostosowywania WordPress. Tutaj możesz użyć klas i identyfikatorów, aby wybrać i stylizować elementy HTML według własnych upodobań. Aby uzyskać identyfikator elementu dla encji HTML, użyj narzędzi programistycznych przeglądarki oferowanych przez Google Chrome i Mozilla Firefox.
Ponadto, aby dostosować działanie motywu, przejdź do pulpitu WordPress i wybierz Wygląd zewnętrzny z lewego paska bocznego. Pod Edytor plików motywów, znajdziesz listę wszystkich plików motywów i edytor, którego możesz użyć do ich modyfikacji.
Możesz zmienić wszystko, od sposobu wyświetlania postów na stronach kategorii po sposób wyświetlania i filtrowania komentarzy, edytując pliki PHP.
Krok 5: Utwórz motyw podrzędny, aby zapisać dostosowania
Twoje dostosowania sprawią, że Twoja witryna będzie wyglądać pięknie. Ale tylko do czasu, gdy programista wyda aktualizację motywu. Zmiany wprowadzone w motywie zostaną utracone, gdy tylko zaktualizujesz motyw WordPress. Aby temu przeciwdziałać, możesz utwórz motyw potomny z głównego motywu WordPress.
Motyw podrzędny dziedziczy styl, wygląd i funkcje motywu nadrzędnego, a także umożliwia dodawanie własnych dostosowań. W ten sposób za każdym razem, gdy pojawi się nowa aktualizacja motywu głównego, możesz mieć pewność, że aktualizacja wpłynie tylko na motyw nadrzędny, a Twoje dostosowania pozostaną nienaruszone.
Dodatkowa wskazówka: używanie kreatora stron lub szablonów do projektowania witryny
Jeśli nie chcesz tracić czasu na generowanie palety kolorów marki i dostosowywanie każdego aspektu swojej witryny, rozważ użycie gotowych szablonów. Zastrzeżenie: nie wszystkie motywy WordPress oferują swoim użytkownikom szablony za darmo, ale jest ich wiele.
Jeśli więc masz mało czasu i chcesz szybko utworzyć osobistą lub firmową witrynę, zainstaluj motyw zawierający różne szablony, z których możesz wybierać.
Oto jak wygląda strona demonstracyjna po zastosowaniu szablonu przez GeneratePress:
Co więcej, możesz użyć kreatora stron, który umożliwia tworzenie niestandardowych stron za pomocą narzędzi przeciągania i upuszczania. Za pomocą takich narzędzi możesz także edytować i tworzyć niestandardowe nagłówki i stopki.
Twórcy stron WordPress lubią Elementor oraz Divi są ratunkiem dla tych, którzy nie mają doświadczenia z technologiami frontendowymi i potrzebują tylko szybkiego sposobu na tworzenie pięknych stron internetowych opartych na WordPressie bez kodowania.
Budowanie profesjonalnej strony internetowej z WordPress
Uruchomienie strony internetowej wymaga czasu. Musisz kupić nazwę domeny i skonfigurować hosting, a to dopiero po tym, jak uda ci się wymyślić nazwę marki.
Obecnie w Internecie jest prawie 1,7 miliarda stron internetowych, a każdego dnia dodawane są kolejne. Dlatego ważne jest, aby wybrać unikalną nazwę domeny, która pomoże Twojej marce wyróżnić się z tłumu.