Jak utworzyć motyw WordPress za pomocą lokalnego

Opublikowany: 2024-02-09

Do wyboru są tysiące motywów WordPress, od wielofunkcyjnych po niszowe. Czasami jednak jedynym sposobem, aby Twoja witryna wyglądała dokładnie tak, jak chcesz, jest utworzenie własnego motywu.

Utworzenie motywu WordPress jest całkowicie wykonalne, nawet jeśli nie masz dużego doświadczenia w tworzeniu stron internetowych. Musisz tylko dowiedzieć się, jakich plików wymaga Twój motyw i gdzie je umieścić. Następnie będziesz wprowadzać zmiany w kodzie, aż wszystko będzie działać tak, jak chcesz.

W tym artykule przedstawimy Ci tworzenie motywów WordPress i narzędzia potrzebne do rozpoczęcia. Pokażemy Ci również, jak w czterech krokach utworzyć podstawowy motyw WordPress. Wskoczmy!

Wprowadzenie do tworzenia motywów WordPress

Motywy WordPress to szablony, które wpływają na wygląd i układ Twojej witryny. Oto przykład witryny WordPress korzystającej z domyślnego motywu Twenty Seventeen:

zrzut ekranu strony internetowej z motywem dwudziestu siedemnastu WordPress w środowisku piaskownicy

Oto ta sama witryna, ale tym razem wykorzystująca popularny motyw Stout:

zrzut ekranu przedstawiający witrynę z motywem WordPress w środowisku piaskownicy

Dzięki odpowiedniemu motywowi możesz sprawić, że Twoja witryna WordPress będzie wyglądać tak, jak chcesz, bez konieczności wprowadzania zmian w jej kodzie. Jeśli jednak żaden motyw nie odpowiada Twoim wymaganiom, możesz także stworzyć własny. Zaletą tego podejścia jest to, że masz pełną kontrolę nad wyglądem swojej witryny i funkcjonalnością motywu.

Aby stworzyć własny motyw, będziesz potrzebować przynajmniej podstawowego doświadczenia w tworzeniu stron internetowych. Nie musisz być profesjonalistą, ale jeśli nie masz ogólnej wiedzy na temat HTML, PHP i CSS, proces ten może być frustrujący.


Zdobądź motywy Genesis Framework i StudioPress za darmo!

Kiedy hostujesz swoje witryny na WP Engine, będziesz mieć dostęp do premium motywów WordPress (w tym Genesis!). To mnóstwo wartości na początek; dowiedz się więcej tutaj.


Podobnie utworzenie motywu i sprawienie, by wszystko wyglądało i działało prawidłowo, może zająć trochę czasu. Dlatego też decyzja o utworzeniu własnego motywu zależy od tego, czy Twoja witryna skorzystałaby na zastosowaniu motywu niestandardowego. Powinieneś także rozważyć, jak szybkie i opłacalne byłoby utworzenie własnego motywu w porównaniu z użyciem istniejącego.

Na koniec warto wziąć pod uwagę, że wiele osób całkiem nieźle utrzymuje się z tworzenia motywów WordPress. To bardzo konkurencyjna dziedzina biznesu, ale kto powiedział, że nie można stworzyć zwycięzcy i czerpać zysków ze swojej pracy?

Dlaczego potrzebujesz lokalnej konfiguracji WordPress do tworzenia motywów

Aby skonfigurować i przetestować niestandardowy motyw, będziesz potrzebować instalacji WordPress. Najlepszym sposobem na osiągnięcie tego jest użycie środowiska lokalnego z następujących powodów:

  • Jest bardziej wydajny. Dzięki lokalnej konfiguracji WordPress czasy ładowania prawie nie istnieją i nie musisz przesyłać plików na serwer zewnętrzny.
  • Jest to bezpieczniejsze niż korzystanie ze środowiska na żywo. Tworzenie stron internetowych zawsze wiąże się z wieloma próbami i błędami, dlatego warto robić to w bezpiecznym, lokalnym środowisku.
  • Można utworzyć wiele środowisk testowych. Uruchamianie wielu witryn WordPress jest znacznie łatwiejsze w przypadku konfiguracji lokalnej.
  • Możesz skorzystać ze specjalistycznego oprogramowania. Istnieje wiele aplikacji, których możesz użyć do przyspieszenia lokalnego rozwoju WordPressa, takich jak Local, bezpłatne narzędzie do lokalnego programowania dla komputerów Mac, Windows i Linux.

Dzięki Local możesz skonfigurować dowolną liczbę witryn WordPress za pomocą zaledwie kilku kliknięć. Otrzymujesz także dostęp do prostego pulpitu nawigacyjnego, w którym możesz zarządzać wszystkimi swoimi witrynami testowymi.

Co ważniejsze, możesz skonfigurować każdą lokalną witrynę internetową. Oznacza to, że możesz używać różnych wersji PHP, MySQL i NGINX lub Apache. Możesz także zapisać niektóre swoje witryny jako „plany”, aby móc je ponownie wykorzystać później.

Jak utworzyć motyw WordPress za pomocą lokalnego (w 4 krokach)

W tym samouczku pokażemy, jak skonfigurować lokalne środowisko WordPress do tworzenia motywów, nauczymy Cię o wszystkich potrzebnych plikach i pokażemy, jak je przetestować. Chodźmy do pracy!

1. Użyj lokalnego, aby skonfigurować witrynę WordPress

Pierwszą rzeczą, którą musisz zrobić, to pobrać aplikację Local za darmo. Gdy już to zrobisz, zainstaluj aplikację. Pamiętaj, że może to zająć kilka minut, ponieważ lokalny musi skonfigurować oprogramowanie maszyny wirtualnej, aby działało. Gdy usługa Local będzie już gotowa, pojawi się monit o utworzenie nowej witryny:

zrzut ekranu lokalnego wp utwórz nową witrynę

Kliknij na nią, a zostaniesz poproszony o wybranie nazwy swojej witryny:

zrzut ekranu przedstawiający lokalną nazwę wp i monit o nazwę Twojej witryny

Możesz zauważyć, że jest tam również zakładka Advanced Options . Jeśli go klikniesz, będziesz mógł edytować domenę swojej witryny lokalnej, wybrać katalog główny i zdecydować, czy chcesz użyć planu.

Na razie możesz edytować domenę i katalog swojej witryny. omówimy później, jak korzystać z planów. Kiedy będziesz gotowy, kliknij przycisk Continue w prawym dolnym rogu.

Na następnej stronie będziesz mieć możliwość użycia domyślnego środowiska WordPress Local dla swojej witryny. Opcja Preferred obejmuje najnowsze wersje PHP i MySQL i wykorzystuje kombinację nginx + Varnish dla Twojego serwera:

zrzut ekranu przedstawiający monit o konfigurację preferowanej opcji lokalnego serwera wp

Możesz także wybrać opcję Custom , która umożliwia zmianę wszystkich wspomnianych wcześniej ustawień:

zrzut ekranu przedstawiający monit dotyczący konfiguracji niestandardowego środowiska lokalnego serwera wp

Ogólnie rzecz biorąc, korzystanie z najnowszych wersji PHP i MySQL jest zawsze dobrym rozwiązaniem. Jeśli jednak używasz lokalnego do skonfigurowania witryny przejściowej, może być konieczne użycie starszych wersji tego oprogramowania do emulacji działającego serwera.

W tym samouczku pozostańmy przy Preferred konfiguracji, wybierz ją i kliknij Continue . Będziesz teraz mógł wybrać nazwę użytkownika, hasło i adres e-mail administratora oraz wybrać, czy włączyć obsługę wielu witryn:

zrzut ekranu przedstawiający lokalną rejestrację wp w nowej witrynie, monit na wielu serwerach

Pamiętaj, że domyślna poczta e-mail skonfigurowana dla Ciebie lokalnie umożliwia sprawdzanie wiadomości z poziomu aplikacji, dlatego zaleca się jej trzymanie. Kliknij ponownie Continue i poczekaj, aż lokalny pobierze i skonfiguruje wszystkie zależności potrzebne dla Twojej witryny. Gdy to zrobisz, informacje o Twojej witrynie zostaną wyświetlone po prawej stronie i będziesz mógł przejść do kroku drugiego.

2. Skonfiguruj nowy katalog motywów

Teraz, gdy Twoja lokalna witryna WordPress jest już gotowa, możesz uzyskać do niej dostęp tak samo, jak do zwykłej witryny, korzystając ze skonfigurowanego adresu URL. Możesz także kliknąć ustawienie Admin w prawym górnym rogu, aby przejść bezpośrednio do pulpitu nawigacyjnego:

zrzut ekranu przedstawiający lokalne opcje konfiguracji wp

Na razie jednak musisz uzyskać dostęp do folderu głównego witryny lokalnej, w którym znajdują się wszystkie pliki WordPress. Aby ją znaleźć, spójrz bezpośrednio pod tytuł swojej witryny, u góry ekranu lokalnego. Powinien tam znajdować się katalog i strzałka, którą możesz kliknąć po prawej stronie.

Kliknięcie tej strzałki spowoduje otwarcie katalogu w eksploratorze plików. Wejdź do środka, a następnie otwórz folder app/public, aby znaleźć pliki WordPress:

zrzut ekranu plików komputerowych wp-admin folderów publicznych

Jeśli kiedykolwiek korzystałeś z witryny WordPress za pomocą klienta FTP, powinno to wyglądać bardzo znajomo. Przejdź do katalogu wp-content/themes , w którym powinieneś zobaczyć trzy foldery. Oto domyślne motywy, które WordPress instaluje na nowych stronach:

zrzut ekranu folderu motywów plików lokalnych komputera

Śmiało, utwórz nowy folder. Nadaj mu nazwę, której chcesz używać w swoim motywie:

zrzut ekranu przedstawiający folder plików lokalnych komputera test-themes

Folder jest naturalnie pusty. W następnej kolejności dodamy trochę treści.

3. Utwórz pliki układu motywu

Podstawowy motyw WordPress wymaga do działania tylko dwóch plików: index.php i style.css . Twój plik index.php odpowiada Twojej stronie głównej WordPress, która pokazuje wszystkie Twoje najnowsze posty na blogu i czerpie swój styl z style.css . Przejdźmy dalej i utwórzmy teraz oba pliki:

zrzut ekranu plików lokalnych komputera, folder indeksu motywów testowych

Obydwa pliki nie zawierają obecnie żadnego kodu, więc zmieńmy to. Najpierw otwórz plik style.css i dodaj krótki opis swojego motywu:

 /* Theme Name: Test Theme Author: John Doe Description: A basic WordPress theme Version: 0.0.1 Tags: bootstrap */

Powtórz ten sam proces z index.php , chociaż kod tego jest nieco bardziej złożony:

<a href="index.php?p=”>


To mniej więcej tak podstawowy układ, jak tylko możesz. W tym kodzie wywołujemy skonfigurowany wcześniej plik style.css , wyświetlamy tytuł Twojego bloga i korzystamy z „pętli” WordPress. Jeśli nie wiesz, pętla to nazwa kodu używanego przez motyw do wyświetlania postów, a jej rzeczywista struktura może się znacznie różnić w zależności od motywu.

Zapisz teraz zmiany w obu plikach i przejdź do pulpitu nawigacyjnego WordPress. Przejdź do karty Appearance > Themes i zwróć uwagę na nowy motyw czekający w środku:

zrzut ekranu panelu motywów wyglądu wordpress

Aktywuj go od razu i sprawdź swoją stronę główną:

zrzut ekranu URL aktywuj podgląd motywów

Jeśli chodzi o strony główne, nie zdobędzie ona żadnych nagród. Jednak ważne jest, abyś miał fundament, na którym możesz zbudować resztę swojego motywu. Następnym krokiem powinno być użycie pliku style.css w celu dodania charakteru motywowi.

Kiedy już wszystko będzie trochę ładniejsze, będziesz chciał popracować nad bardziej złożonym układem. Na przykład możesz dodać do swojego motywu paski boczne i stopki, a także plik header.php.

Jeśli nie masz pewności, jaki kształt ma przyjąć Twój motyw, zalecamy przyjrzenie się bliżej niektórym motywom startowym WordPress. Są bardzo proste z wizualnego punktu widzenia, ale zawierają wszystkie funkcje, których potrzebuje nowoczesna witryna internetowa.

4. Przetestuj swój motyw WordPress

Zanim będziesz mógł użyć swojego motywu w działającej witrynie, warto go dokładnie przetestować. Szybki przegląd wizualny ujawni większość błędów, ale to zwykle nie wystarczy. Możesz także użyć wtyczek, takich jak Theme Check, które sprawdzają Twój motyw, aby upewnić się, że spełnia standardy recenzji WordPress.

zrzut ekranu wtyczki sprawdzającej motyw

Standardy recenzji motywów są ważne tylko wtedy, gdy chcesz opublikować swój motyw na WordPress.org. Nawet jeśli nie planujesz publikować swojego motywu publicznie, standardy te nadal stanowią dobrą miarę do pomiaru Twojego motywu.

Wniosek

Jeśli masz podstawową wiedzę na temat tworzenia stron internetowych, nic nie stoi na przeszkodzie, aby stworzyć własny motyw WordPress. Chociaż może to zająć trochę czasu, może być warte wysiłku. Ponadto zapewnia znacznie większą kontrolę nad wyglądem witryny.

Podsumowując, cztery podstawowe kroki tworzenia motywu WordPress przy użyciu lokalnego to:

  1. Użyj opcji Local, aby skonfigurować witrynę WordPress.
  2. Skonfiguruj nowy katalog motywów.
  3. Utwórz pliki układu motywu.
  4. Przetestuj swój motyw WordPress.

Chcesz dowiedzieć się więcej? Odwiedź WP Engine, aby dowiedzieć się więcej o naszym wysokiej jakości hostingu WordPress, lokalnym rozwoju WordPress i naszym rosnącym zestawie narzędzi dla nowoczesnego programisty WordPress.