Jak stworzyć niestandardowy motyw WordPress?

Opublikowany: 2021-03-26

A jeśli powiemy Ci, że aby stworzyć niestandardowy motyw WordPress, potrzebujesz tylko godziny lub dwóch wolnego czasu? Zgadza się, żadna wiedza na temat kodowania nie jest już potrzebna, aby stworzyć piękny motyw, który będzie odpowiadał Twoim preferencjom. W przeszłości trzeba było albo zatrudnić profesjonalną obsługę WordPressa, albo przynajmniej mieć trochę wiedzy na temat kodowania. Na szczęście czasy i technologia się zmieniły i dziś wystarczy jedna bardzo przydatna wtyczka – Beaver Builder. Ten program do tworzenia stron ma dodatek o nazwie Beaver Themer, który celuje, zgadłeś, niestandardowe motywy. Rzućmy okiem na to, jak Ty również możesz użyć Beaver Themer do stworzenia atrakcyjnego układu, który wszyscy pokochają.

Zanim utworzysz niestandardowy motyw WordPress, musisz zainstalować wtyczkę

Pierwszą rzeczą, o której musisz pamiętać, jest to, że Beaver Themer jest dodatkową wtyczką i nie pojawia się automatycznie po zainstalowaniu Beaver Builder. Musisz zainstalować i aktywować obie wtyczki przed rozpoczęciem pracy . Nie lekceważ tej części pracy – to ważna!

Kobieta patrząca na zegarek.
Nie należy lekceważyć procesu tworzenia niestandardowego motywu WordPress.

Wybór motywu do pracy

Ostatecznym celem jest stworzenie motywu, który będzie całkowicie unikalny dla Twojej witryny, ale to nie znaczy, że możesz stworzyć go od zera. Cóż, możesz, ale wymaga to dużej wiedzy i umiejętności. Nie martw się jednak – WordPress ma wiele szablonów, które mogą służyć jako świetny punkt wyjścia, po których łatwo będzie go dostosowywać i aktualizować . Jeśli obecnie patrzysz na wszystkie dostępne opcje, dobrze byłoby poznać nasze najlepsze typy:

  • Astra
  • Podkreślenia
  • Motywy StudioPress

Wiele motywów WordPress ma wbudowaną obsługę Beaver Builder, więc utworzenie niestandardowego motywu WordPress powinno być bułką z masłem. O tak, a czy wspominaliśmy, że wszystko odbywa się za pomocą interfejsu przeciągnij i upuść? Cóż, teraz wiesz!

Ważne jest, aby pamiętać, że musisz upewnić się, że Beaver Themer ma dostęp do całej treści strony, od jednej krawędzi do drugiej. Niestety, niektóre układy zawierają paski boczne, które utrudniają zbudowanie niestandardowego motywu za pomocą Beaver Themer. Ale jest rozwiązanie problemu! Przejdź do Wygląd – Dostosuj – UkładPaski boczne i po prostu wybierz opcję „Bez paska bocznego”. Problem rozwiązany!

Budowanie niestandardowych elementów motywu

Koncentrując się na najpopularniejszych niestandardowych elementach motywu, skutecznie osiągniesz swój cel. Elementy, na których musisz się skoncentrować, obejmują nagłówek, stopkę, obszar treści dla postów i stron oraz układy archiwum dla niestandardowego motywu. Więc zajmijmy się tym!

Mężczyzna przeglądający stronę internetową po tym, jak udało mu się stworzyć niestandardowy motyw WordPress.
Aby otrzymać ładny produkt wykończeniowy, musisz najpierw włożyć trochę pracy.

Tworzenie niestandardowego nagłówka

Gdy już będziesz mieć gotowy produkt, będziesz mógł zmieniać kolor, tło, a nawet dodawać kolumny i wiersze za pomocą funkcji przeciągania i upuszczania. Ale jak dostać się do produktu wykończeniowego? Zacznij od kliknięcia Beaver Builder – Dodaj nową stronę, aby podać tytuł nagłówka . Mamy nadzieję, że masz na myśli dobry.

Gdy skończysz, wybierz „Układ motywu” jako typ i „Nagłówek” jako opcję układu, a następnie kliknij przycisk „Dodaj układ motywu”, który przeniesie Cię na stronę ustawień układu. Brzmi skomplikowanie, ale łatwo to opanujesz. Teraz możesz wybrać „Cała witryna” jako lokalizację, w której będzie wyświetlany nagłówek i voila – otrzymasz podstawowy nagłówek do pracy. A teraz wchodzą w grę ustawienia zaawansowane, o których wspomnieliśmy na początku.

Tworzenie własnej stopki

Proces uruchamiania jest bardzo podobny do tworzenia niestandardowej stopki. Zacznij od kliknięcia Beaver Builder – Dodaj nową stronę, podaj tytuł stopki i wybierz „Układ motywu” jako typ i „Stopka” jako opcję układu. Klikając „Dodaj układ motywu”, przejdziesz do następnej strony, która jest stroną ustawień układu. Wybierz opcję „Cała witryna”, a następnie „Uruchom Beaver Builder”. Ten układ będzie Twoim punktem wyjścia, po którym możesz dodawać moduły, zmieniać kolor, tekst i dostosowywać stopkę.

Tworzenie obszaru treści dla postów i stron

Do tej pory prawdopodobnie mogłeś dojść do wniosku, że Beaver Builder działa w dużej mierze na podstawie zestawu wzorców. A proces uruchamiania jest trochę taki sam, jak podczas budowania nagłówka i stopki, z tą różnicą, że teraz tworzysz treść całej witryny. I to jest proces, który nieuchronnie poprzedza tworzenie konwertujących stron docelowych – najpierw musisz zająć się projektem. Możesz wybrać układ, który będzie działał tylko dla Twoich postów, tylko Twoich stron lub zarówno postów, jak i stron . Następnie powinieneś „Uruchom Beaver Builder”, aby otworzyć interfejs, w którym zobaczysz próbkę układu, z możliwością kliknięcia i edycji dowolnego elementu strony.

Archiwizacja układów

Do tej pory Twój niestandardowy motyw zaczyna już wyglądać, a Ty zbliżasz się do mety. A jeśli nigdy nie słyszałeś o stronach archiwalnych, są to strony, które wyświetlają Twoje kategorie i tagi. Jednym słowem, mają znaczenie. Po raz kolejny możesz tworzyć oddzielne układy dla kategorii, tagów i miesięcznych archiwów. Gdy tylko rozpoczniesz dobrze już znany proces, który zaczyna się od kliknięcia na stronę Beaver Builder – Dodaj nowy, intuicyjnie będziesz wiedział, co należy zrobić. Gdy skończysz edycję i będziesz zadowolony z końcowego produktu, nie zapomnij kliknąć „Gotowe”. '

Kod na wyświetlaczu.
Udało Ci się stworzyć spersonalizowany motyw bez pisania linijki kodu.

Tworząc niestandardowy motyw WordPress, robisz znacznie więcej niż tylko tworzenie atrakcyjnego projektu

Poprawiasz również funkcjonalność swojej strony internetowej, a także przyciągasz nowych odwiedzających/klientów. Jak wiesz, wygląda na sprzedaż. A po utworzeniu niestandardowego motywu WordPress możesz dalej rozwijać i ulepszać swoją witrynę . Od dostosowania witryny WordPress do urządzeń mobilnych po tworzenie sklepu internetowego — opcje są nieograniczone.