Jeżeli przeglądałeś lub przeglądałaś czeluści Internetu, aby wyszukać idealną koncepcję na stworzenie swojej strony internetowej lub prostego bloga to trafiając tu określiłbym jako niezły strzał. Przeglądając wiele opcji na pewno trafiliście na informację o płatnych szablonach, tych bardziej premium. Z dodatkowymi funkcjonalnościami dostępnymi jedynie w wersji PRO. Jednym z nich jest szablon DIVI. I wcale mnie to nie dziwi, gdyż rozwiązanie to jest ciekawe rozważenia i na pewno warte zastanowienia. Aczkolwiek to nie jest typowy szablon – to bardziej kreator wyglądu. Dowodem na to może być też fakt, że coraz więcej ogłoszeń tworzenia nowego serwisu internetowego wymaga wykorzystania właśnie szablonu DIVI. Ciekawi dlaczego? Także czas start!

Skąd taka popularność?

Wybór produktów na rynku szablonów płatnych jest ogromny, a konkurencja wcale nie śpi. Mamy przecież Publisher’a, Bethemes’a lub bardziej niszowe projekty. Popularnych szablonów “silników” jest kilka, na ich bazie można stworzyć wręcz nieskończoną ilość indywidualnych serwis – jedynie poszczególne elementy mogą się powielać. Przeglądając zatem serwisy z płatnym szablonami, możemy mieć ciężko wybrać ze względu na setki propozycji. Nie zapominajmy że mamy też możliwości posiadania strony o indywidualnym szablonie graficznym – zaprojektowanym przez grafika.

Popularność DIVI w ostatnim czasie zyskał dzięki swojej elastyczności, dużych możliwościach i przystępnej cenie. Szablon potrafi zaspokoić potrzeby małego bloga, jak i dużego sklepu internetowego, a panel edycji blokowy lub bezpośrednio na stronie wizualnej i to w dodatku w ojczystym języku nie daje szans konkurencji. Nie musimy też ograniczać się do propozycji wyglądu jaką proponują nam twórcy, możemy zaprojektować serwis według naszej wizji (lub wizji grafika, gdyż grafiki zaprojektowane indywidualnie również można uruchomić na silniku DIVI).

Możliwości szablonu DIVI

Pośród konkurencji szablon wyróżnia również duże pole możliwości. Weźmy pod uwagę pozycjonowanie stron, twórcy szablonu ściśle współpracują z wtyczką Rank Math SEO – która daje obszerne możliwości pod kątem optymalizacji serwisu pod kątem słów kluczowych. Co w dłużej perspektywie ma możliwość zaowocowaniem wysokich wyników w wyszukiwarce.

Również na pochwałę zasługuje optymalizacja kodowa kreatora, czyli szybkość jego działania. Już na starcie bez dodatkowych modułów, osiągamy wysokie wyniki w PageSpeed Insights:

Na komputerach:Na urządzenia mobilnych:

A to jeszcze da się przecież poprawić!

Jak już jesteśmy przy urządzeniach mobilnych, to również warto zaznaczyć że serwis jest w 100% przyjazny na urządzenia osobiste – czyli jest responsywny. Posiada ustawienia automatyczne dla mniej zaawansowanych użytkowników, jak również możliwość zarządzania każdym elementem, pod każdą rozdzielczość dla tych bardziej doświadczonych. Widać to również na powyższym screenie, gdzie wartość wartość na urządzeniach mobilnych jest bliska wartości maksymalnej. A umówmy się, responsywna strona internetowa to podstawa…

Pod adresem https://www.elegantthemes.com/layouts/category/online-store autorzy omawianego szablonu przygotowali dla Nas ich propozycje wyglądu stron internetowych na ich systemie. Propozycji gotowców jest sporo, rozróżniają się również tematycznie, kolorystycznie lub branżowo. Do dyspozycji mamy 164 propozycje, a każda z nich posiada nie tylko stronę główną – ale również podstrony ofertowe, kontaktu itd. Oczywiście nie musimy z tego korzystać w 100%, możemy jedynie wykorzystać fragment lub szukać natchnienia przed naszą własną realizacją.

Jeżeli jednak posiadacie już szablon i nie wchodzi w grę zmiana strony internetowe (a przynajmniej szablonu zainstalowanego w waszym WordPress’ie), a chcielibyście mieć wszystkie opcje jakie daje ten konfigurator. To da się zrobić! Należy nabyć wtyczkę Divi Builder, moduł ten zastępuje domyślny panel edycji WP na ten znany z szablonu DIVI. Dając wam nowe możliwości prezentowania treści oraz jej zarządzaniem.

Ostatnim co chciałem wspomnieć w tym rozdziale to bezpieczeństwo przed atakami, niejednokrotnie spotkałem się administrując różne serwisy internetowe z faktem zainfekowania serwisu. W takim przypadku jeżeli nie macie backupu z przed zainfekowania, należy serwis oczyścić lub odbudować – co nie jest najprzyjemniejszym doświadczeniem. O ile samego WP zabezpieczymy dobrze, wykorzystując odpowiednie moduły. Tak na luki w szablonie nie mamy za bardzo wpływu, musimy na bieżąco aktualizować szablon. Tyle że, to nie zawsze jest oczywiste. Gdyż martwe porzucone szablony, są może w atrakcyjnych cenach – ale nie zapewniają minimum bezpieczeństwa. Przy Divi możemy być o to spokojnie, twórcy na bieżąco rozwijają swój produkt, dodając nowe funkcjonalności, optymalizując kod lub usuwając luki odkryte.

Druga sprawa, że poza dbaniem o swój produkt – twórcy jak w przypadku tematu SEO, również współpracują z wtyczką zabezpieczającą nasz serwis: iThemes Security.

Tworzenie podstrony od A do Z

Aby dodać nową podstronę, należy wybrać „Dodaj nową” z belki po lewej stronie i następnie musisz uzupełnić tytuł oraz przewinąć edytor do pola „Użyj Divi Builder” i wybrać opcję według potrzeb “Buduj od zera”, „Wybierz układ” lub „Klon istniejąca strona”.

Pierwsza opcja daje nam czystą “kartkę”, opcja druga pozwala na importowanie układu jednego z dostępnych przez twórców lub zapisanego w bibliotece mediów stworzonego przez nas indywidualnego wcześniej. Trzecia opcja jak sama nazwa wskazuje, klonuje już istniejącą stronę.

Jeżeli chcemy tworzyć totalnie od zera podstronę, to wybór jest oczywisty. Jeżeli jednak nie, to kolejnym krokiem będzie wczytanie zaprojektowanego wyglądu podstrony już istniejącej, aby nie tworzyć zakładki od podstaw. A jedynie podmienić treść, co znacząco skróci czas pracy nad nią. W tym celu należy kliknąć na „Twoje istniejące strony” – wybieramy z istniejących zakładek najbliższą wizualnie naszej nowej.

Po przejściu do edycji, ukazuje się standardowy panel edycji WordPress’a, nas jednak interesuje „Edytuj przy użyciu Divi” – opcja ta daje nam wizualny układ edycji podstrony. Aby edytować blok (na przykład z tekstem) należy na niego najechać myszką, a następnie użyć przycisku zębatki:

Jak edytować i zmieniać opcję bardzo fajnie przedstawia film: https://youtu.be/fyk4i8-kOZc?t=383

Jest jeszcze jedna możliwość edycji, jeżeli ktoś z jakiś względów nie chciałby edytować w trybie wizualnym – może przełączyć się na tryb blokowy. Jednak z tej opcji skorzystają jedynie osoby bardziej zaawansowane technicznie:

Po wykonaniu powyższych czynności klikamy na „Opublikuj” w dolnej części ekranu. Nowa podstrona jest dodana w serwisie, ale nie na stronie wizualnej. Należy jeszcze ją umieścić w menu lub w innym miejscu na stronie internetowej.

Podsumowanie

Kwestie szablonu mogą być obfite i ciężko wszystko ująć w jednym artykule. Ale mam nadzieje że chociaż trochę was zachęciłem do zapoznania się z tym systemem i jego możliwościami. Bardzo dużo jest w materiałów w sieci odnośnie tworzenia oraz konfiguracji, w formie dokumentacji czy wideo. Zachęcam do prób! A jeżeli mielibyście do mnie jakieś pytania o radę, to śmiało! Kontakt do mnie to: kontakt@s90.pl

Jeżeli macie jeszcze inne pytania odnośnie tworzenia stron internetowychadministracji stron internetowych lub pozycjonowaniem stron to również śmiało pytajcie.

Mateusz Adamski

Mateusz Adamski

Frontend Developer, Specjalista SEO. Od 2009 roku zajmuję się pozycjonowaniem oraz optymalizacją stron internetowych. Od 2012 roku specjalizuję się w tworzeniu stron i sklepów internetowych opartych na systemach CMS WordPress oraz Prestashop. Posiadam dobrą znajomość HTML5, CSS3, Bootstrap. Dysponuję również dużym doświadczeniem z programami Adobe Photoshop, Dreamweaver oraz CorelDRAW. Prywatnie jestem dużym fanem fotografii oraz motoryzacji. Od 2013 roku udzielam się jako klubowicz oraz moderator ogólnopolskiego klubu motoryzacyjnego. Masz jakieś pytania? Napisz do nas.