Divi – prawdopodobnie jedyny szablon do WordPressa, jakiego potrzebujesz

Divi – prawdopodobnie jedyny szablon do WordPressa, jakiego potrzebujesz

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 kreatora

„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

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 modułów na stronę

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ą

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

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.

Paweł Krzyworączka i jego blog o e-commerce

18 komentarzy

  1. Właśnie przymierzamy się z kolegą do zakupu tego szablonu. Ten blog bardzo pomógł w podjęciu takiej decyzji.

    Odpisz
  2. 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 ;)

    Odpisz
  3. 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

    Odpisz
  4. 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ć :)

    Odpisz
  5. A czy ktoś ma może doświadczenia z tym szablonem oraz z szablonem thesis?? Jak wrażenia? Co lepsze?

    Odpisz
  6. 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.

    Odpisz
  7. 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

    Odpisz
  8. 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

    Odpisz
  9. 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.

    Odpisz
  10. 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.

    Odpisz
  11. Najlepszy w zależności dla kogo. Pod bloga, ok. W innym celu może być zbyt powszechny i nie robić takiego wrażenia.

    Odpisz
  12. 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 ;)

    Odpisz
  13. 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ń ;]

    Odpisz
  14. 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.

    Odpisz
  15. 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. :)

    Odpisz
  16. 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 ;-)

    Odpisz
  17. 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 :)

    Odpisz
  18. Pierwsze słyszę o tym szablonie ale już mi się podoba. Można by go wykorzystywać przy zleceniach. Dzięki zapamiętam to :)

    Odpisz

Wyślij komentarz

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

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Uwaga: zasady rozsądnego komentowania.
1. Daruj sobie komentarze typu "Dobry wpis", "Gratulacje! link.pl" itp.
2. Komentuj tak, jakbyś chciał, aby u Ciebie komentowano.
3. Podawaj w formularzu Twój prawdziwy adres e-mail (jest bezpieczny!)
4. Link do Twojej strony WWW (w podpisie) pokaże się dopiero wtedy, gdy napiszesz 5-ty komentarz na ebiznesy.pl. Pamiętaj jednak, aby zawsze podawać ten sam adres mailowy (komentarze zliczane są właśnie po mailu).

Szablony do WordPressa
Elegant Themes – jedne z najlepszych szablonów do WordPressa

Gdy je pierwszy raz ujrzałem, zamurowało mnie. Były pię […]

Zamknij