Garść prawdy o szablonach WordPress

cała prawda o szablonach wordpress

Po zainstalowaniu bloga matematycznego na WordPress przyszedł czas na wybór odpowiedniego szablonu, czyli szaty graficznej bloga z zaprojektowanym układem witryny i dostępnymi funkcjami.

Szablon jest wizytówką bloga. Zbudowanie solidnej skórki wymaga kreatywnego myślenia, wiedzy i czasu.

Nie potrafisz kodować szablonów WordPress? Mam dla Ciebie dobrą wiadomość.

Platforma WordPress oferuje tysiące darmowych skórek, które możesz pobrać i zainstalować na zasadzie wolnej licencji.

W trakcie przygody z blogowaniem popełniłem kardynalny błąd, ponieważ:

  • nie zaplanowałem dobrze struktury serwisu
  • nie rozrysowałem przyszłego szablonu na kartce papieru

Najgorszy jest fakt, że zmieniłem swoją koncepcję odnośnie struktury strony. Początkowo MatFiz24.pl miał być blogiem, jednak wraz z upływem czasu został przerobiony na serwis z uporządkowaną wiedzą.

WordPress nie musi służyć jako platforma blogowa – dziś moja strona w ogóle nie przypomina bloga. Sprawdź.

Między czasie matematyczny blog musiał przeżyć wiele transformacji w postaci zmian szablonów, a nawet instalacji WordPress od całkowitego 0.

Następstwa ciągłych zmian szablonów WordPress:

  • Zamiast inwestować czas w rozwój serwisu, rozpraszałem swoją uwagę na poszukiwaniach nowego szablonu. Traciłem cenne godziny po godzinach pracy na etacie, opóźniając tworzenie artykułów matematycznych.
  • Brak czasu na tworzenie artykułów matematycznych, miał przełożenie na niski ruch w serwisie. Brak wiedzy z zakresu optymalizacji i pozycjonowania stron internetowych skutecznie utrudniał przyrost odwiedzin nowych użytkowników witryny.
  • Między czasie zacząłem komplikować sobie sprawę. Doszedłem do wniosku, że mój serwis nie powinien przypominać bloga. W związku z tym musiałem zmienić strukturę strony internetowej i po raz kolejny pomyśleć o nowej skórce.

Zaplanuj idealny szablon WordPress na bloga

Projektując szablon WordPress skorzystaj z prostych narzędzi: ołówka i kartki papieru.

Starannie rozrysuj układ Twojego przyszłego szablonu. Pomyśl o jego kolorystyce. Zastanów się, jakie funkcje powinien posiadać Twój blog? Czy znajdzie się w nim miejsce dla Social Media? Czy Twój przyszły szablon będzie obsługiwał technologie mobilne, które są coraz ważniejsze w algorytmie Google?

Z rozrysowaniem szablonu prześpij się ze 3 noce…

Kolejne dni przynoszą zazwyczaj nowe pomysły, które skrzętnie zapisuj na kartce papieru.

Z pewnością czas poświęcony na dokładne zaprojektowanie szablonu zwróci się z dużym procentem.

Zastanów się nad sytuacją, gdy po połowie roku blogowania zobaczysz w Internecie całkiem interesujący szablon i postanowisz go włączyć na swoim blogu?

  1. Musisz zainstalować i zastąpić już istniejący motyw.
  2. Musisz edytować angielskie zwroty znajdujące się w szablonie na polskie, typu (read more, name, tags, comment, archive.. i dziesiątki innych).
  3. Modyfikacja stylów CSS według własnych upodobań.
  4. Ustawiać widgety na blogu, bo wszystko się posypało jak domek z kart.
  5. Jeżeli posiadasz reklamy Google AdSense na swoim blogu, wówczas będziesz musiał je ponownie zainstalować. Z pomocą przychodzi wtyczka Easy AdSense, która większość pracy zrobi za Ciebie. Co jednak, gdy reklamy były wprowadzane „z palca” do każdego wpisu i blog liczy dajmy na to 200 wpisów? Syzyfowa praca..
  6. Użytkownicy Twojego bloga przyzwyczaili się do aktualnej szaty bloga, a Ty po 6 miesiącach proponujesz im nowe rozwiązania? Lekka frustracja..
  7. + nieprzewidziane problemy, o których jeszcze nie wiesz w momencie włączenia nowego szablonu WordPress.
    (x czasu pracy na rozwiązanie problemów).

Mógłbym tu wymienić jeszcze kilka podpunktów, które będziesz musiał wykonać po zastąpieniu pierwotnego szablonu. Warto rozpocząć budowę szablonu z chłodną głową i bez pośpiechu. Staraj się wszystko dokładnie przemyśleć i rozrysować.

Polak mądry po szkodzie…

Szablon, który aktualnie używałem na MatFiz24.pl ciągle nie spełniał w pełni moich oczekiwań. Testowałem nowe skórki, miałem okazję użytkować płatny szablon Forester, jednak zawsze czegoś brakowało.

Zmieniałem i testowałem szablony tracąc cenny czas po godzinach pracy na etacie. Moje pierwsze wpisy matematyczne nadawały się do kosza i zajęły tam godne miejsce 🙂 Do tego nie miałem pojęcia o optymalizacji i pozycjonowaniu stron internetowych.

Ciągle się uczyłem, niejednokrotnie decydując się na ponowne instalacje skryptu WordPress, co dokładnie można podejrzeć tutaj.

Będąc bogatszy o nową wiedzę, musiałem burzyć moje niedoskonałości i rozpocząć budowę nowego, jeszcze lepszego serwisu.

Poniżej przedstawiam 3 najczęściej używane szablony począwszy od powstania matematycznego serwisu.

Szablon MatFiz24.pl – 2012/2013

Pierwszy darmowy szablon miał charakter typowego bloga opartego na wpisach. Moja pierwotna koncepcja zakładała utworzenie bloga matematycznego z tradycyjnymi wpisami, gdzie będę zamieszczał filmy z odpowiedziami do zadań.

Szablon matfiz24.pl 2012/2013

Później jeszcze modyfikowałem szablony WordPress. Próbowałem zarabiać na programach partnerskich, polecając solidne kursy matematyczne dla studentów eTrapeza, które zna każdy student matematyki.

Szablon matfiz24.pl 2012

Dowiedziałem się przy okazji, że zarabianie na programach partnerskich nie jest takie proste, jak początkowo przypuszczałem.

Szablon MatFiz24.pl – 2013/2014

Z czasem doszedłem do wniosku, że blog matematyczny nie spełnia moich oczekiwań.

Tak powstał kolejny szablon WordPress, który modyfikował mój brat – Paweł Duda na bazie utworzonej skórki.

Poniższy szablon nie przypomina już bloga.

Postanowiłem, że artykuły matematyczne pogrupuję tematycznie, jednak nie zdobywały wysokich pozycji w wyszukiwarce internetowej Google.

Zdecydowaliśmy, że w następnym roku zbudujemy nowy serwis na skrypcie WordPress, napiszemy solidne artykuły i zdobędziemy niezbędną wiedzę do pozycjonowania naszej strony internetowej.

W okresie 2013/2014 skoncentrowaliśmy się głównie na produkcji filmów matematycznych, które publikowaliśmy na kanale YouTube – eDudaMarek.

Szablon matfiz24.pl 2013

Szablon MatFiz24.pl – 2014 do dziś

Szablon WordPress, który w pełni wykonał mój brat – Paweł Duda. Wspólnymi siłami rozrysowaliśmy projekt szablonu na kartce papieru w wakacje 2014 roku. Serwis w ogóle nie przypomina bloga, a jednak stoi na skrypcie WordPress.

Szablon matfiz24.pl desktop 2015

Szablon WordPress z wersją mobilną

Jeżeli wierzyć zapowiedziom – Google już niebawem zacznie oznaczać w wynikach wyszukiwania serwisy przyjazne technologiom mobilnym – Mobile Friendly.

Jest to świetna forma darmowej promocji w wynikach wyszukiwania i zwiększenia statystyk odwiedzin bloga.

Podczas budowania szablonu warto skorzystać z RWD – Responsive Web Design, czyli idealnego dopasowania się strony do każdej rozdzielczości ekranu.

W Polsce i na świecie wzrasta wykorzystanie technologii mobilnych do przeglądania zasobów internetu, dlatego serwis mobilny jest sprawą niezbędną.

Mój brat wykonał kawał dobrej roboty i zakodował osobną szatę graficzną dla mobilnych rozdzielczości ekranu.

szablon matfiz24 mobilne

Mobile friendly – testowanie

Projektując szablon pod technologie mobilne warto sprawdzić zgodność z wytycznymi dla webmasterów w darmowym narzędziu online: https://www.google.com/webmasters/tools/mobile-friendly/

Wklej adres domeny i sprawdź, czy szablon używany w serwisie jest przyjazny urządzeniom mobilnym?

Wskazówki:

  • Skonfiguruj okno robocze
  • Używaj odpowiednio dużej czcionki
  • Unikaj technologii Flash
  • Elementy dotykowe nie mogą być zbyt blisko siebie

W narzędziu Google Webmaster Tools znajdziesz wszystkie błędy dotyczące obsługi na urządzeniach przenośnych.

Obsługa na urządzeniach przenośnych google webmaster tools

Jak Googlebot widzi MatFiz24.pl?

MatFiz24.pl przyjazna serwisom mobilnym

Testowanie szablonu WordPress

Po włączeniu skórki WordPress na blogu, pamiętaj o sprawdzeniu poprawności zakodowanego szablonu pod kątem najnowszej wersji HTML.

W tym celu należy skorzystać z walidatora W3C i naprawić wszystkie możliwe błędy występujące w szablonie.

Walidator W3C

MatFiz24 po latach pracy

Finalnie nie planuje już więcej zmian szablonów, ani tym bardziej zmian struktury strony, czy ponownych instalacji WordPress. Po tylu modyfikacjach mój serwis ma poprawną strukturę, rosnący ruch, obsługuje technologie mobilne i sukcesywnie buduje dochód pasywny.

Żałuję tylko straconego czasu i ciągłych zmian szablonów, których wyszukanie i testowanie okazały się tak czasochłonne, a przecież wszystko można było rozrysować na kartce papieru…

Na co zwracać uwagę podczas doboru szablonu?

  • Funkcjonalność bloga – jak chcesz na nim zarabiać? Masz opcje zarabiania z reklam, programów partnerskich, mikropłatności za wartościową treść…
  • Układ strony ma szczególne znaczenie w przypadku zarabiania na reklamach Google AdSense, itp.
  • Ile kolumn będzie współtworzyć szatę graficzną bloga? Jak wykorzystać dostępną przestrzeń?
  • Nie znasz się na kaskadowych arkuszach stylów, czyli CSS? Musisz poszukać szablonu, który kolorystyką i funkcjonalnością będzie idealnie pasował do Twojego stylu i tematyki bloga. Znalezienie takiego szablonu pochłonie Ci dość sporo czasu. Spróbuj własnoręcznie tworzyć szablony WordPress. Zobacz jak tworzyć szablon WordPress krok po kroku?

Gdzie szukać funkcjonalnych szablonów na początek?

W internecie znajdziesz darmowe i płatne szablony WordPress.

Na początek nie musisz kupować płatnego szablonu, ponieważ w sieci znajdziesz bogactwo darmowych rozwiązań.

Poniżej przedstawiam 6 dobrych miejscówek, gdzie możesz pobrać darmowe szablony WordPress?

  1. http://perfecta.pro/wp-pl
  2. http://wordpress.org/extend/themes
  3. http://themes.gigr.pl
  4. http://www.wpexplorer.com
  5. http://www.templatemonster.com/pl/

Szablony Template Monster

Jak instalować szablony WordPress?

Zobacz, jak instalować nowy szablon w kokpicie WordPress dwoma różnymi sposobami?

Zainstaluj szablon z opcji wyszukiwania z kokpitu

Zobacz tutorial na YouTube – zainstaluj szablon z kokpitu WordPressa.

Wgraj i włącz motyw na WordPress z dysku komputera

Zobacz tutorial na YouTube – wgraj motyw z dysku komputera.

Po zainstalowaniu motywu pozostała Ci edycja wyrazów z języka angielskiego na polski, chyba że masz polską skórkę lub własnoręcznie napisany szablon. Ustaw wybrane widgety i rozpoczynaj przygodę z blogowaniem wykorzystując w 100% Twój szablon.

Podsumowanie w 5 krokach:

  1. Nie śpiesz się z wyborem szablonu. Rozrysuj go na kartce papieru. Zaplanuj strukturę, funkcjonalność, układ i kolorystykę. Im więcej nieudanych projektów wyląduje w koszu, tym lepiej.
  2. Projektując układ strony pamiętaj o Social Media: Facebook, Google+ i YouTube. Prędzej czy później powinieneś założyć tam swoje konto prywatne lub firmowe.
  3. Skorzystaj z bogatej oferty darmowych i płatnych szablonów – wybierz starannie zaprojektowaną przez Ciebie skórkę. Chcesz zrobić szablon WordPress? Spróbuj swoich sił w tworzeniu skórek.
  4. Responsive Web Design to przyszłość każdej witryny – Google prędzej, czy później doceni serwis obsługujący technologie mobilne.
  5. Przetestuj poprawność zakodowanego szablonu pod kątem HTML5, korzystając z walidatora W3C.

pobierz pdf wpisu

Jeżeli poznałeś podstawy budowania szablonów, zapraszam Cię na wyższy poziom tworzenia szablonów WordPress.

Teraz czas, aby zaczął tworzyć szablony responsywne przyjazne dla Google:

  • Poznaj strukturę kodu szablonu przyjazną wyszukiwarce
  • Zobacz, jak tworzyć elementy w skórce rekomendowane przez Google
  • Odkryj sens mikroformatów na stronie
  • + inne rekomendacje dotyczące budowania szablonu WordPress

Wypełnij poniższy formularz i odbierz na maila darmowe wideo szkolenie: „Własny szablon WordPress w Responsive Web Design.”

Garść prawdy o szablonach WordPress
5 (100%) 7 votes

8 komentarze - Garść prawdy o szablonach WordPress

  1. Krzysztof napisał(a):

    Witam
    Ale włożyliście pracy aby wasza strona wyglądała tak jak chcecie.Jestem pełen podziwu za wytrwałość,ciężką pracę aby wasz serwis był taki a nie inny.
    Pozdrawiam

  2. Marek Duda napisał(a):

    Dzięki Krzysztof.

    Niewiedza kosztuje głównie czas na rozwiązanie problemów.
    Mam nadzieje, że finalny szablon MatFiz24.pl spełni oczekiwania nawet najbardziej wymagających uczniów 🙂

    Pozdrawiam.

    1. Krzysztof napisał(a):

      Marku dobrze,że tylko czas a nie pieniądze bo myślę,że niejeden bloger który napotkałby takie przeciwności zrezygnowałby.Ogromny szacun dla Was.
      Pozdrawiam

  3. Denis Wróbel napisał(a):

    Twoje przemyślenia są jak najbardziej trafne. Też miałem często tak. Uważałem, że zmiana wyglądu na blogu podniesie od razu moje wizyty. Jak bardzo się myliłem, w dodatku otrzymywałem maile, dlaczego taka zmiana. Zmiana szablonu na jednym z moich blogów przyczyniła się też do tego, że spadłem w wynikach wyszukiwania o kilka pozycji na frazy, gdzie byłem na minimum top 3.

    Podsumowując. Trzeba od razu na początku tworzenia serwisu dokładnie przemyśleć jego funkcjonalność i co ten serwis będzie zawierał. Jeśli ma to być tradycyjny blog to niech to będzie tradycyjny blog. W przypadku bardziej zaawansowanej strony najlepiej jest zamówić sobie szablon i mieć wszystko tak jak chcemy. Największy minus tego jest taki, że swoje zapłacimy 😉

    Pozdrawiam

    1. Paweł Duda napisał(a):

      Można zapłacić za szablon, a można go stworzyć własnoręcznie. W kolejnych wpisach pokażemy, jak tworzyć skórki do WordPress własnoręcznie? Wbrew pozorom nie jest to takie trudne, ale wymaga pracy.

      Nie wszyscy jednak wolą zabawę z kodowaniem własnego motywu. Wtedy rzeczywiście jednym z najlepszych rozwiązań jest zamówienie profesjonalnego, płatnego szablonu.

      Pozdrawiam.

  4. Rost napisał(a):

    Bardzo dobry artykuł. Warty zapamiętania.

    1. Paweł Duda napisał(a):

      Zgadza się, ponieważ tracimy czas, cenny czas na problemy, które powinniśmy rozwiązać już na samym początku. Później jak człowiek „skacze” po szablonach, to wybija się z rytmu blogowania.

  5. Jan Kamiński napisał(a):

    Mogę jeszcze zaproponować skórki od TemplateMonster http://www.templatemonster.com/pl/type/szablony-wordpress/

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Close