Jak łatwo stworzyć własny motyw WordPress (bez żadnego kodu)

Chcesz stworzyć własny motyw WordPress od podstaw?

W przeszłości trzeba było śledzić skomplikowane poradniki WordPress i mieć przyzwoitą wiedzę na temat kodowania, aby zbudować własny motyw WordPress. Ale dzięki nowym kreatorom motywów WordPress można teraz łatwo stworzyć taki motyw bez konieczności uczenia się jakichkolwiek umiejętności programistycznych.

W tym artykule pokażemy, jak łatwo stworzyć własny motyw WordPress bez pisania jakiegokolwiek kodu.

Oto lista tematów, które omówimy w tym artykule.

Gotowy? Zaczynajmy.

Film instruktażowy

Subscribe to WPBeginner

Jeśli wolisz pisemne instrukcje, czytaj dalej.

Tworzenie własnego motywu WordPress dla początkujących

Witryna internetowa WordPress korzysta z motywu dla układu i projektu strony. Motywy te składają się z plików szablonów napisanych w PHP, HTML, CSS i JavaScript.

Zazwyczaj trzeba mieć przyzwoitą znajomość wszystkich tych języków projektowania stron internetowych lub zatrudnić programistę do stworzenia własnego motywu WordPress.

Jeśli zatrudniłeś programistę lub agencję, koszt własnego motywu WordPress może sięgać tysięcy dolarów.

Ponieważ wielu właścicieli małych firm nie mogło sobie pozwolić na wysokie koszty własnego motywu WordPress, wielu z nich po prostu zadowoliło się domyślnymi motywami. Ci, którzy nie chcieli się na to godzić, korzystali z kreatora stron WordPress lub frameworka motywu, aby zbudować własny motyw.

Chociaż frameworki motywów WordPress ułatwiły tworzenie motywów WordPress, są one rozwiązaniem dla programistów, a nie przeciętnego właściciela witryny internetowej.

Z drugiej strony, wtyczki WordPress do tworzenia stron bardzo ułatwiały tworzenie własnych układów stron za pomocą interfejsu „przeciągnij i upuść”, ale były one ograniczone tylko do pojedynczych układów stron. Nie można było za ich pomocą tworzyć własnych motywów.

W tym miejscu z pomocą przychodzi SeedProd.

Jest to najlepsza wtyczka do tworzenia motywów WordPress, która umożliwia łatwe tworzenie własnych motywów WordPress bez pisania jakiegokolwiek kodu.

SeedProd to kreator stron WordPress typu „przeciągnij i upuść ” dla firm, blogerów i właścicieli witryn internetowych. Teraz jest również wyposażony w nowy konfigurator motywów, który pozwala po prostu wskazać i kliknąć, aby edytować dowolny element.

Możesz także dodawać często używane elementy projektu do twojego motywu metodą „przeciągnij i upuść”.

Najlepszą rzeczą w kreatorze motywów SeedProd jest to, że jest on niezależny od motywów. Oznacza to, że nie opiera się na twoim istniejącym motywie WordPress pod względem stylu lub funkcjonalności, dając ci pełną swobodę i kontrolę nad projektem witryny internetowej.

Jeśli szukasz alternatywy, możesz również łatwo stworzyć własny motyw WordPress za pomocą wtyczki Thrive Theme Builder.

Biorąc to pod uwagę, przyjrzyjmy się, jak stworzyć własny motyw WordPress bez pisania jakiegokolwiek kodu za pomocą SeedProd.

Tworzenie własnego motywu za pomocą narzędzia SeedProd Theme Builder

Konfiguracja kreatora motywów SeedProd jest dość prosta, ponieważ działa on z dowolną witryną internetową WordPress korzystającą z dowolnego motywu.

Najpierw należy zainstalować i włączyć wtyczkę SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: Do odblokowania kreatora motywów wymagany jest plan Pro lub Elite.

Po włączaniu przejdź do strony SeedProd ” Ustawienia, aby wpisz klucz licencyjny wtyczki. Informacje te można znaleźć na Twoim koncie w witrynie internetowej SeedProd.

Po wpiszeniu klucza licencyjnego, jesteś teraz gotowy do stworzenia własnego motywu WordPress za pomocą kreatora motywów SeedProd.

Stworzenie twojego własnego konfiguratora motywu WordPress za pomocą SeedProd jest dość proste.

Najpierw należy przejść do strony SeedProd ” Kreator motywów. Tutaj zobaczysz listę szablonów dla twojego obecnego, aktualnego konfiguratora motywu SeedProd. Ponieważ jeszcze nie zaczęliśmy, mamy tylko szablon Global CSS. Pokażemy, jak z niego korzystać w dalszej części poradnika.

Aby rozpocząć, masz dwie opcje.

• Użyj jednego z gotowych motywów SeedProd jako punktu wyjścia
• Ręczne tworzenie szablonów motywów od podstaw

Przyjrzyjmy się, jak działają te opcje.

1. Zaczynanie od gotowego motywu (zalecane)

Zalecamy rozpoczęcie od istniejącego motywu. Dzięki temu SeedProd automatycznie wygeneruje wszystkie pliki szablonów. Są to kompletne, profesjonalnie zaprojektowane motywy, co daje ci przewagę w edytowaniu szablonów zgodnie z twoimi wymaganiami.

Wystarczy kliknąć przycisk Motywy i wybrać jeden z dostępnych motywów. Istnieją różne motywy dla różnego rodzaju witryn internetowych, więc możesz wybrać taki, który najlepiej odpowiada twoim potrzebom.

Na tym etapie nie przejmuj się zbytnio projektem i układem. Wszystkie te motywy są w pełni edytowalne, więc możesz zmienić każdy ich aspekt w kreatorze motywów.

Po wybraniu motywu, SeedProd wygeneruje wszystkie szablony motywów.

Jest to wersja robocza Twojego własnego motywu WordPress.

W dalszej części poradnika pokażemy, jak edytować te pliki motywu, aby zaprojektować swój motyw, a następnie opublikować motyw, aby zastosować go na twojej witrynie internetowej.

2. Ręczne tworzenie szablonów motywów od podstaw

Alternatywnie, możesz rozpocząć tworzenie twojego motywu od zera, klikając przycisk „Utwórz nowy szablon”. Aby rozpocząć, musisz nadać twojemu szablonowi nazwę, a następnie wybrać jeden z rodzajów szablonów.

Obecnie użytkownik ma możliwość wyboru spośród następujących rodzajów szablonów:

• Nagłówek
• Stopka
• Pojedynczy wpis
• Pojedyncza strona
• Archiwum
• Wyniki wyszukiwania
• Część globalna
• Własna strona klienta

Można również ustawić warunki korzystania z szablonu. Możesz na przykład zastosować go do całej witryny lub określonej sekcji twojej witryny internetowej.

Po zapisaniu szablonu, SeedProd otworzy go w kreatorze motywów, gdzie można rozpocząć jego edycję.

Edytowanie motywu za pomocą narzędzia SeedProd Theme Builder

Po wygenerowaniu twoich szablonów motywów możesz je edytować za pomocą narzędzia SeedProd Theme Builder.

Wystarczy kliknąć odnośnik Edytuj projekt znajdujący się pod plikiem szablonu, aby go edytować.

Spowoduje to uruchomienie pliku szablonu w kreatorze motywów SeedProd.

Zobaczysz podgląd szablonu na żywo w prawej kolumnie z panelem edycji w lewej kolumnie.

Aby zmienić element w twoim pliku szablonu, możesz po prostu wskazać i kliknąć, aby go edytować.

W zależności od rodzaju elementu, w lewej kolumnie pojawią się różne opcje edycji. Będziesz mógł zmienić krój pisma, kolory, tło, odstępy i inne.

Aby utworzyć nowe elementy, można dodać bloki SeedProd z lewej kolumny. Zawiera on wiele rodzajów bloków, które możesz dodać do swojego szablonu.

1. Bloki tagów szablonów

Bloki tagów szablonów to dynamiczne bloki, które umożliwiają generowanie elementów motywu w locie z twojej bazy danych WordPress.

Możesz na przykład użyć bloku Posty, aby wyświetlić listę Twoich ostatnich wpisów lub bloku Treść posta, aby wyświetlić treść aktualnie wyświetlanego wpisu lub strony.

2. Bloki standardowe

Następnie masz swoje standardowe bloki, aby dodać typowe elementy projektowania stron internetowych do szablonu twojego motywu.

Można ich używać do dodawania tekstu, multimediów, przycisków, kolumn, podziałów i innych elementów.

3. Inne bloki

Inne zaawansowane bloki umożliwiają dodawanie formularzy kontaktowych, profili społecznościowych, przycisków udostępniania, krótkich kodów WordPress, map Google, list dozwolonych cen, liczników czasu i innych.

SeedProd posiada również pełną integrację z WooCommerce.

Jeśli prowadzisz sklep internetowy, możesz użyć bloków WooCommerce w twoim motywie.

Możesz tworzyć całkowicie niestandardowe szablony WooCommerce z własną stroną koszyka i obsługą płatności.

Używanie sekcji do tworzenia szybkich układów motywu

Oprócz bloków, do twojego szablonu motywu możesz także dodawać całe sekcje.

Wystarczy przejść do karty Sekcje w panelu Projekt.

Sekcje to grupy bloków dla różnych obszarów projektowania witryny internetowej. Na przykład, znajdziesz gotowe do użycia sekcje dla twojego nagłówka, stopki, wezwania do działania, funkcji i innych.

Wystarczy kliknąć sekcję, aby dodać ją do twojego szablonu motywu, a następnie edytować ją zgodnie z własnymi wymaganiami.

Korzystanie z kreatora witryn internetowych AI do natychmiastowego generowania treści

SeedProd oferuje również potężny AI Website Builder, który automatycznie tworzy treści dla twojego szablonu motywu. Możesz natychmiast wygenerować angażujące nagłówki, opisy, wezwania do działania, treść i wiele więcej.

Wystarczy kliknąć dowolny nagłówek lub blok tekstowy w kreatorze SeedProd, aby otworzyć panel ustawień po lewej stronie. Następnie kliknij przycisk „Generuj tekst AI”.

Następnie wpisz podpowiedź w polu tekstowym, która jest w zasadzie opisem tego, co chcesz, aby asystent AI napisał dla ciebie. Możesz też wybrać sugerowaną pod powiedź z listy.

Następnie kliknij przycisk „Generuj tekst”.

W ciągu zaledwie kilku sekund SeedProd automatycznie utworzy treść dla Ciebie. Stamtąd możesz zoptymalizować tekst, zmienić ton, a nawet przetłumaczyć tekst na ponad 50 języków.

Gdy będziesz zadowolony z treści, kliknij przycisk „Wstaw”, aby dodać ją do twojego motywu.

Możesz także skorzystać z integracji AI Website Builder z DALL-E, aby automatycznie generować oryginalne obrazki dla twojego motywu.

Wystarczy przeciągnąć blok z obrazkiem na twoją stronę i kliknąć go, aby otworzyć panel ustawień. Następnie kliknij przycisk „Dodaj z AI”.

Następnie wpisz opis obrazu, który chcesz utworzyć i kliknij przycisk „Generuj obrazek”.

Po wygenerowaniu obrazka, SeedProd wyświetli go. Aby dodać obrazek do twojego szablonu motywu, kliknij przycisk „Wstaw”.

Możesz także edytować obrazek za pomocą sztucznej inteligencji, a także generować jego warianty, aby dokładnie odpowiadał wizji, którą miałeś na myśli.

Zapisywanie i publikowanie twojego szablonu

Gdy będziesz zadowolony z projektu, możesz po prostu kliknąć przycisk Zapisz i wybrać opcję Opublikuj, aby zapisać twój szablon.

Powtórz ten proces, aby edytować inne pliki szablonów z twoją własną treścią i potrzebami projektowymi.

Zmiana wyglądu witryny dla twojego motywu

Podczas edycji szablonów motywów warto upewnić się, że twój projekt jest spójny w całej witrynie internetowej.

Na przykład, prawdopodobnie będziesz chciał użyć tego samego stylu typografii, wielkości liter, kolorów i innych stylów wizualnych na każdej stronie.

W tradycyjnych motywach WordPress trzeba było robić to ręcznie, edytując złożone pliki CSS. Proces ten wymagał użycia narzędzia Inspect w przeglądarce, zlokalizowania klas CSS, nauczenia się kodu i nie tylko.

SeedProd sprawia, że jest to również bardzo łatwe.

Zamiast pisać kod CSS, można po prostu edytować globalny szablon CSS.

Szablon Global CSS umożliwia podgląd typowych elementów witryny internetowej, a następnie wystarczy wskazać je i kliknąć, aby edytować ich właściwości.

Stosowanie i publikowanie własnego motywu WordPress

Gdy już będziesz zadowolony z własnego motywu WordPress, ostatnim krokiem jest włączenie go na twojej witrynie internetowej WordPress.

SeedProd pozwala na zastosowanie własnego motywu WordPress za pomocą prostego przełącznika.

Wystarczy przejść do strony SeedProd ” Theme Builder i przełączyć przełącznik obok opcji „Włącz motyw SeedProd” na „Tak”.

SeedProd zastąpi teraz istniejący motyw WordPress utworzonym przez Ciebie własnym motywem WordPress.

Możesz teraz przejść na swoją witrynę internetową, aby zobaczyć swój własny motyw WordPress w działaniu.

Tworzenie innych układów dla własnego motywu WordPress

Teraz, gdy stworzyłeś własny motyw WordPress, masz możliwość rozszerzenia jego funkcjonalności i stworzenia większej liczby projektów i układów opartych na twoim motywie.

SeedProd czyni to niezwykle łatwym.

Nadal możesz modyfikować własny motyw WordPress i tworzyć wiele szablonów dla różnych sekcji twojej witryny internetowej.

Na przykład, możesz utworzyć nowy szablon nagłówka w twoim motywie, który będzie wyświetlany tylko w określonych kategoriach.

Podobnie, możesz chcieć utworzyć szablon dla określonych stron lub wpisów.

Możesz dodać to również do twojego motywu.

A co z tworzeniem własnych stron docelowych?

SeedProd zapewnia ochronę również w tym zakresie.

Możesz po prostu przejść do SeedProd ” Strony docelowe i kliknąć przycisk Utwórz nową stronę docelową, aby ją utworzyć.

Więcej szczegółów można znaleźć w naszym poradniku na temat tworzenia strony docelowej za pomocą WordPressa.

Korzystając z przyjaznego dla początkujących kreatora motywów SeedProd typu „przeciągnij i upuść”, można z łatwością stworzyć dowolny rodzaj konfiguratora.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak stworzyć własny motyw WordPress bez nauki kodowania. Możesz również zapoznać się z naszym przewodnikiem na temat tego, jak przyspieszyć twoją witrynę internetową WordPress, aby uzyskać lepsze SEO i wygodę użytkownika, lub z naszymi typami najlepszych rozwiązań analitycznych WordPress.

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.