Jest to seria samouczków obejmująca podstawy tworzenia od podstaw motywu WordPress. To jest dla Ciebie, który trochę parał się zmianą innych motywów, żałując, że nie wiesz wystarczająco dużo, aby stworzyć własny, lub próbowałeś stworzyć własny motyw od zera, ale miałeś trudności ze zrozumieniem podstaw tego, czego potrzebuje motyw. Poprzez 12 lekcji ten samouczek ma na celu poprowadzić Cię przez opracowanie własnego motywu WordPress, jednocześnie poznając typowe praktyki i podstawy działania WordPressa. Celem tego samouczka nie jest stworzenie niesamowicie wyglądającego i gotowego do użycia lub sprzedaży motywu, ale zapewnienie solidnych podstaw niezbędnych do jego rozbudowy.
Zalecam, abyś sam napisał wszystko, zamiast kopiować i wklejać kod. To najlepszy sposób na naukę (nie martw się, nie mówimy tutaj o tysiącach linijek)! Lekcje są skonfigurowane tak, abyś nauczył się, co robi każdy fragment kodu, krok po kroku, dzięki czemu możesz go modyfikować i dodawać po drodze, dzięki czemu możesz uzyskać taki, jak chcesz lub wyglądać. Na końcu każdej lekcji podam linki do stron dokumentacji dla każdej użytej metody, zazwyczaj do WordPress Codex.
Ten samouczek nie obejmuje żadnych stylów (CSS), jednak wyjaśnia, w jaki sposób możesz dodać arkusze stylów do swojego motywu i wyjaśnia, jak powiedzieć WordPressowi, aby dynamicznie dodawał przydatne klasy w Twoim HTML. Zachęcam Cię do samodzielnego stylizowania motywu w miarę postępów.
Warunki wstępne
Ten samouczek jest dla tych, którzy:
- Poznaj podstawy HTML i CSS
- Znam trochę PHP. Nie musisz być ekspertem, ale powinieneś znać podstawy
- Znasz korzystanie z WordPressa
- Chcieć się nauczyć!
To, czego będziesz potrzebować, aby wykonać ten samouczek, to:
- Lokalna konfiguracja programistyczna. Możesz programować, przesyłając przez FTP do domeny, ale zaleca się, aby skonfigurować ją lokalnie. Musisz (oczywiście) również mieć zainstalowany WordPress w swojej witrynie programistycznej. Wyjaśnię krótko , jak to zrobić w części 0.
- Dobry edytor tekstu. Możesz użyć dowolnego edytora, takiego jak Notatnik itp., ale zaleca się używanie oprogramowania przeznaczonego do kodowania (łatwiej jest czytać, znajdować i pisać kod). Osobiście używam Sublime Text 3.
Samouczek Spis treści
Poniżej znajdują się bezpośrednie linki do wszystkich 12 lekcji tego samouczka; jednak na końcu każdej lekcji znajdziesz linki nawigacyjne do następnej lub poprzedniej lekcji, więc nie musisz tu wracać.
Bez zbędnych ceregieli zacznijmy! Jeśli masz już lokalną konfigurację programistyczną WordPress, przejdź od razu do Części 1: Wprowadzenie.
-
Krok 0.5 w samouczku motywu WordPress dla początkujących obejmuje konfigurację lokalnego środowiska programistycznego za pomocą WAMP lub XAMPP i instalację WordPressa.
-
Samouczek motywu WordPress dla początkujących – część 1: Wprowadzenie
W tej lekcji zaczniesz uczyć się, jak WordPress ładuje zawartość w zależności od strony, na której jesteś, oraz hierarchii plików szablonów motywów. Dowiesz się również, co jest potrzebne do prawidłowego motywu. A na koniec w końcu stworzymy nasz motyw i go aktywujemy.
-
Samouczek motywu WordPress dla początkujących – część 2: Szablony
Ta lekcja nauczy Cię, jak uporządkować główne szablony budynków w motywie WordPress. Zaczniemy tworzyć najważniejsze szablony.
-
Samouczek motywu WordPress dla początkujących – część 3: Dynamiczna zawartość
W tej lekcji samouczka motywu WordPress dla początkujących dowiemy się o haczykach w WordPressie i dodamy kilka haczyków w naszym motywie, które są wymagane, aby motyw działał poprawnie z WordPress i wtyczkami. W naszym nagłówku zaczniemy również uzyskiwać dostęp do dynamicznych treści z WordPressa, takich jak automatyczne pobieranie aktualnego tytułu strony.
-
Samouczek motywu WordPress dla początkujących – część 4: Pętla postu
W tej lekcji samouczka motywu WordPress dla początkujących omówimy szczegółowo „pętlę postów" w WordPress; co to jest, jak wygląda, dlaczego jej używamy i jak uzyskać dostęp do postów. Następnie zajmiemy się implementacją pętla w naszym motywie.
-
Samouczek motywu WordPress dla początkujących – Część 5: Dostęp do informacji o wpisie
Ta lekcja samouczka motywu WordPress dla początkujących będzie dotyczyć tego, jak możemy uzyskać dostęp do informacji, takich jak link, tytuł i inne, z każdego postu, gdy znajduje się w pętli postów. Robimy to za pomocą tagów szablonów. W procesie dodamy również szablony pojedynczego widoku do naszego motywu.
-
Samouczek motywu WordPress dla początkujących – część 6: Funkcje motywu.php
Dziś dowiemy się, gdzie i jak dodać kod poza szablonami w naszym motywie. Robimy to, dodając plik functions.php motywu. Po drodze nauczymy się również, jak prawidłowo dodawać arkusze stylów i skrypty.
-
Samouczek motywu WordPress dla początkujących – część 7: Konfiguracja motywu i polecane obrazy
Ta lekcja jest kontynuowana przez dodanie podstawowego, wymaganego kodu do skonfigurowania motywu WordPress. Uczymy się dodawać podpory motywów i filtrować tytuł strony głównej.
-
Samouczek motywu WordPress dla początkujących – część 8: Tłumaczenie
Dowiadujemy się, jak działa tłumaczenie (lub i18n) w WordPressie i jak sprawić, by teksty można było tłumaczyć. Zawiera również przewodnik dotyczący używania PoEdit do generowania plików .po.
-
Samouczek motywu WordPress dla początkujących – część 9: Menu i obszary widżetów
Ta lekcja opisuje, jak dodać dwie podstawowe funkcje WordPress do naszego motywu; menu i obszary widżetów. Dowiadujemy się, jak zarejestrować lokalizację głównego menu nawigacyjnego witryny i wyświetlić menu w naszych szablonach, a także umożliwić dodawanie widżetów w naszym pasku bocznym i obszarze stopki.
-
Samouczek motywu WordPress dla początkujących – część 10: Dodawanie większej liczby szablonów
W tej lekcji samouczka motywu WordPress dla początkujących zagłębimy się w szablony. Dowiemy się o częściach szablonu i zaimplementujemy go do ponownego użycia. Do naszego motywu dodamy więcej domyślnych szablonów WordPressa.
-
Samouczek motywu WordPress dla początkujących – Część 11: Niestandardowe szablony stron
W tej lekcji samouczka motywu WordPress dla początkujących dowiemy się o szablonach stron, czym one są, jak je tworzyć i najlepszych praktykach. Jako przykład stworzymy szablon o pełnej szerokości. Po drodze dodajemy również klasę do treści, pytając, czy strona używa określonego szablonu strony.
-
Samouczek motywu WordPress dla początkujących – część 12: Niestandardowe zapytanie post
W tej ostatniej lekcji nauczymy się pisać własne zapytanie o posty i przechodzić przez nie bez przerywania pętli nadrzędnej w szablonie. Stworzymy część szablonu dla pojedynczych postów, która pokazuje powiązane posty w tej samej kategorii.
-
Samouczek motywu WordPress dla początkujących – wnioski i kolejne kroki
Kończymy ten samouczek motywu WordPress dla początkujących, robiąc krótkie podsumowanie tego, czego się nauczyliśmy. Zobacz, co możesz zrobić dalej i jak poprawić się jako programista WordPress Theme.