Szablony WordPress (ang. WordPress Themes) to gotowe wyglądy strony internetowej przygotowane do użycia z systemem zarządzania treścią (eng. CMS) strony internetowej o nazwie WordPress. WordPress to najpopularniejszy z systemów CMS na świecie, który wykorzystywany jest przez około 70% stron w internecie. Szablony WordPress stanowią jeden z częściej kupowanych cyfrowych produktów. Dzięki temu, że WordPress umożliwia instalowanie i uruchamianie szablonów, możesz wymienić wygląd swojej strony kilkoma kliknięciami.

Skąd pobrać szablony WordPress?

  1. Darmowe szablony WordPress z publicznego katalog z szablonami

    WordPress posiada całkowicie darmowy i otwarty katalog. Katalog jest otwarty zarówno jeśli chodzi o licencje, jak i otwarty na nowe szablony nowych twórców. Jednak z uwagi na to, że umieszone tam szablony są w 100% darmowe trudno znaleźć tam coś ładnego. Dodatkowo twórcy w żaden sposób nie są zobligowani do pomocy i aktualizowania szablonów.

  2. Sklepy z szablonami tzw. marketplace

    Wokół WordPressa powstała ogromna społeczność. Część z osób tworzących szablony udostępnia jest na tzw. marketplace’ach, czyli po prostu sklepach internetowych z cyfrowymi produktami. Kupienie szablonu jest banalnie proste. Tworzysz konto w takim sklepie, zasilasz dolarami np. przez PayPal, szukasz produktu, który Ci się podoba i klikasz kup. Kupujesz tak naprawdę licencję na aktualizacje i pomoc bezpośrednio od twórcy danego produktu. Jednak, gdyby się okazało, że dany szablon po zakupie nie działa, to te platformy oferują cofnięcie kupna i zwrot pieniędzy. Najpopularniejszym, największym i najstarszym sklepem z szablonami do WordPressa jest Themeforest. Za tym sklepem stoi duża i stabilna firma z Australii – Envato. W swojej ofercie mają tysiące produktów. Innym przykładem jest MojoMarketplace – Ci są zlokalizowani w USA.

    Na Themeforest znajdziesz ponad 11 tysięcy szablonów WordPress, a na MojoMarketplace ponad 1300:

    Themeforest



  3. Prywatne strony twórców

    WordPress nikogo nie ogranicza, każdy może stworzyć i udostępniać innym swój szablon na swojej stronie internetowej.

Ile kosztuje szablon WordPress?

Szablon może być darmowy np. pobrany z oficjalnego katalogu WP lub ze strony autora. Pamiętaj, że wtedy nie możesz oczekiwać pomocy od twórcy danej skórki. Szablon wykonany na zlecenie to w zależności od skomplikowania i oczywiście regionu i danego wykonawcy koszt na moje oko minimum 2000zł. Jeśli ktoś wyceni na mniej zrobienie strony to prawdopodobnie będzie wykonywał stronę na istniejącym szablonie, który wykonał wcześniej samodzielnie, albo sam kupił w sklepie z szablonami. Samodzielne kupno szablonu WordPress w takich sklepach, jak Themeforest czy MojoMarketplace to koszt od około 60zł za najprostszy do około 250zł. Pamiętaj płacisz wtedy za licencję: możliwość pobrania, aktualizowania i pomocy od autora danego produktu.

Uważaj!
Szablony WordPress themes WP versionPrzy kupnie nie pomyl szablonu HTML z szablonem WordPress. Szablon HTML nie będzie działał z WordPressem. Próba instalacji szablonu HTML w WP zakończy się komunikatem błędu. Sprawdź dokładnie, w której kategorii znajduje się produkt, który zamierzasz kupić i czy wspiera wersję WordPressa, którą posiadasz lub czy wspiera najnowszą wersję jeśli jeszcze nie masz zainstalowanego WP.

Na co zwrócić uwagę przy wyborze płatnego szablonu WordPress?

Typ Szablon WordPress Themes

Jeśli wybierasz płatny szablon w jednym ze sklepów musisz dokonać wyboru właściwego produktu spośród tysięcy dostępnych. Czym zatem się kierować?

  1. Kategoria szablonu WordPress jest najważniejsza

    Zastanów się jakiego potrzebujesz szablonu? Czy to ma być strona prywatna, czy firmowa? Czy to będzie blog, sklep internetowy, strona wizytówka, strona odliczania uruchomienia docelowej strony (typ „under construction”, strona wydarzenia itd. Zastanów się z jakiej branży potrzebujesz: budowlanej, nieruchomości, sportowej, a może motoryzacyjnej? Dla kobiety, czy mężczyzny? Spróbuj odnaleźć odpowiednią dla Ciebie kategorię, wtedy będziesz mógł zawęzić poszukiwania.

  2. Cena szablonu WordPress jest bez większego znaczenia

    Raczej maksymalna różnica ceny, rzędu do 100zł, przy ogólnym koszcie do 200zł nie powinna mieć istotnego znaczenia jeśli już stać Cię na zakup. I tak będzie to dużo taniej niż szablon wykonany na specjalne zlecenie, a dodatkowo widzisz co kupujesz.

  3. Sklep z szablonami

    Themeforest jest większy i szablony przechodzą tam dokładniejszą weryfikację, jednak MojoMarketplace bym nie przekreślał, gdyż znajdziesz tam inne produkty, które dzięki mniejszym restrykcją mogą być swobodniej wykonane, a co za tym idzie w specjalistycznych kategoriach, zrobione tak, że będzie się ich łatwiej używało. Themeforest narzuca, żeby przede wszystkim szablon służył do głównego zastosowania WordPressa, czyli bloga. Przez co, taki szablon zaraz po zainstalowaniu ma wyglądać jak blog, a co jeśli strona ma być CV online, wtedy łatwiejsze dla użytkownika było by od razu zobaczyć wygląd przykładowego CV, które może w prosty sposób zmodyfikować.

  4. Jakość szaty graficznej

    Zanim cokolwiek zrobisz upewnij się, że na bieżąco aktualizujesz swoje przeglądarki ;) A teraz wejdź na stronę demo wybranego szablonu (WordPress Theme > Live Preview) i sprawdź, czy Tobie i komuś innemu (tak dla pewności) się po prostu podoba design. Po drugie sprawdź, czy prosto możesz się poruszać po tej stronie, czy wiesz gdzie jest menu, czy nie masz problemów z odnalezieniem różnych informacji na stronie. Zobacz czy szablon się „nie rozjeżdża” na różnych szerokościach okna przeglądarki i w ogóle jak wygląda. Jeśli używasz laptopa z mniejszą rozdzielczością niż FullHD (1920×1080 pikseli), to spróbuj podłączyć zewnętrzny monitor, żeby zobaczyć jak strona się układa na większej powierzchni. Wejdź na demo również na mobilnym Chromie ze swojego smartfona. Czy na smartfonie dalej się wygodnie przegląda stronę? To jest bardzo ważne, gdyż co raz więcej osób przegląda strony internetowe z komórek.

Rodzaje szablonów na WordPressa?

Zapewne podziałów może być wiele, w zależności od tego co się weźmie pod uwagę. Kiedy można było np. podzielić na te, które są responsywne, czyli takie które dostosowują się do szerokości okna, a które nie, ale te czasy minęły i jeśli wybierzesz szablon z ostatnich dwóch lat to na pewno taki jest. Można też by podzielić na takie, które od strony kodu są dobrze i źle napisane, ale sam i tak pewnie tego nie ocenisz. Więc zaproponuję inny podział:

  • Szablony WordPress, które zbudowane są w oparciu o tzw. page-builder,
  • i szablony WordPress, które bardziej bazują na wbudowanych mechanizmach „customizer”/Gutenberg*.

Czemu powinieneś zwrócić na to uwagę? Gdyż od tego zależy jak będziesz konfigurował swoją stronę po zainstalowaniu danego szablonu. Tzw. page-buildery to pluginy, które pozwolą Tobie składać stronę wizualnie z klocków. Ich plusem jest swoboda stworzenia układu strony, natomiast minusem mnogość opcji i ustawień, które początkującemu użytkownikowi i tak mogą sprawić trudność. Częściej więc szablony ogólnego zastosowania korzystają z page-builderów. Jeśli będziesz kupować WordPress Theme po wydaniu WordPress 5.0, wtedy zwróć uwagę czy szablon wspiera wbudowany page-builder o nawie Gutenberg*.

Instalacja szablonu WordPress

Instalacja szabonu WordPress z archiwum ZIP

Więcej na ten temat pisałem w innym poście: Instalacja szablonu WordPress – 3 sposoby. Znajdziesz tam opis instalacji darmowych szablonów z katalogu WP oraz z pliku ZIP (kiedy pobierzesz go po kupnie w sklepie) lub poprzez bezpośrednie wgranie na serwer FTP, jeśli jesteś bardziej techniczny. Dodatkowo każdy szablon kupiony w sklepie obowiązkowo ma również dodaną dokumentację z instrukcją instalacji. Taka dokumentacja na 99.99% będzie napisana po angielsku.

Szablony WordPress (WordPress Themes) po instalacji – co zrobić kiedy coś nie działa lub po prostu nie umiesz czegoś zrobić?

Kiedy natkniesz się na problem, to przede wszystkim zajrzyj do dokumentacji i sprawdź czy nie znajduje się tam odpowiedź na pytanie, które Cię trapi. W dokumentacji powinna się znajdować sekcja FAQ, czyli najczęściej zadawane pytania i odpowiedzi na te pytania. W następnej kolejności zaloguj się do sklepu skąd kupiłeś szablon i napisz „support question” do produktu, który kupiłeś. Na Twoje pytanie będzie odpowiadał autor szablonu, który jest w stanie rozwiązać problemy techniczne dotyczące samego szablonu WordPress (WordPress Theme). Natomiast nie będzie w stanie zwrócić Ci pieniędzy za zakup. To odbywa się już za pomocą samego sklepu lub/i ich działu pomocy. Autorzy są rozlokowani po całym świecie, także na odpowiedź na swoje pytanie prawdopodobnie będziesz musiał trochę poczekać. Nie denerwuj się w tym czasie, autor na pewno będzie chciał Ci pomóc i rozwiązać problem.

Kto robi te wszystkie „WordPress Themes”? Czyli szablony WordPress od strony technicznej.

Od strony technicznej na szablony WordPress składa się kod napisany w języku PHP (jak i sam WordPress), kod HTML do definiowania elementów strony internetowej, język CSS do stylowania kodu HTML oraz JavaScript, który odpowiada za obsługę niektórych interakcji na stronie. Także autorem szablonu może być każdy kto zna powyższe języki w odpowiednim stopniu. Dodatkowo potrzebna jest wiedza z podstaw designu.
Najcześciej więc są to albo Frontend Developerzy, albo małe zespoły, składające się z programisty PHP, frontend developera i grafika.

Jak zrobić swój pierwszy szablon WordPress?

Jeśli orientujesz się w wymienionych wyżej językach, wtedy musisz douczyć się samego WordPressa i odrobiny wiedzy system administratora. Przede wszystkim pobierz i zainstaluj najnowszą wersję WordPressa lokalnie na swoim komputerze z oficjalnej strony. A następnie zainstaluj – oficjalna instrukcja po angielsku.

Kiedy już masz WP u siebie, zacznij od przyglądania się jak jest zrobiony oficjalny domyślnie ustawiony szablon, z jakich plików się składa, co w nich jest. Zacznij coś modyfikować i zobacz jak to wpływa na szablon. Później możesz również wygenerować swój szablon z podstawową strukturą plików do dalszego rozwoju używając: underscores.me, czyli „A Starter Theme for WordPress”. Taki szablon nie będzie „wyglądał” ładnie wyglądał na starcie, ale jest świetną podstawą do rozbudowy i ostylowania.

Posty do dalszej lektury:

  1. Co to jest WordPress? Jak stworzyć stronę na WordPress?
  2. Instalacja szablonu WordPress – 3 sposoby
  3. Jaki Plugin WordPress powinieneś zainstalować?
  4. Zabezpieczanie WordPress – 8 porad z bezpieczeństwa