W tym samouczku pokażę Ci, jak wybrać odpowiedni szablon dla swojej witryny. Porównam motywy bezpłatne/płatne, responsywność, SEO, prostotę, kompatybilność i wiele innych kryteriów. Wszystko to na prawdziwym przykładzie.
Wybrałem więc nazwę domeny i odpowiedni hosting WordPress . Właśnie zainstalowałem WordPress i widzę domyślny szablon WP na mojej stronie internetowej. Warto zdać sobie sprawę, że ogólny wygląd (design) strony internetowej zależy od wybranego motywu.
Większość szablonów WordPress zawiera predefiniowane kolory i czcionki tekstu, rozmieszczenie elementów i widżetów oraz wiele innych szczegółów i stylów, które razem wpływają na wygląd witryny.
Najlepszą rzeczą w motywach WP jest to, że przy odrobinie szczęścia możesz uzyskać świetny wygląd swojej witryny bez konieczności pisania ani jednej linii kodu.
Uważam, że wybór szablonu WordPress jest ważną rzeczą. Usiadłem więc i pomyślałem o tym, czego właściwie oczekuję od przyszłego motywu WP. Poniżej wymieniam główne obszary wymagań , na których się skupiłem.
Bezpłatne vs. płatny szablon WordPress
Na początek zastanów się czy i ile chciałbyś zainwestować w szablon . Sprawdź swój budżet i wybierz odpowiednio. Jednocześnie należy pamiętać o tym fakcie przy podejmowaniu decyzji: nie wszystkie płatne motywy to doskonałe produkty i nie wszystkie darmowe motywy to produkty niskiej jakości . Biorąc to pod uwagę, możesz znaleźć świetne darmowe szablony WordPress i okropne płatne szablony.
Czasami, ponieważ szablony są bezpłatne, autorzy nie mają na nie wystarczająco dużo czasu. Oznacza to, że wiele darmowych szablonów nie jest aktualizowanych na czas . Dlatego w pewnym momencie utkniesz. Sam WordPress jest często aktualizowany i istnieje duże prawdopodobieństwo, że Twój motyw nie będzie działał po aktualizacji. Istnieją również darmowe szablony WP, dla których nie znajdziesz pomocy i wsparcia . Więc będziesz musiał sam sobie z tym poradzić.
Wskazówka: Mam doskonałe doświadczenie z następującymi motywami WordPress : szablon Divi i Avada . Są bardzo elastyczne i nadal łatwe w konfiguracji nawet dla początkujących.
Reakcja na coś
Przyjmuję to za oczywistość. Ponad 50% moich wizyt pochodzi z urządzeń mobilnych i tabletów, a liczba ta ma w przyszłości wzrosnąć. Aby wybrać szablon WordPress , przetestowałem adeptów , powiększając/zmniejszając okno przeglądarki lub korzystając z narzędzia Google Resizer .
Jeśli posiadasz tablet i telefon komórkowy, polecam przetestować szablony demonstracyjne również bezpośrednio na tych urządzeniach . Z własnego doświadczenia wiem, że w niektórych przypadkach szablon może zachowywać się zupełnie inaczej na prawdziwym urządzeniu mobilnym niż wtedy, gdy staramy się imitować takie urządzenie na komputerze. Przyczyną może być technologia i podejście, w jakim szablon jest zaprogramowany (w szczególności przyczyną może być np. inny system operacyjny urządzenia – Android/iOs/Windows Phone…).
Obsługa przeglądarki
W tym miejscu spełnię pierwszą prośbę. Oprócz różnych typów urządzeń , pożądane jest przetestowanie szablonów demonstracyjnych na różnych typach przeglądarek – Chrome, Firefox, Safari i Internet Explorer. Alternatywnie możesz przetestować szablon w innych, rzadziej używanych przeglądarkach, takich jak Opera i tym podobne. Dlatego polecam wybierać szablon WordPress , mając to na uwadze.
projektowanie stron
Projektowanie stron internetowych to kwestia czysto emocjonalna. Teoretycznie powinieneś wybrać szablon WordPress w zależności od rodzaju bloga i odbiorców. Traktuję ją jednak jako swoją stronę, na którą będę zaglądał praktycznie codziennie, więc chcę, żeby była przyjemna dla mojego oka.
Należy pamiętać, że projekt strony internetowej zawsze powinien być uzależniony od poziomu użyteczności witryny dla odwiedzających (tzw. UX – „user Experience”). Oznacza to, że nie ma nic złego w posiadaniu pięknego projektu, jeśli powoduje on, że odwiedzający Twoją witrynę są zdezorientowani, zagubieni, zdezorientowani i nieświadomi korzystania z Twojej witryny. Dlatego dostosowuję do tego wybór szablonu WordPress .
Specjalnie na potrzeby mojego bloga na prośbę poprosiłem o boczne menu przewijane , ponieważ po prostu je uwielbiam. Następnie wyobraziłem sobie minimalistyczny projekt i listę artykułów na stronie głównej w formie wyglądu muru lub wyglądu siatki (siatki) z wieloma rozmiarami bloków:
Funkcjonalność szablonu
Tutaj przedstawię kilka wymagań dotyczących szablonów WordPress , które możesz mieć i które warto znać przed wybraniem szablonu:
1. Wsparcie wielojęzyczności
Jeśli planujesz wielojęzyczną stronę internetową, szablon powinien wspierać wielojęzyczność, a konkretnie na przykład wtyczkę wpml lub Polylang . Osobiście używam wpml , który z powodzeniem wdrożyłem już na kilku stronach internetowych. Z drugim nie mam jeszcze doświadczenia, ale obydwa mają dobre referencje. Zalecam rozważenie możliwości wielojęzyczności w przyszłości przy wyborze szablonu WordPress .
2. Wsparcie e-sklepu (rozwiązania „eCommerce”)
Jeśli planujesz umieścić e-sklep, należy to wziąć pod uwagę przy wyborze szablonu WordPress . Upewnij się, że szablon obsługuje tę opcję. Konkretnie powinien obsługiwać np. najbardziej rozpowszechnione rozwiązanie e-sklepowe dla WordPress – wtyczkę woocommerce .
3. Obsługa znaków słowackich
Na to też trzeba uważać. Czcionka szablonu może nie obsługiwać naszych typowych słowackich „hieroglifów” i wtedy może się to skończyć podobnie katastrofalnie jak przy otwieraniu Instagrama na komputerze: Miejmy nadzieję, że chłopaki z Instagrama naprawią to jak najszybciej i że wygramy też o tym nie zapomnij. Najlepszym sposobem przetestowania naszego potencjalnego szablonu byłoby wstawienie pangramu w celu przetestowania słowackich znaków diakrytycznych. Najlepiej umieścić go w swoich nagłówkach, podtytułach, tekście i widżetach. I to także w wersji pisanej wielkimi literami.
Niestety często nie mamy możliwości przetestowania tego przed zainstalowaniem szablonu. Może również wyświetlać nieprawidłowe znaki podczas wersji demonstracyjnej, ale po instalacji okaże się, że motyw ma opcję wyboru odpowiedniej czcionki ( musi mieć podzbiór czcionek Latin Extended ). Jeśli zauważysz, że niektóre znaki są wyświetlane nieprawidłowo, nie rozpaczaj, istnieją sposoby, aby to naprawić, ale wykracza to poza zakres tego artykułu.
4. Język szablonów
Byłoby miło, gdyby szablon był już przetłumaczony na żądany język/języki (w moim przypadku słowacki). Lub przynajmniej dołączyć szablon .POT do tłumaczenia. Ale nie rozpaczaj, nawet jeśli nie zawiera .POT, możemy pomóc, używając wtyczki Loco Translate , z tą różnicą, że jest to nieco bardziej czasochłonne i wymagające technicznie.
5. Obsługa różnych formatów artykułów
WordPress umożliwia ustawienie formatu artykułu („ formaty postów” w języku angielskim, patrz obrazek poniżej). Ale od twórców motywu zależy, czy włączą go do niego. Na przykład planuję używać na swoim blogu cytatów, filmów i galerii i wymagam, aby były odpowiednio wyświetlane. Dlatego będę wymagał, aby mój szablon obsługiwał różne formaty artykułów.
6. Szybkość szablonu
Bardzo ważny fakt przy wyborze szablonu WordPress . Oczywiste jest, że chcę mieć szybką stronę internetową, aby nie zniechęcać odwiedzających bloga ani googlebotów (robotów od Google, które będą indeksować moją witrynę). Dlatego przetestowałem szablon demonstracyjny za pomocą narzędzia pingdom :
Myślę, że najważniejszym wskaźnikiem wyniku, jaki uzyskałem z narzędzia, jest czas ładowania strony. Jeśli ten czas dla wersji demonstracyjnej szablonu mieści się w granicach 2 sekund, to jest to akceptowalne, ponieważ na naszym prawdziwym blogu możemy go znacznie skrócić. A to wybierając hosting wysokiej jakości , instalując wtyczkę pamięci podręcznej w celu zwiększenia szybkości i optymalizacji rozmiaru obrazów. Używam (i uważam za najlepszą) wtyczkę buforującą WP Rocket . Do optymalizacji rozmiaru obrazów używam wtyczki EWWW Image Optimizer .
Chciałbym również szybko wyjaśnić dlaczego korzystam (i dlaczego również Tobie polecam) hosting od websupport . Posiadają automatyczną instalację WordPress , co jest wygodne dla początkujących i oszczędza czas bardziej zaawansowanym użytkownikom. Wyżej wymienione wtyczki WP Rocket i EWWW Image Optimizer są już uwzględnione, ustawione i dostrojone do serwera podczas instalacji. Ich serwery mają dyski SSD . Rezultatem jest bardzo duża prędkość sieci, co widać również na przykładzie mojego bloga na powyższym obrazku. I to jest dla mnie fajne :).
7. Obecność narzędzia do tworzenia stron
Trudno jest przetłumaczyć to na słowacki, ale przetłumaczyłbym to jako wizualny kreator stron. Jest to narzędzie, dzięki któremu możesz samodzielnie stworzyć wnętrze stron z różnych elementów i rozmieścić je w różny sposób. Chyba najlepiej będzie to pokazać na zdjęciu:
Na zdjęciu kreator Divi , który jest jednym z najlepszych. Ogólnie rzecz biorąc, narzędzie do tworzenia stron może być częścią motywu (na przykład kreator divi jest również częścią motywu divi ) lub w formie osobnej wtyczki. Dlatego nawet jeśli wybrany motyw nie będzie zawierał żadnego narzędzia do tworzenia stron, możesz zainstalować go jako wtyczkę. Najlepiej ocenianym kreatorem w postaci darmowej wtyczki jest Kreator stron firmy SiteOrigin .
Nie potrzebuję kreatora dla mojego bloga, więc wykluczę go z wyboru szablonu WordPress . Wręcz przeciwnie, zostanie poproszony, jeśli mój szablon go nie zawiera. Powodem jest to, że każda dodatkowa funkcjonalność szablonu, a także każda zastosowana wtyczka, przyczyniają się do zmniejszenia szybkości działania witryny.
8. Jakość kodu szablonu
Jako programista potrafię już ocenić jakość kodu na stronie demonstracyjnej, jednak dla laika może to być trudne. Motyw może wyglądać pięknie, ale w tle może znajdować się „brzydki” kod. Jedną z możliwości jest przeprowadzenie tematu przez walidator kodu firmy W3C , czyli międzynarodowej organizacji odpowiedzialnej za standaryzację naszego Internetu (www).
Nie przejmuj się, jeśli to narzędzie pokaże Ci błędy w kodzie. Należy się spodziewać, że większość dostępnych motywów będzie miała pewne wady. Tyle, że to nie jest czerwone morze błędów :).
I najważniejsze w tym miejscu zostawiłem na koniec – dlaczego powinniśmy dbać o jakość kodu motywu? Bo źle zaprogramowany motyw może znacząco zaszkodzić naszemu SEO. A tego nie chcemy.
9. Dokumentacja
Chciałbym, żeby mój szablon miał dokumentację, żebym nie musiał grzebać gdzie i jak ustawić poszczególne elementy szablonu. Niestety wiele darmowych motywów z wordpress.org nie zawiera dokumentacji , więc znalezienie i przetestowanie, gdzie i jak je skonfigurować, kosztuje nas dodatkowy czas. Dla kontrastu , wiele płatnych motywów u największego dostawcy szablonów ma wysoki poziom dokumentacji (są „dobrze udokumentowane”). Jest to jeden z wymagań, jakie sprzedawca stawia twórcom motywu. Dlatego dostosowuję do tego wybór szablonu WordPress .
Ostatecznie to od każdego z nas zależy, czy będzie wymagany szablon dokumentacji. jeśli chodzi o mnie, tak. Miałem już okazję wypróbować wiele różnych szablonów zarówno w pracy, jak i prywatnie, a każdy z nich miał zupełnie inne indywidualne ustawienia (pisane inaczej, nie ma jednolitych zasad WordPress dotyczących organizacji ustawień motywów). Wychodzę z założenia, że czas to pieniądz i nie chcę go tracić na niepotrzebne szukanie indywidualnych ustawień, wolę przeznaczyć zaoszczędzony czas na pisanie artykułów.
Czy dostosowywanie wymaga dużo pracy?
Jeśli nie masz zbyt dużej wiedzy WordPress , koniecznie zapoznaj się z recenzjami i komentarzami na temat szablonu. Oczywiście wersja demonstracyjna może wyglądać fantastycznie. Jeśli jednak w określonej sekcji chcesz umieścić sześć obrazów zamiast pięciu, a można to zrobić tylko programowo, może to stanowić problem.
Kliknij szablon w wersji demonstracyjnej i uzyskaj przegląd. Przeczytaj opis i instrukcje dotyczące konfiguracji motywu. Oto, jak łatwo się dostosować. Kolejnym ważnym aspektem jest ustawienie tematu. Czy sekcja ustawień motywu jest przyjazna dla użytkownika, intuicyjna i łatwa w użyciu? Świetnym miejscem do sprawdzenia są zrzuty ekranu na stronie szablonu. Tutaj możesz zobaczyć, jak motyw organizuje poszczególne sekcje ustawień.
Kompatybilność z wtyczkami
Prawdopodobnie masz jakieś wtyczki, których potrzebujesz, aby Twoja witryna działała . Ważne jest, aby sprawdzić, czy szablon obsługuje te wtyczki. Jeśli chodzi o darmowe szablony WordPress , łatwiej jest przetestować i zweryfikować tę kompatybilność – po prostu instalujesz go na próbę. Jeśli jednak zdecydowałeś się na motyw premium, możliwym rozwiązaniem jest poproszenie twórcy o informacje.
Czy szablon jest zoptymalizowany pod kątem SEO?
Wspaniale jest mieć ładnie wyglądającą stronę internetową. Ale nie zapominaj, że strona internetowa musi istnieć także dla wyszukiwarek . Możesz ręcznie sprawdzić optymalizację SEO motywu WP. Istnieją również usługi online, które pokażą Ci, jak przyjazny jest szablon SEO – na przykład EasySeo . Ponownie, jeśli wybierzesz motyw premium, twórca powinien być w stanie zaoferować Ci wszystkie ważne informacje na jego temat.
A co z mediami społecznościowymi?
Jeśli chodzi o media społecznościowe, zawsze można je dodać jako wtyczkę WordPress . Ponieważ jednak media społecznościowe stają się coraz ważniejsze w środowisku internetowym, byłoby miło, gdyby media społecznościowe były już zintegrowane z szablonem.
Sprawdź kolekcje szablonów
Dla inspiracji możesz zobaczyć kolekcję TOP 30 motywów WordPress do określonych celów:
- Szablony WordPress dla firm
- Darmowe szablony WordPress
- Szablony WordPress dla sklepu internetowego
- Szablony WordPress dla fotografów
Wybór szablonu WordPress – podsumowanie
Przemyślałem wymagania, więc będę dalej szukać samego szablonu. Ale zachowam to na inny artykuł. Mam nadzieję, że ten artykuł coś ci przyniósł, niezależnie od tego, czy jesteś początkującym, czy zaawansowanym WordPress .
Wskazówka: Wybór odpowiedniego hostingu ma kluczowe znaczenie dla szybkiej strony internetowej. Polecam postawić na sprawdzoną jakość: WebSupport , Webglobe-Yegon czy Wedos .
