Ostatnio na blogu opisałem ogólnie szablony Elegant Themes do skryptu WordPress. Zapowiedziałem też, że napiszę o ich najlepszym szablonie, co niniejszym czynię. Poznaj „Divi” – prawdopodobnie najlepszy szablon do WordPressa, jaki kiedykolwiek powstał.
Idea szablonu Divi
WordPress jest najpopularniejszym systemem CMS (czyli systemem do zarządzania treścią, zawartością) na świecie. Wykorzystywany jest do wielu celów. Najbardziej oczywistym są blogi, dlatego wiele osób do tej pory mówiąc „WordPress” – myśli „blog”. Jednak WP to nie tylko blogi – to także wortale, portale, strony sprzedażowe, strony firmowe, a nawet sklepy internetowe. Ponieważ jest wykorzystywany do tworzenia różnych serwisów WWW, dlatego za każdym razem wykorzystujemy (najczęściej) inny szablon, który najlepiej się nadaje w danej sytuacji.
Szablony Elegant Themes od dawna wychodziły naprzeciw tym potrzebom. W poprzednim wpisie pisałem o tym, że ich szablony pasują do wielu różnych typów stron. Jednak „elegantowi twórcy” nie poprzestali na tym. Cały czas chodziło im po głowie stworzenie czegoś bardziej uniwersalnego. Szablonu, który można by używać do wielu celów. Templatki, której zastosowanie byłoby sprawą otwartą, zależną wyłącznie od pomysłowości osoby, która go wykorzystuje. OK, zamysł bym – ale jak go zrealizować? Już wcześniejsze szablony Elegantów miały zabudowany panel zarządzania, jednak to o wiele za mało. Potrzebne było kilka elementów:
- szablon uniwersalny kolorystycznie, z prostą możliwością zmiany wielu elementów (kolorów linków, logo w nagłówku, rodzaju czcionki itp.),
- zabudowany kreator zawartości, dzięki któremu każdą stronę budujemy jak z puzzli,
- wiele predefiniowanych konfiguracji wyglądu stron (czyli ich szablonów, typu strona „kontakt”, „galeria” itp.),
- mnóstwo gotowych elementów (formularzy, sliderów, przycisków, ramek, boksów, zakładek itp.), a do tego atrakcyjnych wizualnie.
Że szablon musiał być responsywny, czyli dostosowywać się do rodzaju i rozdzielczości ekranu urządzenia, na jakim jest strona wyświetlana – nawet nie ma co pisać, bo to dzisiaj oczywiste.
I właśnie te wszystkie elementy, które wyżej wymieniłem, zawiera przełomowy szablon Divi. Rzućmy okiem na kilka jego atrakcji.
Kreator zawartości
Gdy tworzysz stronę w Divi, możesz albo działać standardowo (czyli jak w każdym innym szablonie w WordPressie), albo użyć kreatora (spójrz na zrzut poniżej).
„Use page builder”, czyli użyj kreatora
Korzystając z kreatora, możesz wybrać różne układy: jedna kolumna, dwie równe kolumny, dwie kolumny o różnych szerokościach itd. Możliwości jest aż 11 (zrzut poniżej).
Wybierasz układ kolumn na stronie
Warto dodać, że układ ten wybierasz albo dla całej strony, albo dla jej fragmentu (bloku). To bardzo istotne, gdyż dzięki temu masz wręcz nieograniczone możliwości kreacji wyglądu strony – takich bloków tworzysz tyle, ile chcesz.
Mając już choć jeden blok strony z wybranym układem kolumn, możesz zabrać się za wrzucanie tzw. modułów. Moduły to różne elementy, takie jak zdjęcia, ramki z opiniami, slidery, formularze logowania, atrakcyjne wizualnie tabelki, przyciski i wiele innych. Łącznie jest ich aż 28 (poniższy zrzut pokazuje część z nich).
Wstawianie jednego z 28 modułów na stronę
Przy wrzucaniu na stronę wybranego modułu, wypełniasz jego parametry. Dla każdego modułu będą to inne dane. Poniższy zrzut ekranowy pokazuje tylko część pól i opcji, jakie masz do dyspozycji podczas wrzucania na stronę modułu z opinią („Testimonial module”).
Wstawianie modułu z opinią
Jak widzisz, tworzenie układu strony oraz wrzucanie modułów jest dziecinnie proste. A efekt? Zawsze estetyczny, ciekawy i – przypomnę – w pełni skalowalny. Poniżej pokazałem jedną z opinii moich Klientów – jej wygląd został nadany właśnie przez kreator z Divi.
Przykładowa opinia atrakcyjnie ostylowana z pomocą kreatora
Pokazując Ci wstawianie opinii za pomocą kreatora w Divi, oczywiście tylko liznąłem temat układu i modułów. Mam jednak nadzieję, że już teraz widzisz nieograniczone możliwości, jakie stoją przed Tobą. Z Divi stworzysz niemal dowolny serwis, panując nad jego zawartością i łatwo ją ustalając bądź modyfikując. Więcej na temat Divi zobacz na stronie Elegant Themes.
W kolejnym wpisie pokażę Ci przykładowy serwis oparty na WordPressie i opisanym dziś szablonie Divi. Mam nadzieję, że Cię zainspiruje.
Nazywam się Paweł Krzyworączka. Ale znajomi mówią na mnie Krzywy. A to jest mój subiektywny blog o e-biznesie (-;
Cześć! jestem totalnie zielona jeśli chodzi o Divi, oprócz tego ze próbowałam i bardzo podoba sie jego funkcjonalnosc. Zastanawiam sie czy przy wykupie dożywotniej licencji i stawiając strony przy jego pomocy mogę na domenie każdego z klientów sciagac Divi do panelu wordpress używając swojego konta, czy tez na każda ze stron musze wykupować Divi na nowo?
Wpis już trochę lat ma więc dodam, że jest to nadal bardzo użyteczny motyw. Mnie samego zachwyca w nim dynamiczny rozwój. Każdego tygodnia elegantthemes projektuje nowy szablon strony, który za darmo można użyć na swojej stronie. Zakupiłem ten motyw ok. 2 lata temu i od tego czasu zmieniło się w nim bardzo dużo, oczywiście na plus, dlatego warto pomyśleć o dostępie do aktualizacji żeby na bieżąco wykorzystywać wszystkie możliwości.
Ważną kwestią, o której również warto wspomnieć jest aspekt SEO. Ja zdecydowałem się na motyw DIVI ponieważ szukałem szybkiego i wygodnego motywu z którym będzie można pozycjonować strony. Wiele motywów ładnie wygląda, ale nie da się z nimi zrobić nic poza tym. DIVI daje możliwość dorobienia strony w każdym momencie, nie psuje się przy współpracy np. z Yoast SEO. Jest bardzo łatwo konfigurowalny właśnie pod kątem pozycjonowania i może przynieść naprawdę dobre efekty,
Jeżeli ktoś potrzebuje pomocy w instalacji motywu bądź chce mieć dostęp do dożywotniej aktualizacji chętnie pomogę 😉
Witam, do bloga lepszy będzie motyw Divi czy Extra?
To zależy co dokładnie planujesz mieć na swoim blogu. Oba rozwiązania są dobre chociaż osobiście bardziej skłaniałbym się w stronę DIVI. Tak naprawdę z pomocą Divi buildera jesteś w stanie stworzyć naprawdę wszystko.
Właśnie przymierzamy się z kolegą do zakupu tego szablonu. Ten blog bardzo pomógł w podjęciu takiej decyzji.
Witam od dłuższego czasu męczę się z polskimi znakami np. w formularzu w tym szablonie a widzę ze u ciebie problemu nie ma. Próbowałem zmieniać kodowanie w plikach PO i zamieniłem na polskie znaki i bez efektu. Czy możesz mi trochę podpowiedzieć?
Muszę przyznać, że rzeczywiście jego możliwości kreacji robią wrażenie. Dzięki za cenne wskazówki. Do tej pory cały czas pracuję na standardowych szablonach, ale wygląda na to, że chyba warto się skusić na te DIVI 😉
Takie kreatory zawartości coraz częściej da się zauważyć – świetna sprawa, gdy szablon posiada milion ciekawych funkcji, bo łatwiej wybrać to co będzie odpowiednie. Zresztą takie page builder’y są zbawieniem dla osób nie obeznanych z WordPress’em. Polecam również zobaczyć szablon o nazwie Avada, bo posiada podobne funkcje włączając Page Builder
Pozdrawiam
Osobiście korzystałem jakiś czas temu z tego szablonu i muszę przyznać rację. Jest prosty w obsłudze a co najważniejsze jest elastyczny i można wiele, samodzielnie bez wiedzy fachowca, pozmieniać. Mam wrażenie, że WP ma wiele możliwości ale z Divi, można je jeszcze powiększyć 🙂
A czy ktoś ma może doświadczenia z tym szablonem oraz z szablonem thesis?? Jak wrażenia? Co lepsze?
Kupiłem bazując na poleceniu Pawła i rzeczywiście szablon ma spore możliwości. Chcemy postawić na nim bloga wspierającego nasz sklep. Niestety w porównaniu do innych szablonów Elegant Thames nie do końca jest on intuicyjny i prosty w ustawieniu. Dużo rzeczywiście może, ale każdą stronę trzeba tworzyć kreatorem od podstaw. Chyba, że coś przegapiłem. Jeśli macie gdzieś dobry samouczek do tego szablonu to proszę o info.
Ze wszystkich szablonów Elegant Themes Divi jest zdecydowanie najlepszy i najbardziej rozbudowany. Nadaje się na portfolio i strony firmowe i niczym nie odbiega od szablonów kosztujących kilkaset złotych. Polecam zakupić cały pakiet, śmieszne pieniądze a jakość wysoka
Nawet nie chodzi o wiedzę czy jej brak. Nawet jeżeli jesteśmy zaznajomieni z programowaniem webowym to używając szablonów możemy zaoszczędzić mnóstwo czasu. Szablon wygląda naprawdę ciekawie, aż dziw że jeszcze o nim nie słyszałem 🙂 Dzięki
Ostatnio wprowadzili właśnie bardzo fajne aktualizacje niektórych szablonów. Z tych szablonów korzystam już od dość dawna i gorąco polecam. Często nawet klienci chcą budować strony na tym szablonie.
Też z niego korzystam na swojej stronie, chociaż nie miałem jeszcze czasu wykorzystać jego pełnego potencjału. Ogólnie rzecz biorąc bardzo przyjemny w konfiguracji.
Najlepszy w zależności dla kogo. Pod bloga, ok. W innym celu może być zbyt powszechny i nie robić takiego wrażenia.
Pawle
Już kiedyś pisałeś o szablonach Elegant Themes…
Szczerze mówiąc: wszedłem, obejrzałem i zamknąłem stronę. Pomyślałem że to strata pieniędzy, że szablony są kiepskie i nie ma problemu, żeby znaleźć dużo lepsze i to darmowe.
Po jakimś czasie, zupełnie niezależnie, znów tam wpadłem i… zakochałem się w DIVI 🙂 Dopiero wtedy przypomniałem sobie, że Ty Ich kiedyś chwaliłeś. Moja miłość zaowocowała wykupieniem konta i teraz jestem pewien, że było warto! Strona na razie powstaje ale jak już będzie, na pewno się nią pochwalę! Z nadzieją, że wtedy pokażesz ją jako przykład zastosowania szablonu 😉
Jest także wiele innych świetnych szablonów działających na podobnej zasadzie jak Divi np. Jarvis. Szablonów opartych na parallax, Css3 oraz html5, JQuery itp. itd. Z doświadczenia wiem jednak, że w każdym trzeba zawsze coś samemu kombinować, aby dokładnie dostosować stronę pod własne wymagania bądź wymagania klienta.
Wiem także, że istnieją wtyczki, które pozwalają na korzystanie z takich kolumn pod dowolnym szablonem. W każdym szablonie jednak zawsze mam pewien problem. Często zachodzi potrzeba np. na „stronach” zamieszczać treści w których jedne mają pełną szerokość ekranu i zaczynają się dokładnie zaraz pod belką tytułową (padding i margin CSS wynosi 0), a część jak np. artykuły, trzeba zamieszczać w węższej kolumnie i tu zawsze zaczynają się schody.
Wiem że istnieją shortcodes, których możemy użyć w różnych szablonach, bądź udostępniane z wtyczek, które np. umożliwiają wstawienie spacji pionowej o określonej długości, jednak z doświadczenia wiem, że zawsze staniemy przed problemem, którego rozwiązanie wiąże się z grzebaniem w css oraz innych plikach WP, aby osiągnąć dokładnie to co się zaplanowało.
Mówię tu oczywiście o szablonach responsywnych, na których strony mają dobrze wyglądać na wszystkich rozdzielczościach (1024px-1920px przynajmniej), wszystkich popularnych przeglądarkach oraz na smartfonach i tabletach. Prawd jest jednak, że obecnie na WP można postawić praktycznie wszystko 🙂 Nie tylko bloga. Stawiałem już na nim serwisy informacyjne, strony wizytówki, sklepy internetowe, serwisy ogłoszeń, katalogi stron, a ostatnio stronę firmową z indywidualnym katalogiem produktów według odgórnych ustaleń ;]
Ten post spada mi jak manna z nieba. Moja strona mocno się postarzała, wymaga przebudowy, a tu – taka niespodzianka. Jeszcze nie pogrzebałam w systemie, przeczytałam tylko ten i poprzedni post i już się przymierzam (choć z duszą na ramieniu) do wykorzystania tego szablonu. Moje obawy polegają tylko na tym, że nie jestem pewna, czy sobie z tym kreatorem poradzę, ale jestem dobrej myśli, bo pewnie jeszcze kilka cennych porad pojawi się na tym blogu. W każdym razie dzięki wielkie.
Rzeczywiście świetny szablon. Zdążyłem go trochę poznać.
Bardzo łatwy w dostosowywaniu, bardzo elastyczny.
Zastanawiam się nad użyciem go na moim blogu.
A nawet jak 90 % blogów w sieci będzie na Divi,
to i tak każdy będzie inny.
Ten szablon na to pozwala. 🙂
Potwierdzam, ten motyw powala. Chciałoby się powiedzieć: „Nowa era WordPressa”, bo dla mnie jest to przełom. Przy okazji: dzięki Pawle za polecenie Divi onegdaj i za pomoc przy konstrukcji strony. PS. Fajnie, że powróciłeś do mailowania, moja poczta się uśmiecha 😉
Rzczywiscie swietne rozwiazanie, szczegolnie dla osob takich jak np. ja 🙂 które to nie maja az tak duzej wiedzy aby samodzielnie grzebac w kodzie strony i przerabiac szablony. Oczywiscie czesc rzeczy i tak webmaster bedzie musial pozmianiac, ale to juz bedzie tzw. pikuś 🙂
Myslę że Dzieki Divi wszystko stanie sie o wiele bardziej estetyczne i prostsze do wykonnia. Ciekawe tylko czy za kilka miesiecy 90% stwon www nie bedzie zbudowanych wlasnie na szblonie Divi 🙂
Pierwsze słyszę o tym szablonie ale już mi się podoba. Można by go wykorzystywać przy zleceniach. Dzięki zapamiętam to 🙂