Jak stworzyć własny motyw WordPress (Przewodnik dla początkujących)

Chcesz stworzyć własny motyw WordPress? Stworzyć coś pięknego bez konieczności kodowania? Pełna kontrola nad motywem strony WordPress to świetny sposób na zwiększenie sprzedaży i zapewnienie profesjonalnego doświadczenia z Twoją marką.

W tym artykule pokażemy Ci, jak uzyskać pełną kontrolę nad swoim motywem. Będziesz mógł sprawić, by wyglądał świetnie, nawet jeśli jesteś początkującym. Dokładnie tak, jak chcesz. I nie będziesz musiał pisać żadnego niestandardowego kodu ani zatrudniać drogiego projektanta lub programisty.

Zacznijmy!

• Co to jest motyw WordPress?
• Wyzwanie związane z dostosowywaniem motywów
• Jak dostosować lub stworzyćswój własny motywbez żadnego kodowania
• Szybki przegląd SeedProd + EDD

Uwaga: ten artykuł dotyczy pracy na stronach WordPress.org, a nie na stronach WordPress.com. Kliknij tutaj, aby zapoznać się z artykułem wyjaśniającym różnicę.

---

Co to jest motyw WordPress?

Każda strona WordPress używa motywu. Motyw to szablon Twojej strony, jej wygląd lub ogólny projekt. Motywy kontrolują funkcjonalność i wygląd front-endu Twojej strony. Są to zbiory plików szablonów PHP, CSS, Javascript i HTML. 

Na stronie WordPress można zainstalować wiele motywów, ale tylko jeden może być aktywowany i wyświetlany na froncie strony. Motywy są przechowywane w folderze wp-content.

Po zainstalowaniu WordPressa otrzymujesz standardowy motyw stworzony przez zespół rdzenia WordPress. Nazywają swoje motywy od roku, w którym zostały napisane (np. Twenty Twenty Two, Twenty Nineteen i tak dalej).

Easy Digital Downloads (EDD) udostępnia dwa darmowe niestandardowe motywy WordPress, których możesz użyć do stworzenia sklepu cyfrowego; Themedd i Vendd. Udostępniamy również listę darmowych i płatnych motywów od innych projektantów/programistów, z których możesz skorzystać.

➡️ Sprawdź stronę Motywy EDD

---

Wyzwanie związane z dostosowywaniem motywów

Jednym z głównych wyzwań związanych z motywami WordPress jest to, że mogą być trudne do stworzenia lub dostosowania. Będziesz potrzebować co najmniej doświadczenia lub znajomości WordPressa, kodowania HTML i CSS.

Oto niektóre z rzeczy, których musisz się nauczyć, aby tworzyć lub dostosowywać motywy WordPress:

• Zrozumienie koncepcji kodowania, takich jak „pętla”, która jest kodem PHP do ładowania treści
• Wykorzystanie hierarchii szablonów poprzez utworzenie motywu potomnego, w jego własnym katalogu motywu. Pozwala to na dziedziczenie kodu z motywu nadrzędnego i ogranicza liczbę plików, które musisz napisać od zera (takich jak page.php i single.php).
• Zastosowania pliku function.php, obszarów widżetów i permalinków 
• Upewnij się, że pliki Twojego motywu nie zajmują zbyt wielu linii kodu. Zbyt wiele linii kodu może spowolnić ładowanie Twojej strony, co negatywnie wpływa na Twoje SEO (optymalizacja pod kątem wyszukiwarek).
• Skonfiguruj środowisko programistyczne, które obejmuje edytor kodu i strony działające lokalnie na Twoim komputerze do testowania

Narzędzia ułatwiające pracę

WordPress jest znany z łatwości użytkowania. Szczególnie w porównaniu do wszystkiego innego. Nie bez powodu zasila 43% internetu!

W ekosystemie WordPress opracowano kilka rozwiązań, które radzą sobie z wyzwaniami związanymi z dostosowywaniem i tworzeniem motywów.

Jednym z rozwiązań jest skorzystanie z tysięcy motywów premium dostępnych na różnych rynkach. Możesz wybrać motyw, który już wygląda i działa tak, jak chcesz.

Poniżej opowiemy o innych rozwiązaniach. 👇🏽

---

Jak dostosować lub stworzyć własny motyw bez kodowania

Pokażemy Ci cztery rozwiązania do dostosowywania lub tworzenia motywu WordPress. Niektóre pozwalają nawet na budowanie własnego motywu od podstaw bez kodu!

SeedProd Theme Builder

Najlepszym sposobem na stworzenie własnego motywu strony internetowej – bez żadnego kodu – jest użycie narzędzia SeedProd theme builder.

SeedProd to narzędzie WordPress typu „przeciągnij i upuść”. Jest to potężne wizualne narzędzie projektowe używane przez ponad milion profesjonalistów zajmujących się stronami internetowymi.

Jest łatwy w użyciu i pozwala na tworzenie niestandardowych stron docelowych lub nawet całego motywu strony! Działa doskonale z edytorem bloków Gutenberga.

SeedProd zaczął jako prosty sposób na tworzenie stron „wkrótce”, „tryb konserwacji” lub „strona 404”. Był stale aktualizowany i rozszerzany o strony docelowe, a teraz także o pełne tworzenie motywów.

Jedną z naprawdę popularnych i dających możliwości funkcji SeedProd jest ogromna biblioteka szablonów i gotowych motywów. Może być bardzo pomocne, aby zacząć od czegoś gotowego, zamiast od pustego ekranu. Następnie możesz łatwo dostosować i rozwijać dalej.

⏭ Kliknij tutaj, aby pominąć i zobaczyć, jak używać SeedProd + EDD

Poniżej znajdują się trzy inne rozwiązania do dostosowywania lub tworzenia motywu WordPress.

---

Dostosowywanie

Jedno z rozwiązań oferowanych przez wiele motywów nazywa się „dostosowywanie”. Dostosowywanie pozwala kontrolować wiele elementów wizualnych motywu bez kodowania. Te interfejsy dostosowywania są często naprawdę świetne i dają sporo swobody. Nasze darmowe motywy Themedd i Vendd oferują dostosowywanie.

Wiele motywów ma nawet pole o nazwie „Dodatkowy CSS” w swoim Dostosowywaniu, które pozwala ręcznie nadpisać wygląd motywu własnym kodem CSS. Wymaga to podstawowych umiejętności kodowania lub dużo wyszukiwania w Google.

🟢 ZALETY DOSTOSOWYWANIA	🔴 WADY DOSTOSOWYWANIA
Dostosowywanie jest dość łatwe w użyciu i potężne	Nadal jesteś zamknięty w ramach i koncepcji projektowej używanego motywu.
	Niektóre motywy lepiej wykorzystują Dostosowywanie niż inne; możesz odkryć, że nie masz pożądanych kontroli bez użycia pola Dodatkowy CSS do niestandardowego kodowania.

Wtyczki Page Builder

Istnieje kilka firm, które tworzą page buildery dla WordPress. Zapewniają one wizualny interfejs do tworzenia stron. Niektóre z nich oferują nawet możliwość dostosowania całego motywu za pomocą szablonów nagłówka, stopki, paska bocznego i stron.

Te page buildery edytują i kontrolują skomplikowane pliki PHP, pliki CSS i Javascript, dzięki czemu Ty nie musisz.

🟢 ZALETY PAGE BUILDERÓW	🔴 WADY PAGE BUILDERÓW
Masz dużo mocy i kontroli	Niektóre mogą spowolnić Twoją witrynę
Interfejs wizualny	Wiele kreatorów stron jest drogich, niektóre mają darmowy plan
	Z niektórymi kreatorami stron nadal musisz instalować motyw, co może być mylące w pracy zarówno z motywem, jak i kreatorem stron

Pełna edycja witryny (FSE)

Możesz dużo słyszeć o pełnej edycji witryny WordPress. Wczesne wersje FSE zostały niedawno wydane w WordPress 5.8 i 5.9. Jest to nowy projekt zespołu rdzenia, który umożliwia edycję całej witryny za pomocą narzędzia „edytora bloków”.

Edytor bloków WordPress (Gutenberg) istnieje od kilku lat. Jest to darmowy wizualny interfejs podobny do kreatora stron do tworzenia wpisów i stron. Jest on dołączony bezpłatnie do każdej witryny WordPress.

Teraz, lub wkrótce, będziesz mógł edytować każdy motyw zintegrowany z FSE za pomocą podobnej funkcjonalności i interfejsu przypominającego edytor bloków. Używaj go do kontrolowania każdego elementu na stronie, w tym menu, nagłówków, stopek, pasków bocznych i widżetów.

To ekscytujące! Będzie to świetny sposób na kontrolowanie motywu Twojej witryny. Nie jest jeszcze w pełni gotowy do głównego obiegu, w momencie pisania tego artykułu FSE jest nadal w wersji beta.

🟢 ZALETY FSE	🔴 WADY FSE
Wkrótce będzie to świetna opcja, zwłaszcza jeśli już lubisz i używasz kreatora stron Gutenberg	Nadal w fazie testów beta, w momencie pisania tego artykułu
	Wymaga motywu kompatybilnego z „pełną edycją witryny”, obecnie nie ma ich zbyt wiele

---

Szybki przegląd SeedProd + EDD

🎉 SeedProd pozwala z łatwością tworzyć własny motyw strony internetowej. Bez żadnego kodowania. I bez żadnych z wymienionych wyżej wad.

Pokażemy Ci, jak łatwo jest zbudować własny motyw WordPress za pomocą SeedProd. Zaprezentujemy jego użycie z wtyczką e-commerce Easy Digital Downloads (EDD).

Wyobraź sobie, co możesz zrobić! Masz pełną kontrolę nad każdym szczegółem doświadczenia klienta. Bez czekania tygodniami lub miesiącami na drogich projektantów lub programistów, którzy pracują nad Twoją witryną.

Znasz swoich klientów i swój sklep najlepiej! I zależy Ci na swojej witrynie bardziej niż komukolwiek innemu. SeedProd to świetna opcja dla fantastycznych wyników… SZYBKO!

Oto, co robisz:

1. Zainstaluj i aktywuj SeedProd
2. Kliknij jeden przycisk, aby zbudować motyw!
3. Dokonaj podstawowych dostosowań
4. Twórz niestandardowe szablony dla swoich pobrań (dla EDD)
5. Zrób jeszcze więcej

Zainstaluj i aktywuj SeedProd

Najpierw musisz kupić SeedProd. Opcja Theme Builder wymaga licencji Pro lub Elite.

🤚🏾Kliknij tutaj, aby uzyskać 50% zniżki na ceny wprowadzające SeedProd

Po zakupie SeedProd Pro lub Elite zainstaluj go jak każdą inną wtyczkę. Jeśli jesteś nowy w instalowaniu wtyczek, oto świetny samouczek.

Po zainstalowaniu wtyczki SeedProd upewnij się, że wprowadziłeś swój klucz licencyjny.

Teraz jesteś gotowy, aby stworzyć swój własny nowy motyw!

Dodatkowo upewnij się, że masz zainstalowany Easy Digital Downloads, jeśli jeszcze go nie masz.

EDD jest darmowy i zawiera:

• Koszyk zakupowy
• Wykaz Twoich produktów/pobrań
• Zabezpieczone pliki produktów, tylko płacący klienci będą mieli dostęp do automatycznie wygasających linków
• Elastyczne opcje płatności
• Kody rabatowe
• Zarządzanie klientami (podstawowy CRM)
• Raporty eCommerce
• Integracja Stripe i/lub PayPal

Pakiety EDD

Zdobądź pakiet EDD, aby dodać zaawansowane funkcje eCommerce, takie jak integracja z pocztą elektroniczną, subskrypcje, licencjonowanie oprogramowania, integracja z Amazon S3/DropBox i inne.

Jednym kliknięciem stwórz motyw!

W lewej części panelu administracyjnego WordPress poszukaj SeedProd. Kliknij Theme Builder.

Następnie kliknij pomarańczowy przycisk z napisem Themes. Spowoduje to wyświetlenie gotowych motywów, z których możesz wybierać. W naszym przykładzie poniżej użyjemy gotowego motywu Starter.

Po kliknięciu gotowego motywu Starter, SeedProd utworzy każdą część szablonu motywu, taką jak: pojedyncza strona, strona główna, nagłówek, stopka, pasek boczny itp.

Właśnie stworzyłeś *cały motyw* JEDNYM KLIKNIĘCIEM!

Nie musiałeś tworzyć footer.php, header.php ani sidebar.php, archive.php ani arkusza stylów. Wszystko zostało zrobione za Ciebie. 

Upewnij się, że włączyłeś motyw, klikając przełącznik Enable SeedProd Theme w prawym górnym rogu. Spowoduje to wyłączenie Twojego obecnego motywu. Upewnij się, że jesteś gotowy, aby zostało to pokazane publicznie, lub wypróbuj to na serwerze stagingowym.

Należy pamiętać, że używając SeedProd, nie korzystasz już z systemu motywów WordPress. Nie zobaczysz nowego motywu z nazwą motywu w folderze motywów w lokalizacji wp-content/themes. Zamiast tego wtyczka SeedProd Wordpress przejęła kontrolę nad wyglądem strony.

Podstawowa personalizacja

Istnieje kilka opcji personalizacji, które możesz od razu zastosować. Dostosuj swoje logo oraz podstawowe kolory i style.

Dostosuj swoje logo

Dobrym pierwszym krokiem jest dodanie swojego logo. Zrób to, edytując szablon Header.

Spersonalizowane ogólne style

Po drugie, możesz szybko edytować dowolne ustawienia globalnych stylów. Kliknij szablon Global CSS.

Tutaj możesz zmienić wiele ustawień wizualnych strony, takich jak czcionki, nagłówki, linki (href) oraz kolory i rozmiary. Zastępuje to konieczność znajomości CSS i edycji pliku style.css.

Twórz niestandardowe szablony dla swoich pobrań

Produkty sprzedawane za pomocą Easy Digital Downloads są przechowywane jako niestandardowy typ posta o nazwie Downloads na Twojej stronie WordPress.

Twoje pobrania są następnie wyświetlane jako pojedynczy post lub strona archiwum.

• Pojedynczy post to sytuacja, gdy pobranie pojawia się samo na swojej własnej stronie.
• Strona archiwum (w terminologii WordPress) to lista wielu pobrań.

Nie musisz zaczynać od zera. Zamiast wybierać dodawanie nowych szablonów, po prostu zduplikuj te dwa szablony, które SeedProd właśnie dla Ciebie utworzył:

• Indeks bloga, Archiwa, Wyszukiwanie i
• Pojedynczy post

Nadaj tym szablonom tytuły „EDD Single Download” i „EDD Download List”, aby nie pomylić ich z innymi szablonami.

Edytuj warunki swoich szablonów pobierania

Musisz ustawić te strony tak, aby ładowały tylko Pobieranie. To proste. Wystarczy kliknąć przycisk tekstowy pod tytułem, który mówi Edytuj warunki.

Dla szablonu EDD Single Download skonfiguruj go w następujący sposób:

• Priorytet 10
• Dołącz: typ posta Pobieranie

W EDD Download List użyj tych ustawień:

• Priorytet 30
• Dołącz: archiwum typu post, a następnie wpisz „download”

Uwaga: te ustawienia priorytetu mają na celu zapewnienie, że Twoje warunki nie zostaną nadpisane przez inne, gdy masz dwa podobne warunki. Dowiedz się więcej o priorytetach i warunkach tutaj.

Dostosuj swoje strony pobierania

Teraz, gdy utworzyłeś oddzielne szablony dla swoich pobrań EDD. Możesz je dostosować według własnych upodobań.

W moim przykładzie stworzyłem czystą i prostą stronę pobierania EDD. Jedna kolumna wyśrodkowana bez paska bocznego ani niczego, aby spróbować zwiększyć konwersje. 

Oto jak to wygląda w panelu administracyjnym podczas edycji w SeedProd.

Następnie, oto jak to wygląda na froncie.

Na tej przykładowej stronie listy pobrań EDD zastosowałem siatkę dwukolumnową. Możesz zrobić, co chcesz. Niesamowicie łatwo jest próbować nowych rzeczy i je podglądać.

W panelu administracyjnym podczas edycji w SeedProd:

Oto jak to wygląda na froncie:

Zrób więcej. Niebo jest granicą!

A może granica jest w kosmosie. Powyższe przykłady to tylko mały przedsmak wszystkich rzeczy, które możesz zrobić z SeedProd.

Wyobraź sobie tylko, co możesz osiągnąć dzięki pełnej kontroli i nieograniczonym eksperymentom.

SeedProd zawiera setki bloków szablonów i szablonów stron.

Oto tylko kilka przykładów, które mogą być szczególnie interesujące dla twórców cyfrowych takich jak my!

SeedProd to świetny sposób na stworzenie motywu dla Twojego sklepu EDD. Jest to świetna opcja, niezależnie od tego, czy dopiero zaczynasz, czy chcesz wypróbować coś nowego, co zaimponuje klientom.

---

Wnioski

Niesamowite! Właśnie nauczyłeś się, jak sprawić, by Twój motyw wyglądał pięknie bez kodowania. Wyobraź sobie, co możesz zrobić, aby poprawić doświadczenie klienta, gdy możesz dostosować wszystko samodzielnie. 

Mamy znacznie więcej zasobów dla twórców cyfrowych i przedsiębiorców. Czego chcesz się teraz nauczyć?!

• 🤑 Zdumiewające korzyści ze sprzedaży produktów cyfrowych
• 💰 Kompletna lista produktów cyfrowych, które możesz sprzedawać
• 💸 14 najpopularniejszych produktów cyfrowych do sprzedaży w 2022 roku
  

Pamiętaj, aby śledzić nas na Facebooku i Twitterze, aby dowiedzieć się więcej o WordPressie i sprzedaży produktów cyfrowych.