Chcesz zbudować stronę na szablonie? Sprawdź kiedy to dobry pomysł.

Przygotowujesz się do założenia strony internetowej. Z wielu różnych źródeł słyszysz, że to nie jest trudne. Być może obejrzałeś też godzinny film na YT pod tytułem „załóż własną stronę w godzinę za darmo”. Rozeznałeś się w temacie i zauważyłeś, że gotowe szablony stron są do pobrania albo za darmo, albo w przypadku bardziej zaawansowanych trzeba zapłacić kilkanaście, lub w skrajnych przypadkach kilkadziesiąt dolarów. Co więc Cię przed tym powstrzymuje? W dalszej części materiału opowiem Ci trochę o tych całych szablonach.

Wolisz posłuchać?

Rodzaje stron

Na początku wprowadzę podział stron internetowych ze względu na obsługę i pewne funkcje. 

Strona statyczna

Strona statyczna, to taka, w której wszystkie jej elementy są napisane „na sztywno”. Całość strony jest zapisana do plików HTML i CSS.

Jak to działa?

W plikach HTML zapisujemy całą strukturę strony i treść. Umieszczamy też odnośniki (linki). Określamy adresy linków, czyli kolejne podstrony do których mają one prowadzić. 

Wygląd strony zapisujemy do pliku/-ów CSS. Jest tam opisany wygląd wszystkich poszczególnych elementów strony. Jaki kolor ma mieć przycisk, w jakiej odległości ma być akapit od poprzedzającego go nagłówka itd… To jest tzw. styl strony.

Twoja przeglądarka, np Firefox, czy Chrome odczytuje plik HTML strony, z którego wie jakie są jej elementy i treści. Następnie odczytuje plik CSS, który mówi o wyglądzie i w ten magiczny sposób potrafi wyświetlić na ekranie piękną, gotową  stronę internetową.

Strona z CMS – zarządzanie treścią

Technologia wyświetlania stron opartych o CMS nie różni się zbyt wiele od zwykłych stron statycznych. Przeglądarki dostają podobne pliki jak w poprzednim przypadku. 

Różnicą jest to, że te strony generują zawartość w sposób dynamiczny. Na zawołanie odpowiedni program umieszczony na serwerze tworzy pliki potrzebne do wyświetlenia strony i dopiero te są wysyłane do twojej przeglądarki. Te programy współpracują z bazami danych, z których odczytują różne informacje. Najczęściej spotykanym CMSem jest WordPress. 

Sklep internetowy

Jeżeli chodzi o sklep internetowy to jest to system CMS rozbudowany o możliwość zakupu jakiegoś towaru. W tym przypadku należy pamiętać jeszcze o konieczności skonfigurowania płatności i wysyłki. W niektórych przypadkach trzeba skonfigurować jeszcze inne, dodatkowe parametry, takie jak warianty produktów, promocje, kupony rabatowe itp.

Wg badań w3techs strony na WordPressie stanowią ponad 40% wszystkich stron internetowych i aż 64% systemów do zarządzania treścią. Dlatego w dalszej częśći materiału oprę się o ten CMS.

Co to jest szablon strony?

Szablon to paczka z elementami strony. Zawiera pliki, które po umieszczeniu na serwerze, lub instalacji w CMS będą wyświetlały stronę www. Możesz znaleźć mnówstwo szablonów w internecie. Są dostępne na bezpłatnych stronach. Możesz też pobrać je za drobną opłatą. Po instalacji wystarczy że uzupełnisz treść i zdjęcia i masz już gotową stronę. Teoretycznie.

Szablon strony statycznej

Szablony dla stron statycznych zawierają pliki HTML i CSS danego projektu. W większości przypadków to wystarczy, żeby wyświetlić w pełni funkcjonalną stronę. 

Zdarza się że zawierają jeszcze inne pliki, np. takie mini-programy, nazywane skryptami. Skrypty wymuszają na przeglądarce jakieś działanie, np. mogą wyświetlać aktualną godzinę, albo animować jakiś element strony. Dopóki skryptów nie jest zbyt wiele, lub nie są zbyt obciążające nie ma w tym nic złego. Jeśli strona zawiera dużo skryptów, będzie ładować się dłużej. Istnieje wtedy ryzyko niskiej oceny przez Google.

Do uzupełnienia treści takiej strony dobrze jest znać chociaż podstawy języka HTML. Jeśli oprócz treści chcesz zmieniać jej wygląd (np. kolory) to przyda się również znajomość CSS.

Szablony stron statycznych są z reguły dość bezpieczne i mają wysoką wydajność.

Szablony CMS i sklepu internetowego

Ze względu na ilość instalacji WordPressa i specjalnej nakładki zmieniającej go w sklep internetowy, szablony do tego CMSa cieszą się największą popularnością. W sieci znajdziesz wiele stron, z których możesz pobrać paczki z szablonami. Sam WordPress ma również wbudowaną funkcję wyszukiwania szablonów (motywów). Są ich setki, jeśli nie tysiące, a każdy z twórców chce uszczknąć kawałeczek WordPressowego tortu dla siebie. Powoduje to kilka trudności:

1. Super-atrakcyjny wygląd: przykuwające uwagę animacje i ciekawe elementy interakcyjne są bardzo obciążające. Poza tym szablony obfitują w różne rozwiązania do wyboru. Np. możesz wybrać jedną spośród 10 różnych animacji obiektu. Fajnie jest mieć wybór, ale oznacza to że pozostałych 9 będzie ładowało się do pamięci niepotrzebnie, spowalniając stronę.
2. Mnogość funkcjonalności: twórcy chcą, żeby ich szablon był jak najbardziej uniwersalny i budują go z różnych komponentów. Jeden użytkownik będzie potrzebował banera ze slajdami, inny rozbudowanego formularza kontaktu, trzeci kalendarza z aktualnościami. Wrzućmy więc wszystko do jednego szablonu. To nic że użyjesz tylko jednej, czy dwóch opcji. Szablon jest przeładowany, wolny i mało wydajny.
3. Użycie elementów innych twórców: wiele szablonów korzysta z „podzespołów” napisanych przez innych twórców. Może się zdarzyć że część z nich jest płatna i kiedy będzie trzeba zaktualizować system będziesz musiał sięgnąć do portfela.
4. Obsługa: W przypadku dużych, przeładowanych szablonów ich obsługa jest bardzo trudna. Zdarza się że kiedy klient prosi nas o pomoc przy obsłudze jakiegoś super-szablonu który kupił za $19 mamy trudność ze znalezieniem jakiejś opcji. 
5. Bezpieczeństwo: trudno zadbać o bezpieczeństwo przy zainstalowanych kilkunastu różnych komponentach. Trzeba pilnować aby każdy był zaktualizowany. Istnieje możliwość konfliktu wersji różnych elementów, wtedy strona może przestać działać.
6. Kompromis: nawet w przypadku zaoferowania najróżniejszych komponentów i możliwości edycji, instalacja gotowego motywu to zawsze pewien kompromis. Z poziomu panelu obsługi nigdy nie wyklikasz strony na 100% dopasowanej do twojej działalności.

Buildery dla WordPressa

Osobnym tematem, który niebawem opiszę szerzej jest użycie builderów. Builder to szczególny rodzaj szablonu, który pozwala na zupełną dowolność w tworzeniu układu i wyglądu strony. Builder – budowniczy pozwala stworzyć stronę o unikalnym wyglądzie, w zasadzie bez znajomości kodowania. Układasz swoją stronę z klocków i wypełniasz ją treścią. Mają oczywiście pewne ograniczenia, ale moim zdaniem, jeśli nie chcesz zlecać budowy strony to może być opcja dla Ciebie. 

Najbardziej popularne buildery to Elementor, Divi i WPBakery.

Wybierając motyw dla swojej nowej strony zwróć uwagę na jego funkcjonalności i ilość skryptów. Im szablon ma ich więcej, strona będzie ładować się dłużej i będzie miała niższe noty w Google. Najlepiej zainstalować u siebie poszczególne szablony i testować je bezpłatnym narzędziem Google.

Czy każdy szablon jest zły?

Hmmm… zdarzają się wyjątki. Z reguły nasi klienci ich nie zauważają. Dlaczego? Dlatego, że szybkie i wydajne szablony nie są atrakcyjne wizualnie. Oczywiście są tacy, którym jest bliski skandynawski minimalizm, ale fajerwerków to tutaj nie ma. Można je wykrzesać odpowiednio edytując taki motyw, ale to już wyższa szkoła jazdy. Lepiej zatrudnić fachowca. Dodatkowo takie szablony nie mają wbudowanych dodatkowych funkcji, np. formularza kontaktowego, galerii itp. Trzeba zadbać o to, żeby zainstalować je samemu. To nie jest trudniejsze od instalacji samego motywu, ale zawsze jakaś dodatkowa czynność. 

Jakie jest najlepsze rozwiązanie?

Jak to mówią w informatyce: „To zależy”. 

1. Wersja budżetowa: Korzystasz z szablonu strony statycznej: minus: musisz mieć minimalne pojęcie o HTML
2. Wersja medium: Instalujesz WP i używasz jakiegoś guildera do stworzenia strony. minus: to zajmuje sporo czasu
3. Wersja kompromisowa: Instalujesz WP z wydajnym motywem, np. GeneratePress.
   minus: musisz być minimalistą i zajmuje to sporo czasu
4. Wersja najlepsza: zajmujesz się dalej swoim biznesem i zlecasz budowę strony fachowcom. Zyskujesz przemyślany projekt i wydajną stronę dokładnie taką, jakiej potrzebujesz. minus: trzeba za to zapłacić.

Źródła:

• https://w3techs.com/technologies/details/cm-wordpress
• https://themeisle.com/blog/fastest-wordpress-themes/
• https://generatepress.com/

Przydatne linki:

• PageSpeed Insights – testuj wydajność swojej strony
• Szybki szablon GeneratePress