Podświetlenie wtyczki Divi – suwak do wszystkiego

Standardowy moduł suwaka Divi to potężny suwak. Funkcje obejmują nagłówek, przycisk, tekst, multimedia, łącze, tło, nakładkę i inne. A co, jeśli chcesz tworzyć układy za pomocą Divi Builder i umieszczać je w slajdzie? To jest dokładnie to, co robi Anything Slider.

Anything Slider to wtyczka innej firmy od CakeWP, która umożliwia korzystanie z układów Divi na slajdach. Możesz z nim zrobić o wiele więcej niż tylko suwaki. Zawiera również moduł AS Menu, którego można używać w połączeniu z modułem suwaka do tworzenia:

• Karty
• Karuzele
• Sekcje interaktywne
• Przełączniki cen
• Filtrowalne galerie
• Interaktywne CTA
• Produkty filtrowalne
• Strona internetowa

Anything Slider działa z wtyczką Divi, Extra i Divi Builder. W tym wyróżnieniu wtyczki przyjrzymy się, co może zrobić Anything Slider. Obrazy pochodzą z Unsplash.com.

• Zobacz CakeWP.com, aby uzyskać informacje o zakupie.

Instalowanie czegokolwiek suwaka

Prześlij i aktywuj wtyczkę tak, jak każdą wtyczkę premium. Po aktywacji najedź kursorem na menu Wtyczki na pulpicie nawigacyjnym i wybierz Licencja suwaka Anything Slider. Wprowadź swój klucz licencyjny i wybierz Aktywuj licencję. Następnie wybierz Zapisz zmiany.

Do Divi Buildera dodano dwa nowe moduły: Anything Slider i AS Menu. Razem mogą stworzyć ciekawe projekty.

Ustawienia modułu suwaka Wszystko

Ustawienia obejmują nowe slajdy, następne/poprzednie kontrolki, kontrolki kropkowe, kontrolki pokazu po najechaniu kursorem, suwak pętli, animację, wysokość, przeciąganie myszą itp. Karta Projekt zawiera niestandardowe style dla kontrolek Następny i Poprzedni, liczbę slajdów na ekranie, margines między slajdy, kolory kropek i nie tylko.

Wszystko Ustawienia slajdów suwaka

Kliknij Dodaj nowy slajd. Tutaj zobaczysz menu rozwijane o nazwie Układ slajdów, w którym możesz wybrać układy slajdów. Mogą to być gotowe układy, układy utworzone i zapisane w bibliotece lub przesłane przez Ciebie.

Ustawienia modułu suwaka menu AS

Ustawienia obejmują orientację menu, wyrównanie itp. Karta Projekt zawiera czcionki, odstępy, tła, kolory i inne. Pozycje menu utworzysz, klikając Dodaj nową pozycję menu. Wklej adres URL, wybierz ikonę, wybierz obraz itp.

Zestawy startowe do wszystkiego

Anything Slider używa układów do tworzenia slajdów. Aby ułatwić rozpoczęcie pracy, istnieje wiele bezpłatnych zestawów startowych i pakietów układów, które można pobrać ze strony internetowej programisty. Zaimportuj je do Biblioteki Divi, aby z nich korzystać.

Tworzenie niestandardowego suwaka

Stworzyłem kilka własnych układów i wybrałem każdy z nich jako slajd. Możesz dodać tyle slajdów, ile chcesz. Uważam, że najlepiej jest je oznaczyć, aby wiedzieć, który slajd jest który, jeśli chcesz wprowadzić zmiany.

Ten slajd zawiera obraz i licznik słupków. Możesz zobaczyć nawigację kropkową w lewym rogu i suwaki po obu stronach. W tym przykładzie moja mysz znajduje się nad lewym przyciskiem nawigacyjnym. Wszystkie style można dostosować.

Animacje

Slajdy mogą być animowane i możesz je automatycznie przesuwać lub nie. Zawiera animację wejścia i wyjścia. Ma blisko 80 animacji, w tym wszystkie podstawowe, takie jak odbicie, gumka, jello, puls, wstrząsanie, tada, chybotanie, huśtawka, zanikanie, odwracanie, obracanie, powiększanie i wiele innych. Możesz zatrzymać animację po najechaniu myszą.

Przyciski nawigacyjne

Przyciski nawigacyjne mogą być stylizowane niezależnie. Stylizuj zarówno normalne, jak i najeżdżaj kursorem na ikony, obramowania, kolory itp.

W tym przykładzie stylizowałem przycisk nawigacyjny niezależnie i zwiększyłem rozmiar kropek (możesz określić dowolny rozmiar w pikselach dla kropek). Animacja najechania zmienia kolor i promień obramowania. Zawiera te same funkcje stylizacji, co większość modułów Divi.

Przyciski i kropki zostały przesunięte w prawo, a przyciski na górze i kropki na dole. Możesz umieścić je po obu stronach lub po lewej, pośrodku lub po prawej stronie na górze lub na dole. Możesz także wyłączyć każdy z nich, jeśli wolisz. Pomiędzy przyciskami i kropkami ma wiele kombinacji opcji układu.

Moduł menu AS

Moduł AS Menu doskonale nadaje się do dodawania większej liczby opcji nawigacji i może używać ikon i obrazów. Zawiera opcje orientacji poziomej i pionowej i może być stylizowany tak jak każdy inny moduł.

Moduł AS Menu tworzy menu, dzięki któremu odwiedzający mogą poruszać się po slajdach. Same slajdy zawierają tag nawigacyjny na końcu adresu URL (w pasku adresu przeglądarki). Użyj tego znacznika dla każdego elementu menu. W tym przykładzie tag adresu URL slajdu to #s_1.

Umieściłem menu na dole, zwiększyłem rozmiar czcionki i dodałem tło, aby się wyróżniało. Słowa można klikać, ale w tym przykładzie nie wyglądają jak przyciski. Łatwo to zmienić.

Dodałem trochę niestandardowego wypełnienia i dostosowałem kolory najechania i tła.

Usunąłem również przyciski nawigacyjne z suwaka i umieściłem moduł AS Menu na górze. Menu jest wyświetlane w orientacji poziomej. Dopełnienie z kolorami tła tworzy ramki wokół tekstu. Używając wyściółki, możesz sprawić, że przyciski będą tak duże, jak chcesz.

Dostosowałem układ do 2 kolumn (3/4 + 1/4) i ustawiłem orientację menu na pionową.

Menu z boku stwarza kilka ciekawych możliwości, zwłaszcza jeśli weźmie się pod uwagę cechy graficzne i ikony modułu. Zobaczmy, co możemy z tym zrobić.

Tworzenie unikalnej strony

Możesz tworzyć pełne strony za pomocą suwaka, a następnie przesuwać się między nimi automatycznie, korzystając z nawigacji za pomocą przycisków i kropek lub za pomocą modułu menu. W tym przykładzie utworzyłem nową stronę o pełnej szerokości z modułem AS Menu w 1/4 po lewej stronie i suwakiem Anything w 3/4 po prawej stronie. Do sekcji dodałem obrazek tła z nakładką, aby na pierwszy rzut oka opisać witrynę.

W tym przykładzie chciałem użyć funkcji obrazu modułu AS Menu. Do tego menu dodaję obrazy dla każdej pozycji menu. Zawiera również ikony, których można używać z obrazami lub samodzielnie.

Dla slajdów stworzyłem układy z jednym modułem bloga z wybraną jedną kategorią.

Moduł AS Slider pokaże wszystkie układy bloga jako osobne slajdy. Wyłączyłem kontrolki następny/poprzedni i kropka.

Suwak wyświetla moduł bloga dla każdej kategorii, podczas gdy menu po lewej stronie, które jest ustawione w orientacji pionowej, wyświetla obrazy dla kategorii i działa jako nawigacja między slajdami. Suwak jest ustawiony na obracanie się na slajdach, aby wyświetlić najnowszy post z każdej kategorii. Oznacza to, że cała strona główna, z wyjątkiem nawigacji, jest suwakiem. Oczywiście menu można również umieścić powyżej, poniżej lub po prawej stronie.

Wszystko Dokumentacja suwaka

Dokumentacja jest dostępna na stronie CakeWP i zawiera przegląd ze zdjęciami i kilkoma filmami, w tym przewodnik dla początkujących i samouczek. Zawiera również wersje demonstracyjne, które pomogą Ci przedstawić pomysły, jak korzystać z modułów.

Licencja, wsparcie i aktualizacje

Wtyczka może być używana na stronach internetowych dla Ciebie i Twoich klientów na podstawie wybranej przez Ciebie licencji. Do wyboru są trzy licencje:

• 1 witryna – 30,00 $
• 5 witryn – 50,00 $
• Nieograniczone witryny – 120,00 USD

Wszystkie licencje obejmują jeden rok wsparcia i aktualizacji.

• Zobacz CakeWP.com, aby uzyskać informacje o zakupie.

Końcowe przemyślenia

Anything Slider to ciekawy moduł. Możliwość używania układów Divi jako slajdów otwiera wiele możliwości projektowych. Szczególnie lubię używać obrazków w module menu. Moduły są łatwe w użyciu, a dokumentacja zawiera instrukcje krok po kroku, jak zacząć.

Jeśli chcesz rozszerzyć swoje suwaki poza standardowy suwak Divi, Anything Slider może być wtyczką, której potrzebujesz.

Chcielibyśmy usłyszeć od Ciebie. Czy używałeś suwaka Anything Slider? Daj nam znać o swoim doświadczeniu w komentarzach.

Polecany obraz za pośrednictwem VectorsMarket / shutterstock.com