Wyróżnienie wtyczki Divi: Divi Supreme

Divi Supreme to wtyczka innej firmy do Divi, która dodaje wiele ustawień, aby dodać nowe funkcje do Divi Builder, a także wiele nowych modułów. W tym artykule przyjrzymy się Divi Supreme, aby zobaczyć, co może zrobić i pomóc Ci zdecydować, czy jest to wtyczka, której potrzebujesz w swoim przyborniku Divi.

Instalacja

Instalacja jest prosta i nieskomplikowana.

1. Kup i pobierz wtyczkę z Divi Marketplace
2. Przejdź do Wtyczki > Dodaj nowy > Prześlij wtyczkę
3. Kliknij Wybierz plik
4. Znajdź plik zip wtyczki na swoim komputerze i wybierz go
5. Kliknij Zainstaluj teraz
6. Kliknij Aktywuj
7. Przejdź do Divi Supreme Pro > Licencja w panelu WordPress i wprowadź swój klucz licencyjny

Ustawienia główne

Divi Supreme dodaje ekran menu z kilkoma zakładkami, aby dostosować ustawienia tak, jak chcesz. Karta Ustawienia ogólne zawiera przełączniki umożliwiające włączenie zaplanowanych elementów, wyskakujące okienko, widżet biblioteki, link do przeczytania większej ilości treści, skróty do biblioteki i responsywną przeglądarkę. Przyjrzyjmy się kilku z nich.

Zaplanowany element

Zaplanowane elementy udostępniają kalendarz z dokładnym czasem, dzięki czemu można zaplanować pokazywanie lub ukrywanie go na te godziny. Możesz także wybrać, którego użytkownika dotyczy. Jest dodawany do wszystkich sekcji, wierszy, kolumn i modułów.

Wyskakujące okienko

Funkcja wyskakujących okienek jest dodawana do modułów. Możesz wybrać typ wyskakującego okienka, wybrać układ z biblioteki, wybrać wyzwalacze otwierania i zamykania, automatyczne zamykanie, animacje wejścia i wyjścia, pozycje, szerokości, nakładki, przyciski zamykania, ikony, kolory itp.

Czytaj więcej

Czytaj więcej dodaje link do niektórych modułów, aby wyświetlić ich zawartość po kliknięciu. Wybierz, aby wyświetlić link na urządzeniu mobilnym, zwiniętą wysokość, tekst, czcionkę, kolory, cień, niestandardowy CSS i inne.

Widżet biblioteki

Widżet biblioteki umożliwia umieszczenie dowolnego układu z biblioteki Divi na paskach bocznych, stopce lub w dowolnym innym miejscu, w którym używasz widżetów.

Ten przykład pokazuje układ demonstracyjny na pasku bocznym. Układ, którego używam, nie został zaprojektowany dla tej przestrzeni, ale interesujące jest to, że może używać układów Divi do budowania pasków bocznych.

Responsywna przeglądarka

Responsive Viewer dodaje nowe narzędzia do paska narzędzi Builder, które zapewniają więcej opcji wyświetlania. Po wybraniu wyświetlania trybów tabletu lub telefonu do paska narzędzi dodawane są nowe rozmiary ekranu. Dodaje również pole, w którym możesz wprowadzić niestandardowy rozmiar.

Łatwy kreator motywów

Easy Theme Builder pozwala skonfigurować nagłówek, zmienić kolory elementów nagłówka podczas przewijania i dostosować zmniejszane elementy.

Naprawiono nagłówek

Domyślnie nagłówek utworzony za pomocą Theme Buildera przewija się wraz z witryną. W powyższym przykładzie przewinąłem stronę w dół, a nagłówek się przewinął.

Nagłówek jest teraz naprawiony, więc kiedy przewijam, nagłówek pozostaje na swoim miejscu.

Przewijanie

W przypadku przewijania zmieniłem kolory tła w obu sekcjach. Dodałem również cień pudełka, który pojawia się na zwoju.

Oto mój nagłówek Theme Buildera przed przewinięciem. Ustawiłem to na Naprawiono i zepchnąłem zawartość w dół. Ten nagłówek ma dwie sekcje.

Oto nagłówek po przewinięciu. Dwie sekcje zmieniły kolory tła zgodnie z moimi ustawieniami.

Kurczyć

Shrink pozwala określić rozmiar menu podczas przewijania i zmienić logo na nowy obraz. Dodaj dopełnienie do sekcji, wierszy, modułu i określ procent obrazu, który ma zostać zmniejszony.

Oto mój nagłówek Theme Buildera z domyślnymi ustawieniami i nowym logo.

Zwiększyłem rozmiar, więc łatwo zauważyć różnicę. Dodałem 8px wypełnienia i ustawiłem obraz na 80%. Teraz zmieniłem logo na mój nowy obraz.

Ustawienia mediów społecznościowych

Ustawienia mediów społecznościowych pozwalają wprowadzić identyfikator aplikacji Facebook i zmienić język, aby Twoje moduły używały tego samego języka, co Twoja witryna.

Różne

Różne ustawienia pozwalają usunąć dane wtyczki podczas odinstalowywania, umożliwiają przesyłanie plików JSON, przesyłanie SVG oraz zmianę nazwy i ikony menu Divi Supreme.

Moduły Divi

Divi Supreme dodaje 42 nowe moduły do ​​Divi Builder. Dodają wiele nowych funkcji do obrazów, tekstu, przycisków, formularzy kontaktowych, sieci społecznościowych itp. Przyjrzyjmy się kilku z nich.

Najwyższe godziny pracy

Supreme Business Hours zawiera podmoduły na każdy dzień tygodnia, dzięki czemu możesz je indywidualnie nazwać, pokazywać różne godziny i stylizować. Możesz je również stylizować razem, tak jak ja to zrobiłem tutaj. Daje niezależną kontrolę nad czcionkami dnia i godziny. Możesz także wpisać dowolny tekst w pola.

Najwyższy przycisk

Supreme Button to dwa przyciski, które możesz stylizować razem lub niezależnie. Dodaje również tekst separatora, lightbox dla każdego przycisku i podpowiedzi. Każdy z elementów ma swoje własne opcje stylizacji. Możesz używać dokładnie tych funkcji, które chcesz, więc nie musisz używać obu przycisków, tekstu separatora itp.

Najwyższa Karta

Supreme Card tworzy karty, które wyglądają jak posty na blogu. Dodaj obraz, tytuł, opis, przycisk i odznakę. Każdy z elementów może być stylizowany niezależnie. Dodałem obraz, zwiększyłem grubość czcionki tytułu, zmieniłem kolor znaczka i rozmiar czcionki, zmieniłem kolor przycisków, zaokrągliłem przycisk i dodałem cień pola do przycisku. To jest widok skumulowany.

Możesz także wykonać w tekście i wybrać szerokość, wyrównanie kolejności i wyrównanie zawartości w poziomie (co dostosowuje pionowe położenie obrazu). To pokazuje lewą stronę dla wyrównania kolejności i środek dla wyrównania w poziomie. Opcja wyrównania jest doskonała do tworzenia CTA w układzie naprzemiennym.

To jest właściwe wyrównanie. Wprowadziłem również pewne poprawki do obrazu, takie jak dodanie zaokrąglonych rogów, czerwonej ramki i cienia pudełka. Możesz także dodać nakładkę do obrazu.

Karuzela kart Supreme

Karuzela kart Supreme zapewnia te same funkcje, co karta Supreme, ale dodaje wiele kart do suwaka. Daje opcje stylizacji, dzięki czemu możesz niezależnie stylizować karty. Dodaje również opcje stylizacji karuzeli, w tym strzałki i nawigację punktową oraz standardowe funkcje suwaka. Pokazuje to domyślne ustawienia z dodanymi przeze mnie obrazami. To jest wyrównanie piętrowe.

To jest wyrównanie w linii. Dodałem kolor tła do każdego z podmodułów, aby wyróżniały się. Zmieniłem również rozmiar i kolor strzałek oraz kolory nawigacji kropkowej. Dostosowania strzałek zapewniają również kontrolę nad pozycją, poprzednią ikoną i następną ikoną.

Najwyższy podwójny kurs

Supreme Dual Heading Zawiera trzy sekcje tekstu: przed, w środku i po. Tekst środkowy ma domyślnie inny kolor. Wszystkie trzy używają tych samych ustawień, ale możesz je stylizować niezależnie. Możesz także wyświetlać je jako wbudowane lub ułożone w dowolnej kombinacji. Wbudowany jest ustawieniem domyślnym. Zwiększyłem rozmiar czcionki tekstu przed i środkowego, zmniejszyłem tekst po i pogrubiłem środkowy tekst.

Najwyższa wbudowana mapa Google

Wbudowana Mapa Google pozwala dodać adres, który chcesz przypiąć, i wybrać poziom powiększenia. Żadna inna konfiguracja nie jest potrzebna. Używa ctrl + do powiększania, dzięki czemu użytkownicy mogą przewijać go bez zatrzymywania strony w celu powiększenia mapy.

Nie ma niestandardowych ustawień dla żadnego z elementów mapy, ale ma wszystkie standardowe opcje projektowania. Dodałem cień pudełka i dostosowałem filtry w tym przykładzie.

Wbudowana oś czasu na Twitterze

Wbudowana oś czasu Twittera umożliwia określenie nazwy użytkownika Twittera, aby umieścić posty tego użytkownika z Twittera w swoim układzie. Ogranicz liczbę tweetów, pokaż nagłówek, stopkę, obramowanie, pasek przewijania i usuń kolor tła. Zawiera standardowe ustawienia projektowe. Zawiera również jasny i ciemny motyw.

Najwyższe komentarze na Facebooku

Komentarze na Facebooku osadzają komentarze na stronie na Facebooku i umożliwiają użytkownikom komentowanie przy użyciu ich kont na Facebooku. Wybierz liczbę komentarzy do pokazania, wybierz schemat jasny lub ciemny i określ kolejność komentarzy. Użytkownicy mogą polubić, odpowiedzieć i śledzić osobę na Facebooku. Zawiera standardowe ustawienia projektowe.

Najwyższa lista ikon

Supreme Icon List zawiera podmoduły, w których możesz dodać treść i wybrać ikonę dla każdego elementu. Tekst i ikony można stylizować niezależnie. Za każdym elementem można również dodać tła, w tym kolor, gradienty, obrazy i wideo.

Najwyższe kształty

Supreme Shapes pozwala wybrać kształt z listy rozwijanej i ustawić jego rozmiar. Do wyboru 17 różnych kształtów.

Opcje projektowania pozwalają zmienić kolor, użyć obramowania i dodać cień. Zawiera również standardowe ustawienia projektowe. Zmieniłem kolor i dodałem cień w powyższym przykładzie.

Zakup

Divi Supreme jest dostępny w Divi Marketplace za 79 USD. Cena obejmuje nieograniczone korzystanie ze strony internetowej oraz jeden rok wsparcia i aktualizacji.

Końcowe myśli

Divi Supreme Pro to ciekawa wtyczka do Divi. Dodaje mnóstwo nowych funkcji i modułów, ale pozostaje łatwy w użyciu. Wszystkie funkcje są przydatne. Niektóre dodają efekty, podczas gdy inne dodają funkcje, które znacznie rozszerzają Divi. Jeśli chcesz rozszerzyć swoją witrynę Divi lub zestaw narzędzi bez potrzeby używania mnóstwa wtyczek, warto zajrzeć do Divi Supreme Pro.

Chcemy usłyszeć od Ciebie. Czy próbowałeś Divi Supreme Pro? Daj nam znać, co o tym myślisz w komentarzach.

Polecany obraz za pośrednictwem VectorKnight / shutterstock.com