Kompletny przewodnik po tworzeniu suwaka Divi

Opublikowany: 2020-09-04

Divi by Elegant Themes to jeden z najpopularniejszych obecnie dostępnych motywów WordPress i kreatorów stron. Ten kreator stron to edytor typu „przeciągnij i upuść”, w którym możesz utworzyć całą witrynę internetową . Dostępnych jest wiele modułów, z których możesz wybierać, co ułatwia stworzenie strony internetowej. W tym artykule przedstawię dostępne moduły sliderów w Divi . Pokażę Ci również alternatywę wtyczki suwaka , która może uczynić Twoją witrynę bardziej wyjątkową.

Moduły Divi Slider

Używanie suwaka lub bloku na swojej stronie internetowej nie jest obecnie niczym nowym. Kreatory stron, takie jak Divi, mają już opcje tworzenia modułu suwaka dla Twojej strony, co jest najłatwiejszym i najszybszym rozwiązaniem do utworzenia suwaka . Divi oferuje 3 rodzaje modułów slidera: prosty slider, video slider i post slider module.

Moduły suwaków Divi
Dostępne moduły suwaków Divi

Przyjrzyjmy się tym modułom!

Moduł suwaka

Moduł suwaka Divi może być świetnym rozwiązaniem, jeśli chcesz umieścić podstawowy suwak na swojej stronie. Każde ustawienie znajduje się w kreatorze Divi i możesz natychmiast sprawdzić, czy projekt pasuje, czy nie.

Moduł suwaka Divi

Ten suwak to świetny moduł suwaka, którego możesz użyć do zaprezentowania zdjęć lub filmów, wyświetlenia tekstu, a także możesz umieścić na nim wezwanie do działania. Z tego powodu może to być szybki sposób na stworzenie suwaka bohatera. Masz również opcje dostosowywania, takie jak ustawienie typografii, kolorów lub stylu pocisków. Suwak ma opcję ustawienia obrazu tła suwaka, w którym można dostosować rozmiar obrazu. Dodatkowo możesz nałożyć na nią nakładkę. Możesz nawet dodać efekt paralaksy, który sprawi, że Twoja witryna będzie bardziej profesjonalna.

DOBRY
  • Łatwy w użyciu
  • Tło paralaksy
  • Tło wideo
  • Ukryj suwak na urządzeniach
ŹLE
  • Nie możesz zmienić kolejności zawartości slajdu
  • Ograniczona struktura

Suwak wideo

Divi oferuje kolejny moduł suwaka do tworzenia suwaka wideo na twojej stronie. Za pomocą tego modułu możesz porządkować swoje filmy . Możesz użyć dowolnego źródła , na przykład możesz umieścić dowolny link do YouTube lub Vimeo lub możesz przesłać własne wideo mp4. Więc od Ciebie zależy, którego chcesz użyć. Istnieją opcje dostosowywania podobne do innych modułów suwaka. Ponadto możesz dostosować obrazy miniatur i przycisk odtwarzania.

Moduł suwaka wideo

DOBRY
  • Możesz użyć dowolnego rodzaju wideo
  • Łatwy sposób na stworzenie galerii wideo
ŹLE
  • Brak opcji autoodtwarzania
  • Za każdym razem, gdy film zaczyna się od początku

Suwak postów

Suwak postów w Divi
Stworzenie dynamicznie zmieniającego się suwaka postów jest świetnym sposobem na zaprezentowanie naszych najnowszych lub polecanych postów . Divi oferuje moduł suwaka postów, w którym możesz wyświetlić swój najnowszy post, określić, ile artykułów chcesz zaprezentować i w jakiej kolejności. Możesz ustawić wyróżniony obraz jako tło slajdu, wyświetlić tytuł i meta postu oraz umieścić przycisk Czytaj więcej, który prowadzi do samego posta.

DOBRY
  • Dynamicznie zmieniająca się treść
  • Możesz wybierać spośród kategorii
  • Konfigurowalna liczba postów i kolejność
ŹLE
  • Ograniczony projekt i struktura

Jak stworzyć lepsze slidery Divi?

Moduły suwaków w Divi są świetne, ale myślę, że są nieco ograniczone. Jeśli chcesz stworzyć bardziej konfigurowalny slider , warto znaleźć wtyczkę slidera kompatybilną z Divi. Smart Slider to jedna z najlepszych wtyczek do suwaków w WordPressie. Nawet darmowa wersja ma świetne funkcje, od których możesz zacząć. Smart Slider pomaga tworzyć niestandardowe projekty, a każdą warstwę można dostosować . Ta wtyczka ma moduł Divi, więc możesz go opublikować jak zwykle.

Mamy nadzieję, że chcesz wiedzieć, w jaki sposób wtyczka Smart Slider 3 może uaktualnić funkcjonalność suwaka Divi. Jednym z najważniejszych ulepszeń jest możliwość tworzenia pokazów slajdów z więcej niż 4 warstwami w niestandardowej kolejności i rozmieszczeniu.

Przykładowy suwak portfolio na całej stronie

Smart Slider ma listę warstw, na której możesz wybierać spośród większej liczby typów warstw. Wiersze i kolumny pomagają w ich uporządkowaniu. Masz możliwość wyrównania warstw w pionie i poziomie, ustawienia maksymalnej szerokości, zmiany dowolnych kolorów lub typografii, dzięki czemu możesz stworzyć niepowtarzalny projekt . Jeśli to nie wystarczy, możesz użyć pozycjonowania bezwzględnego na swoich warstwach, aby zaprojektować suwak. Łącząc różne warstwy i pozycje, możesz tworzyć naprawdę wyjątkowe strony internetowe za pomocą Smart Slider 3 i Divi.

Jak używać Smart Slider 3?

Smart Slider to wtyczka do slidera, która jest dostępna za darmo w repozytorium WordPressa. Po prostu pobierz i aktywuj. Następnie możesz zacząć tworzyć swój suwak. Istnieje wiele gotowych szablonów, od których możesz zacząć, ale możesz zacząć od zera.

Jeśli jesteś gotowy ze swoim sliderem, opublikuj go za pomocą modułu Smart Slider Divi.

Moduł Smart Slider

Porównanie modułu suwaka Divi i Smart Slider

Pozwolę sobie porównać podstawowy suwak Divi oraz bezpłatne i profesjonalne wersje Smart Slider. Naprawdę uważam, że moduł suwaka Divi to świetny moduł Divi, ponieważ ma wiele opcji dostosowywania i znajduje się w Divi. Wszystko jest w jednym miejscu i nie musisz znać nowego interfejsu. Ale funkcjonalność jest ograniczona, ponieważ nie możesz stworzyć układu, który chcesz.

Jeśli potrzebujesz bardziej szczegółowego układu, w którym możesz umieszczać warstwy w dowolnym miejscu, i możesz tworzyć bardziej unikatową zawartość, rozważ użycie inteligentnego suwaka 3 . Darmowa wersja oferuje wiele funkcji, takich jak moduł Divi, a dzięki Pro nie masz ograniczeń.

Zobaczmy kilka istotnych różnic!

Moduł suwaka Divi
Inteligentny suwak 3 za darmo
Inteligentny suwak 3 Pro
Warstwy 5 6 23
Opcje typografii
Interfejs przeciągnij i upuść
Zdjęcie w tle
Wideo w tle mp4, WEBM mp4
Efekt paralaksy
Animacje warstw
Przejścia
Sterownica 2 5 7
Zmienne dynamiczne
Nakładka statyczna
Automatyczne odtwarzanie

Berło

Interfejs inteligentnego suwaka

Główną różnicą jest interfejs. Nie ma wątpliwości, że Divi ułatwia dodawanie suwaków do witryny WordPress. Po prostu wpisz tekst w ustawionych polach, a następnie prześlij kilka obrazów, a suwak jest gotowy do pracy. Jednak jeśli chodzi o funkcjonalność i tworzenie imponujących suwaków, suwak Divi ma pewne ograniczenia. Niemniej jednak w Smart Slider możesz używać edytora slajdów typu „przeciągnij i upuść” i możesz umieścić swoje warstwy w dowolnym miejscu.

Animacje i efekty

Dzięki trybom animacji w tle możesz łatwo ożywić swój projekt. Divi ma podstawową opcję animacji, którą możesz rozweselić swojego slidera, ale w Smart Slider 3 Pro możesz wybierać spośród 3 rodzajów animacji : animacja główna, animacja tła i animacje warstwowe.

Konfigurowalne elementy sterujące

Każdy moduł suwaka ma opcje dostosowywania elementów sterujących, ale w Smart Slider masz więcej sposobów, aby uczynić je wyjątkowymi. Możesz umieścić kontrolki w innych pozycjach, zmienić kolory, odstępy lub ukryć je na różnych urządzeniach. Poza tym w Smart Slider 3 masz opcje wyświetlania miniatur, dzięki którym możesz stworzyć suwak miniatur w stylu galerii obrazów.

Darmowy suwak miniatur

Autoodtwarzanie suwaka

Smart Slider oferuje autoodtwarzanie suwaka, które jest popularną funkcją w większości wtyczek do suwaków. W ten sposób suwak po chwili przełącza slajdy. Może to zwrócić uwagę odwiedzających, ale jeśli nie lubisz automatycznego odtwarzania suwaków, możesz po prostu wyłączyć to ustawienie.

Dlaczego powinieneś wybrać Smart Slider 3 jako swój Divi Slider?

Jeśli lubisz proste i podstawowe rzeczy, może nie chcesz instalować kolejnej wtyczki i dowiedzieć się, jak działa tworzenie slidera. Divi ma również moduły sliderów, więc dlaczego miałbyś używać innej wtyczki do tworzenia slidera? Zobaczmy kilka funkcji, które mogą pomóc Ci zdecydować, czy wybrać Smart Slider, czy nie.

Dostępne typy sliderów w Smart Slider
Typy suwaków w Smart Slider. Górny rząd: prosty (bezpłatny) i karuzela (pro). Dolny rząd: Blok (bezpłatny) i Prezentacja (Pro)

Powody, dla których warto wybrać Smart Slider 3 za darmo

  • Jest wolne. Darmowa wersja Smart Slider jest dostępna w repozytorium WordPressa, nie musisz za nią płacić.
  • Swoboda tworzenia slidera. Możesz stworzyć skomplikowany układ dzięki rzędom, kolumnom i opcjom pozycjonowania.
  • Konfigurowalne elementy sterujące. Używaj strzałek, punktorów, miniatur i paska tekstowego tak, jak sobie wyobrażałeś. Ustaw je, zmień ich kolory lub wyłącz, jeśli nie chcesz ich wyświetlać.
  • Gotowe do użycia szablony. W Smart Slider 3 możesz zacząć od gotowych szablonów, które można w pełni dostosować. Po prostu zmień treść lub obrazy i masz gotowy suwak.
  • Darmowe szablony Smart Slider
    Darmowe szablony Smart Slider
  • Responsywne suwaki. Przy minimalnym wysiłku możesz stworzyć slider, który będzie dobrze wyglądał na każdym urządzeniu.

Powody, dla których warto wybrać Smart Slider 3 Pro

Mamy nadzieję, że teraz masz lepsze pojęcie o tym, jak Smart Slider 3 może zwiększyć Twoją zdolność do dodawania prezentacji pokazów slajdów do Twojej witryny Divi. Ale jeśli nadal nie jesteś pewien, zobaczmy kilka funkcji Smart Slider 3 Pro!