Jak dostosować motyw WordPress

WordPress ma wbudowane różne motywy. W niektórych przypadkach standardowe motywy dobrze sprawdzają się w wyglądzie i stylu Twojej witryny, ale w innych możesz chcieć bardziej spersonalizowany wygląd. Innymi słowy, chcesz dostosować swoją witrynę.

Opcje dostosowywania motywu WordPress różnią się w zależności od tego, co chcesz zmienić i Twojego technicznego know-how. W tym artykule skupimy się na różnych sposobach wprowadzania zmian w witrynie, aby wyglądała i działała tak, jak chcesz. Kluczem do sukcesu jest znalezienie odpowiedniej dla siebie opcji.

Co kontroluje twój motyw WordPress?

Wiedza o tym, jakie elementy sterujące motywem WordPress jest dobrym miejscem do rozpoczęcia, gdy myślisz o dostosowaniach. Motywy wpływają na sposób wyświetlania witryny i jej zawartości. Obejmuje to takie funkcje, jak czcionki, kolory, układ witryny, lokalizacje widżetów i styl postów lub archiwów, a także inne szczegóły dotyczące stylu.

Określ, dlaczego chcesz dostosować swój motyw WordPress

Zanim zaczniesz wprowadzać zmiany w swoim motywie, ważne jest, aby zidentyfikować przyczynę tego pragnienia. Jeśli szukasz prostych modyfikacji wyglądu swojej witryny, możesz to zrobić za pomocą funkcji zapewnianych przez WordPress.

Jeśli brakuje funkcji, to tym, czego szukasz, jest odpowiednia wtyczka. Wtyczki to oprogramowanie, które rozszerza możliwości Twojej witryny. WordPress ma dużą bazę dostępnych wtyczek, więc przeglądanie opcji jest dobrym pomysłem. Niektóre funkcje funkcjonalne, które można dodać za pomocą odpowiedniej wtyczki, obejmują integrację z mediami społecznościowymi, optymalizację pod kątem wyszukiwarek (SEO) i dodawanie większej liczby widżetów.

Wtyczki można znaleźć, przechodząc do pulpitu WordPress i szukając kategorii „Wtyczka”. Tam możesz wyszukać te, które odpowiadają Twoim potrzebom.

Środki ostrożności, które należy podjąć przed dostosowaniem motywu

Spędziłeś dużo czasu na tworzeniu swojej witryny, więc ostatnią rzeczą, którą chcesz zrobić, to uszkodzić ją podczas wprowadzania zmian. Nie powinno być żadnych obaw, jeśli wprowadzasz zmiany za pomocą funkcji zapewnianych przez WordPress, ale mimo to postępuj ostrożnie. Zaleca się wprowadzanie zmian pojedynczo, aby można było łatwo przywrócić oryginał, jeśli efekt Ci się nie podoba.

Jeśli korzystasz z bardziej zaawansowanych opcji, które omówimy w dalszej części artykułu, zalecamy korzystanie z lokalnej wersji deweloperskiej witryny. Robiąc to, będziesz go chronić i będziesz mógł dostosować swoje zmiany przed ich pełnym wdrożeniem. Powinieneś również skorzystać z witryny tymczasowej, aby przetestować funkcjonalność swoich zmian przed ich oficjalnym uruchomieniem.

Kiedy dostosowujesz swój motyw na poziomie zaawansowanym, tworzysz jego kolejną wersję. Tutaj wkracza właściwa kontrola wersji. Niezależnie od tego, czy po prostu numerujesz każdą wersję, czy korzystasz z usługi ułatwiającej ich śledzenie, musisz być w stanie zabezpieczyć to, co działa w Twojej witrynie. Jeśli zmodyfikujesz motyw i odkryjesz usterki, przywrócenie oryginalnego motywu powinno być łatwe.

Jak korzystać z funkcji dostosowywania WordPressa

W przypadku prostych zmian motywów, takich jak kolory, czcionki i układy widżetów, powinieneś wypróbować funkcję dostosowywania motywu WordPress. Po zalogowaniu się w witrynie możesz uzyskać dostęp do pulpitu nawigacyjnego i linku „Dostosuj”. W tej kategorii zobaczysz opcję modyfikacji wyglądu swojej witryny za pomocą narzędzia WordPress Customizer. Tutaj dowiesz się, jakie są możliwości dostosowania motywu, którego używasz.

Niektóre motywy mają więcej opcji niż inne, ale ostatnio WordPress zawiera motywy, które mają szeroką gamę możliwych dostosowań. Zalecamy, aby najpierw wypróbować tę trasę. Chociaż jest to dość prosta poprawka, może dać ci projekt, którego szukasz.

Szukając sposobów na zmianę motywu, możesz również natknąć się na tak zwany „Edytor motywów” w kategorii „Wygląd”. Ta opcja zapewnia bezpośredni dostęp do plików w motywie, dzięki czemu można je edytować. Brzmi dokładnie tak, jak potrzebujesz, ale istnieją dwa ważne powody, dla których zaleca się pozostawienie go w spokoju.

Po pierwsze, jeśli używasz motywu innej firmy, wszelkie wprowadzone zmiany zostaną utracone przy następnej aktualizacji. Motywy i inne aspekty Twojej witryny będą od czasu do czasu aktualizowane, aby zapewnić bezpieczeństwo i zgodność witryny z WordPress. Nie zaleca się rezygnacji z aktualizacji, więc utrata zmian byłaby nieunikniona.

Po drugie, nawet jeśli jesteś biegły w projektowaniu stron internetowych i znasz się na CSS lub PHP, wszystko może pójść nie tak. Jeśli korzystasz z edytora motywów, zmiany w plikach mogą całkowicie zepsuć Twoją witrynę. Ponieważ dokonałeś zmian bezpośrednio w motywie, oryginalna wersja nie istniałaby i nie byłoby możliwości powrotu do niezmodyfikowanej witryny.

Jeśli chcesz edytować swój motyw na podstawowym poziomie, najlepszym rozwiązaniem jest edytor kodu. W przypadku motywów innych firm zalecane jest użycie motywu podrzędnego. Więcej o tych opcjach dowiesz się w dalszej części.

Jak korzystać z Kreatora Stron, aby dostosować swój motyw

To kolejna łatwa w użyciu opcja, która pomaga dostosować motyw WordPress. Kreator stron to wtyczka, którą instalujesz na podstawie używanego motywu. Wtyczka musi być zgodna z Twoim motywem, więc upewnij się, że przeprowadzasz badania, aby wszystko przebiegało płynnie.

Kiedy korzystasz z wtyczki do tworzenia stron, zobaczysz funkcje przeciągania i upuszczania, które ułatwiają uzyskanie naprawdę spersonalizowanego wyglądu. Poruszając się, uzyskasz obraz w czasie rzeczywistym, jak będzie wyglądać Twoja witryna i jej zawartość, gdy skończysz. Kreatory stron są dobrym rozwiązaniem, ponieważ oferują większą elastyczność, ale nadal są przyjazne dla użytkownika.

Jak korzystać z frameworka, aby dostosować swój motyw?

Frameworki są alternatywą dla programów budujących strony, ale generalnie są równie łatwe w użyciu. Dzięki frameworkowi będziesz mieć kilka motywów, które zostały zgrupowane. W tej grupie jest główny motyw znany jako framework. Inne motywy w grupie są nazywane motywami potomnymi.

Zmieniając motyw potomny powiązany z ramą, możesz dostosować wygląd ogólnego motywu. Jeśli chcesz zmodyfikować motywy potomne, istnieją programy, które pozwolą ci to zrobić. Podobnie jak opcja kreatora stron, te motywy frameworka mają również interfejs przeciągania i upuszczania.

Jak korzystać z kodowania, aby dostosować swój motyw

Dostosowywanie motywu WordPress na poziomie kodu to najbardziej zaawansowana dostępna opcja. To także ta, która daje Ci największą kontrolę nad tym, jaki będzie Twój gotowy produkt. Oczywiście nie powinieneś tego próbować, chyba że jesteś biegły w edycji CSS lub PHP. Jeśli nie, najlepiej będzie trzymać się opcji omówionych powyżej.

Jeśli Twoja witryna korzysta z utworzonego przez Ciebie motywu, możesz wprowadzić zmiany w pliku i ponownie wczytać witrynę. Sprawy są nieco bardziej skomplikowane, jeśli używasz motywu innej firmy. Tutaj przydałoby się stworzenie motywu potomnego. Ale najpierw zaczynamy od podstaw.

Podstawą każdego motywu WordPress jest arkusz stylów oznaczony jako style.css. To tam znajdziesz cały kod związany z czcionkami, wyświetlaczem, układem i nie tylko. Aby zmienić konkretny element, musisz znaleźć odpowiedni dla niego kod w arkuszu stylów.

Kiedy szukasz kodu do zmiany, musisz bardzo sumiennie szukać. Niektóre elementy faktycznie czerpią swoją stylizację z innych, które są nad nimi w hierarchii. Aby skutecznie dostosować motyw, musisz upewnić się, że modyfikujesz właściwy kod.

Aby znaleźć źródło CSS elementu, użyj inspektora przeglądarki. Na przykład Google Chrome ma funkcję DevTools, która będzie pomocna.

Jeśli bardziej interesuje Cię dostosowywanie funkcji, takich jak widżety i polecane obrazy, szukasz pliku funkcji. Przyjmuje to format functions.php. Modyfikując ten plik, będziesz mógł dokonać zmian w ogólnej funkcji swojego motywu.

Jednak przed wprowadzeniem tych zmian zastanów się, czy chcesz zastosować te zmiany tylko do bieżącego motywu, czy ogólnie do witryny. Jeśli uważasz, że chcesz mieć tę funkcję niezależnie od używanego motywu, zalecamy zamiast tego utworzenie wtyczki. W ten sposób zawsze możesz skorzystać z tej funkcji.

Innym plikiem, który możesz zmodyfikować, jest szablon motywu. Motywy WordPress wykorzystują szablony do określenia, w jaki sposób treść jest umieszczana na danej stronie zgodnie z hierarchią szablonów. Aby wprowadzić zmiany w wyglądzie stron i treści, możesz dostosować istniejące pliki PHP, aby utworzyć własne. Może to być jednak trudne, więc upewnij się, że korzystasz z lokalnej lub tymczasowej witryny, aby uniknąć uszkodzenia witryny.

Ostatnią rzeczą, którą zajmiemy się, jest użycie motywów podrzędnych, gdy trzeba dostosować motyw innej firmy. Generalnie jest to czteroetapowy proces.

1. Musisz utworzyć nowy folder w wp-content/themes.
2. Utwórz arkusz stylów w tym folderze i poinformuj WordPress, że jest to motyw podrzędny aktualnie używanego motywu.
3. Umieść kopie plików motywów, które chcesz edytować w tym arkuszu stylów i dokonaj edycji.
4. Aktywuj nowy motyw podrzędny w swojej witrynie.

Powinieneś zobaczyć zmiany, które chcesz, gdy motyw potomny zostanie aktywowany. Dzieje się tak, ponieważ WordPress zwykle używa informacji z motywu potomnego, chyba że w motywie nadrzędnym znajduje się inny plik, który znajduje się wyżej w hierarchii. Ponadto, jeśli istnieją dwie wersje, WordPress preferuje motyw potomny. Oznacza to, że nowo przesłany motyw podrzędny zastąpi plik motywu nadrzędnego.

Jak wspomniano wcześniej, modyfikacja kodu motywu powinna być ostatecznością. Nawet jeśli podejmiesz niezbędne środki ostrożności wymienione na początku tego artykułu, wszystko może pójść nie tak. Zawsze powinieneś najpierw wypróbować inne dostępne opcje.

Inne czynniki, które należy wziąć pod uwagę podczas dostosowywania motywu WordPress

Dostosowując motyw WordPress, musisz pomyśleć o czymś więcej niż o tym, co sprawia, że ​​będzie on dla Ciebie działał. Dwie inne kwestie to responsywność motywu i upewnienie się, że jest on nadal dostępny dla wszystkich użytkowników.

Reakcja na coś

Odnosi się to do łatwości, z jaką Twoja witryna zmienia wygląd i funkcjonalność w zależności od urządzenia, z którego uzyskujesz do niej dostęp. Podczas dostosowywania motywu WordPress musisz upewnić się, że nie wpłynęło to negatywnie na responsywność witryny.

Należy zwrócić uwagę na responsywność, ponieważ coraz więcej osób korzysta z tabletów lub telefonów komórkowych, aby uzyskać dostęp do informacji online. Jeśli Twoja witryna nie jest responsywna, wpłynie to na ruch w sieci, a także na rankingi w wyszukiwarkach. Wprowadzanie zmian w motywie nie będzie pomocne, jeśli stracisz użytkowników.

Dostępność

Twoja strona internetowa musi być nie tylko responsywna, ale także dostępna dla osób niepełnosprawnych lub wrażliwych na elementy sensoryczne. Oznacza to, że należy unikać zbyt jasnych kolorów, zbyt małych czcionek lub stylu trudnego do nawigowania przez te osoby.

Jeśli nie masz pewności, jak określić dostępność witryny, dobrym rozwiązaniem jest dobre narzędzie do sprawdzania dostępności. W razie potrzeby możesz znaleźć przydatne narzędzia online.

Wniosek

Dostosowywanie motywu WordPress może być proste lub złożone. Wybrana trasa zależy od zmian, które chcesz wprowadzić, a także od Twoich umiejętności. Przed dostosowaniem upewnij się, że wybrałeś najbardziej odpowiednią opcję i podejmij niezbędne środki ostrożności, aby zabezpieczyć swoją witrynę. Ważne jest również, aby wybrać odpowiednie narzędzia do tego, co chcesz osiągnąć.

Spersonalizowany projekt to świetny pomysł, ale nie rób tego kosztem współczynnika konwersji i rankingu w wyszukiwarkach. Zawsze należy sprawdzić, czy wprowadzone zmiany nie wpłynęły na działanie witryny.