Spojrzenie na eleganckie motywy Divi 2.4

Divi jest obecnie najpotężniejszym i najbardziej zaawansowanym motywem WordPress w Elegant Themes i właśnie został zaktualizowany o największą aktualizację w swojej historii. Divi udostępnia elementy konstrukcyjne, których możesz użyć do tworzenia ciekawych układów i obszarów zawartości. Możesz dodać tekst, suwaki, mapy, notki, akordeony, struktury cen i wiele więcej. Możesz stworzyć praktycznie każdy rodzaj strony internetowej, jakiej potrzebujesz. I oczywiście jest responsywny.

Jestem użytkownikiem Divi od pierwszego dnia, w którym została wydana. W tym artykule dzielę się swoimi przemyśleniami na temat Divi i przyglądam się nowościom w wersji 2.4.

Co nowego w 2.4

Divi 2.4 jest podstawą przyszłej linii produktów ET. Ma ponad 1000 projektów modułów i ustawień dostosowywania oraz dodaje kilka interesujących funkcji:

• Ustawienia globalne – łatwiejsze wprowadzanie zmian w całej witrynie
• Fluid Grid — układ strony nie ma stałych szerokości. Dzięki płynnej siatce możesz tworzyć własne szerokości.
• Advanced Builder Settings – każdy moduł posiada zaawansowane ustawienia CSS z prostego interfejsu użytkownika.
• Biblioteka Divi – zaawansowane układy.

Opcje motywu

Wszystkie motywy ET używają ekranu opcji o nazwie epanel. Cechy epanelu zmieniają się w zależności od cech motywu. Epanel Divi jest obszerny. Ma podstawy, takie jak logo, favicon, stały pasek nawigacji, pobierz pierwszy obraz, styl bloga, liczbę postów do wyświetlenia itp. Dodaje wiele opcji, które obejmują:

• Strona sklepu WooCommerce
• Klawisz MailChimp
• Autoryzacja Awebera
• Ikony mediów społecznościowych
• Adresy URL mediów społecznościowych
• Czcionki Google
• Płynne przewijanie – umożliwia pojawianie się następnego wiersza i jego zawartości podczas przewijania
• Responsywne skróty
• Przycisk Powrót do góry
• niestandardowe CSS
• I więcej

Ustawienia nawigacji obejmują strony, kategorie, link do strony głównej, menu rozwijane itp. Zawiera ustawienia układu, zarządzanie reklamami, dostosowywanie SEO, zaawansowaną integrację kodu i dokumentację. Możesz dokonać wielu dostosowań tylko z epanelu.

Dostosowywanie motywów

Konfigurator motywu działa z poziomu frontonu i dodaje wiele suwaków, aby dostosować rozmiary czcionek, style, wiersze, przyciski, kolory, animacje, rozmiar nagłówka, rozmiar stopki, obraz tła i wiele więcej. Możesz dokonać wszystkich zmian i zobaczyć efekty w miarę ich pojawiania się (WYSIWYG – otrzymujesz to, co widzisz).

Możesz umieścić swoje dane kontaktowe i linki społecznościowe w nagłówku. Nagłówek jest szczególnie dobrym wyborem dla firm, ponieważ umieszcza ważne informacje z przodu i na środku oraz pozostaje na ekranie, gdy czytelnicy przewijają w dół. Obejmuje również układ i topografię. Podobnie jak standardowe dostosowania, możesz wybrać nawigację, widżety i statyczną stronę główną.

Pozwala nawet dostosować ustawienia mobilne dla tabletu i telefonu, a każde z nich jest niezależne od wszystkich innych ustawień i od siebie. Efekty są widoczne na ekranie symulującym urządzenie mobilne, dzięki czemu przed publikacją możesz zobaczyć, jak to wygląda. Jest to fajna funkcja, ponieważ nie musisz kupować urządzenia mobilnego tylko po to, aby sprawdzić, jak wygląda strona po wprowadzonych zmianach. Naprawdę się cieszę, że to jest włączone.

Konfigurator modułów

Możesz dostosować wygląd modułów w interfejsie za pomocą modułu Customizer. Dostosowania obejmują suwaki dotyczące rozmiarów, szerokości, wysokości itp. Możesz także wybrać czcionki, style, animacje, akcje itp.

Biblioteka Divi

Biblioteka Divi zawiera utworzone przez Ciebie układy. Z tego menu możesz edytować dowolne układy i tworzyć nowe układy.

Konstruktor Divi

Prawdziwa magia Divi dzieje się, gdy używasz The Divi Builder. Używasz tego, wybierając przycisk oznaczony Użyj The Divi Builder nad edytorem wizualnym. Poprzednia edycja miała Kreatora Stron, który działał tylko ze stronami. Divi Builder działa ze wszystkimi typami postów.

• Divi dodaje również ustawienia postów do edytora, dzięki czemu możesz wybrać układ strony, nawigację punktową, ukryć nawigację i ukryć tytuł postu w każdym poście, jeśli chcesz.

Możesz załadować układ strony lub zmodyfikować układ domyślny. Układ składa się z sekcji z rzędami i kolumnami. Moduły są następnie umieszczane w kolumnach. Możesz zmienić układ, przeciągając i upuszczając dowolną sekcję, wiersz, kolumnę lub moduł.

Sekcje

Sekcje można dodawać, usuwać, klonować i modyfikować. Możesz modyfikować wygląd i reakcje tła, dodać obraz tła, ustawić przezroczyste tło, wybrać jego kolor, odtworzyć wideo, wybrać jego ogólny rozmiar, czy może być wstrzymane przez innych graczy, czy ma wewnętrzny cień , jeśli używa efektu paralaksy i ustaw specjalny CSS. Korzystając z tych ustawień, możesz sprawić, że ten sam prosty układ będzie wyglądał niepowtarzalnie.

Możesz także utworzyć klon każdej sekcji — wraz z tymi samymi wierszami, modułami, treścią i ustawieniami. Oczywiście możesz następnie zmodyfikować nową sekcję w dowolny sposób.

Istnieją cztery różne rodzaje sekcji. Możesz dodać sekcję standardową, sekcję o pełnej szerokości, sekcję specjalną lub dodać z biblioteki.

Wydziwianie

Możesz dodawać nowe wiersze i modyfikować istniejące. Kolumny można następnie umieścić w wierszach, tworząc układ.

Kolumny

W tych kolumnach zostaną dodane moduły. Do wyboru jest 11 różnych układów kolumn.

Sekcje specjalistyczne

Istnieje również 9 specjalnych układów kolumn. Należą do nich różne opcje pasków bocznych.

Wczytaj z biblioteki

Możesz załadować układy z 32 wstępnie zdefiniowanych układów lub układów z tego, co utworzyłeś. Każdy z nich można modyfikować. Układy zawierają różną liczbę kolumn, siatek, karuzeli, pasków bocznych, stron głównych, sklepów, firm, portfolio, blogów, trybu konserwacji, wkrótce, strony docelowej, strony sprzedaży, studiów przypadku, funkcji produktów, stron o stronach, stron kontaktowych, strony zakupów i nie tylko.

Twoja strona jest tworzona przez układanie wierszy, umieszczanie kolumn w tych wierszach, a następnie umieszczanie modułów w tych kolumnach. Możesz dodawać nowe wiersze, przenosić wiersze przez przeciąganie i upuszczanie lub usuwać wiersze. Gotowe układy mają je już stworzone dla Ciebie. Wybrałem Homepage Basic i otrzymałem układ z suwakiem, nagłówkiem, czterema notatkami i wezwaniem do działania.

Moduły

Moduły to specjalne typy zawartości (takie jak widżety). Możesz dodawać nowe moduły, przeciągać je i upuszczać w dowolnej kolejności lub usuwać. Możesz także dodawać różne rodzaje treści. Możesz mieć tyle modułów, ile chcesz i używać ich w dowolnej kombinacji. Nie jesteś ograniczony, ile razy używasz tego samego modułu. Na przykład, jeśli chcesz, aby ekran był pełen map, po prostu dodaj tyle modułów map, ile chcesz.

Dostępnych jest 40 modułów:

To wystarczająco dużo modułów, że możesz stworzyć ciekawe układy i funkcje dla swojej witryny. Moduły to jedna z mocnych stron Divi. Umieszczając moduły w kolumnach, możesz dosłownie stworzyć unikalny układ. Korzystając z modułów, Divi pozwoli Ci stworzyć dowolny rodzaj witryny.

Każdy moduł ma swoje własne ustawienia. Większość z nich ma edytor, zaawansowane ustawienia projektowe i ustawienia CSS, dzięki czemu możesz dodawać ich zawartość i modyfikować ich wygląd i styl. Oto kilka modułów i ich funkcji:

Tekst

Tekst zapewnia podstawowy edytor i opcje wyboru koloru i orientacji tekstu, zaawansowane ustawienia projektu (suwaki szerokości, wysokości, kolorów, marginesów itp.) oraz niestandardowy CSS. Większość modułów zawiera te lub podobne funkcje.

Nota wydawnicza

Kliknąłem Blurb, aby zobaczyć, jakie treści mogę dodać. Tutaj mogę nadać mu tytuł, adres URL, określić sposób działania adresu URL, nadać mu ikonę, wybrać kolory, czcionki, rozszerzenie, a następnie dodać treść za pomocą standardowego edytora TinyMCE. Zaawansowane ustawienia projektu obejmują te same ustawienia, co moduł tekstowy, ale z dodatkowym ustawieniem obrazu.

Mapa

Mapa zapewnia ładną mapę, którą można wyświetlić jako zwykłą mapę (z terenem lub bez) lub wyświetlić w widoku satelitarnym (z etykietami lub bez). Możesz dodać pinezki, aby wyróżnić określone lokalizacje na mapie. Wystarczy wpisać adres i wybrać, aby dodać nowy pin. Zaawansowane ustawienia zapewniają filtr w skali szarości z kontrolą procentową.

Blog

Ciekawy jest moduł Blog. Umożliwia umieszczanie postów na blogu w jednej kolumnie o dowolnej szerokości. Powodem, dla którego to lubię, jest to, że możesz mieć statyczną stronę główną i nadal wyświetlać swoje posty na blogu z wybranych przez Ciebie kategorii. Możesz pokazać tyle, ile chcesz, możesz pokazać fragment, nazwisko autora, datę, kategorie, paginację, wyróżniony obraz, przycisk Czytaj więcej i nie tylko. Stworzyłoby to ciekawy układ w stylu magazynu. Zawiera te same zaawansowane ustawienia projektu, co moduł tekstowy, ale z dodatkowymi ustawieniami kolorów tła i nagłówków.

Tytuł posta

To jeden z nowych modułów. Pozwala zaprojektować wygląd tytułu posta i wybrać, co zawiera, a co nie. Zaawansowane funkcje projektowania są w większości takie same, jak w przypadku modułu tekstowego, z kilkoma dodatkowymi ustawieniami, takimi jak kolor tła.

Oto spojrzenie na zaawansowane ustawienia projektu dla modułu tytułu posta.

Używanie Divi jako zwykłego motywu

Oczywiście nie musisz używać żadnej z tych funkcji. Możesz po prostu używać Divi tak, jak każdego innego motywu. Po prostu wybierz żądane ustawienie w epanelu i twórz treści jak zwykle – za pomocą standardowego edytora. Dzięki temu prosta i przejrzysta witryna lub blog jest wystarczająco elegancki, aby można go było używać bez zmian.

Wsparcie językowe

Divi ma wbudowaną obsługę ponad 30 języków i może być tłumaczony na inne. Obejmuje to interfejs i konstruktora, który wyświetla się nawet od prawej do lewej, gdy włączony jest język RTL.

Zdobywanie Divi

Divi jest częścią planu osobistego ET, który kosztuje 69 USD rocznie i obejmuje dostęp do wszystkich motywów, wieczyste aktualizacje, wsparcie i nieograniczone korzystanie. Jeśli anulujesz subskrypcję, zachowasz wszystko, co pobrałeś z ET.

Moim zdaniem samo Divi jest warte tej ceny (zwłaszcza, gdy weźmiesz pod uwagę, że większość motywów tego kalibru kosztuje znacznie więcej), ale jeśli weźmiesz pod uwagę, że obejmuje to 87 motywów i liczenie, dołączenie do Elegant Themes na co najmniej jeden rok jest nie- Mózgowiec.

Dalej w dół drogi

Kolejne wydania w programie ET to wtyczka Divi Builder, motyw magazynu o nazwie Extra, który będzie zawierał te same elementy budynku, ale z naciskiem na układ magazynu, a następnie Divi 3.0. Oczywiste jest, że ET jest w pełni zaangażowane w sukces Divi i platformy Divi Builder. Teraz, gdy zobaczyłem Divi 2.4, nie wyobrażam sobie ulepszeń i funkcji w Divi 3.0.

Wtyczka Divi Builder

Jedną wadą Divi jest to, że po utworzeniu układu strony nie można przełączać motywów bez ponownego tworzenia stron i postów. ET rozwiązało to za pomocą darmowej wtyczki, która zachowuje układ niezależnie od używanego motywu. Możesz zachować wszystkie swoje układy i moduły, nawet jeśli nie używasz motywu z ET. Ta wtyczka powinna być wkrótce dostępna.

Końcowe przemyślenia

Divi może tworzyć złożone układy, ale nadal jest łatwy w użyciu. Nie ma dużej krzywej uczenia się. Możesz łatwo dodawać elementy oraz przeciągać i upuszczać je w dowolnym miejscu, aby tworzyć własne niestandardowe układy i modyfikować ich wygląd za pomocą suwaków. Mogą być tak złożone lub tak proste, jak chcesz.

Uzyskanie układu takiego, jaki chcesz, może zająć trochę czasu, ale przynajmniej możesz zapisać swoje układy jako szablony lub użyć gotowych układów, co może zaoszczędzić dużo czasu na opracowywanie. Wprowadzanie zaawansowanych zmian jest łatwiejsze niż kiedykolwiek, a każde ustawienie ma przycisk cofania, dzięki czemu nie musisz się martwić o popełnienie błędów. Witryny wykonane za pomocą Divi wyglądają imponująco na każdym urządzeniu i szybko się ładują. Bardzo polecam Divi 2.4 od Elegant Themes.

Dowiedz się więcej o Divi i pobierz tutaj

Jak o tobie? Czy próbowałeś Divi? Czy twoje doświadczenie było podobne do mojego? Masz coś do dodania? Opowiedz nam o tym w komentarzach poniżej.