Panduan Utama untuk Membuat Slider Divi

Diterbitkan: 2020-09-04

Divi by Elegant Themes adalah salah satu tema WordPress dan pembuat halaman paling populer yang tersedia saat ini. Pembuat halaman ini adalah editor seret dan lepas di mana Anda dapat membuat seluruh situs web . Ada banyak modul yang tersedia yang dapat Anda pilih, dan yang memudahkan untuk membuat situs web. Pada artikel ini, saya akan memperkenalkan modul slider yang tersedia di Divi . Juga, saya akan menunjukkan kepada Anda alternatif plugin slider yang dapat membuat situs web Anda lebih unik.

Modul Divi Slider

Menggunakan penggeser atau blok di situs web Anda bukanlah hal baru saat ini. Pembuat halaman seperti Divi sudah memiliki opsi untuk membuat modul penggeser untuk halaman Anda, yang merupakan solusi termudah dan tercepat untuk membuat penggeser . Divi menawarkan 3 jenis modul penggeser: penggeser sederhana, penggeser video, dan modul penggeser pos.

Modul penggeser Divi
Modul penggeser Divi yang tersedia

Mari kita lihat modul-modul ini!

Modul penggeser

Modul penggeser Divi dapat menjadi solusi yang bagus jika Anda ingin menempatkan bilah geser dasar di halaman Anda. Setiap pengaturan ada di dalam pembuat Divi , dan Anda dapat langsung memeriksa apakah desainnya cocok atau tidak.

Modul penggeser Divi

Slider ini adalah modul slider hebat yang dapat Anda gunakan untuk menampilkan gambar atau video, menampilkan beberapa teks, dan Anda juga dapat meletakkan CTA di atasnya. Untuk itulah, ini bisa menjadi cara cepat untuk membuat hero slider. Anda juga memiliki opsi penyesuaian, seperti mengatur tipografi, warna, atau gaya poin Anda. Slider memiliki opsi untuk mengatur gambar latar belakang slider, di mana Anda dapat menyesuaikan ukuran gambar. Selain itu, Anda dapat meletakkan overlay di atasnya. Dan Anda bahkan dapat menambahkan efek paralaks yang dapat membuat situs Anda lebih profesional.

👍 BAIK
  • Mudah digunakan
  • Latar belakang paralaks
  • Latar belakang video
  • Sembunyikan penggeser di perangkat
BURUK
  • Anda tidak dapat mengubah urutan konten slide Anda
  • Struktur terbatas

Penggeser video

Divi menawarkan modul penggeser lain untuk membuat penggeser video di halaman Anda. Dengan modul ini, Anda dapat mengatur video Anda . Anda dapat menggunakan sumber apa pun , misalnya, Anda dapat meletakkan tautan YouTube atau Vimeo apa pun, atau Anda dapat mengunggah video mp4 Anda sendiri. Jadi terserah Anda mau menggunakan yang mana. Ada opsi penyesuaian yang mirip dengan modul slider lainnya. Selain itu, Anda juga dapat menyesuaikan gambar mini dan tombol putar.

Modul penggeser video

👍 BAIK
  • Anda dapat menggunakan semua jenis video
  • Cara mudah membuat galeri video
BURUK
  • Tidak ada opsi putar otomatis
  • Setiap kali video dimulai dari awal

Penggeser pos

Penggeser pos di Divi
Membuat penggeser posting yang berubah secara dinamis sangat bagus untuk menampilkan posting terbaru atau unggulan kami . Divi menawarkan modul penggeser posting tempat Anda dapat menampilkan posting terbaru Anda, menentukan berapa banyak artikel yang ingin Anda tampilkan dan dalam urutan apa. Anda dapat mengatur gambar unggulan sebagai latar belakang slide, menampilkan judul dan meta posting, dan meletakkan tombol baca lebih lanjut yang menautkan ke posting itu sendiri.

👍 BAIK
  • Konten yang berubah secara dinamis
  • Anda dapat memilih dari kategori
  • Jumlah dan pesanan pos yang dapat disesuaikan
BURUK
  • Desain dan struktur terbatas

Bagaimana cara membuat slider Divi yang lebih baik?

Modul slider di Divi sangat bagus tetapi saya pikir mereka agak terbatas. Jika Anda ingin membuat slider yang lebih dapat disesuaikan , ada baiknya mencari plugin slider yang kompatibel dengan Divi. Smart Slider adalah salah satu plugin slider terbaik di WordPress. Bahkan versi gratisnya memiliki fitur hebat yang bisa Anda mulai. Smart Slider membantu Anda membuat desain khusus, dan Anda dapat menyesuaikan setiap lapisan . Plugin ini memiliki modul Divi, sehingga Anda dapat mempublikasikannya seperti biasa.

Semoga Anda ingin tahu bagaimana plugin Smart Slider 3 dapat meningkatkan fungsionalitas slider Divi. Salah satu peningkatan terpenting adalah Anda dapat membuat tayangan slide dengan lebih dari 4 lapisan dalam urutan dan penempatan khusus.

Contoh slider portofolio halaman penuh

Smart Slider memiliki daftar lapisan di mana Anda dapat memilih dari lebih banyak jenis lapisan. Baris dan kolom membantu Anda menyusunnya. Anda memiliki opsi untuk menyelaraskan layer Anda secara vertikal dan horizontal, mengatur lebar maksimum, mengubah warna atau tipografi apa pun, sehingga Anda dapat membuat desain yang unik . Jika tidak cukup, Anda dapat menggunakan posisi absolut pada layer Anda untuk mendesain slider. Dengan menggabungkan berbagai lapisan dan posisi, Anda dapat membuat beberapa situs web yang benar-benar unik dengan Smart Slider 3 dan Divi.

Bagaimana cara menggunakan Smart Slider 3?

Smart Slider adalah plugin slider yang tersedia secara gratis di repositori WordPress. Cukup unduh, dan aktifkan. Kemudian Anda dapat mulai membuat slider. Ada banyak template siap pakai yang dapat Anda mulai, tetapi Anda memiliki opsi untuk memulai dari awal.

Jika Anda sudah siap dengan slider Anda, publikasikan dengan modul Smart Slider Divi.

Modul Slider Cerdas

Membandingkan modul slider Divi dan Smart Slider

Biarkan saya membandingkan slider Divi dasar dan Smart Slider versi gratis dan pro. Saya benar-benar berpikir bahwa modul slider Divi adalah modul Divi yang hebat, karena memiliki banyak opsi penyesuaian, dan ada di dalam Divi. Semuanya ada di satu tempat , dan Anda tidak perlu mengetahui antarmuka baru. Tetapi fungsinya terbatas karena Anda tidak dapat membuat tata letak yang Anda inginkan.

Jika Anda menginginkan tata letak yang lebih spesifik di mana Anda dapat menempatkan lapisan Anda di tempat yang Anda inginkan, dan Anda dapat membuat konten yang lebih unik, pertimbangkan untuk menggunakan Smart Slider 3 . Versi gratisnya menawarkan banyak fitur seperti modul Divi, dan dengan Pro, Anda tidak memiliki batasan.

Mari kita lihat beberapa perbedaan yang relevan!

Modul penggeser Divi
Slider Cerdas 3 Gratis
Penggeser Cerdas 3 Pro
Lapisan 5 6 23
Opsi tipografi
Antarmuka Seret & Lepas
Gambar latar belakang
Video latar belakang mp4, WEBM mp4
Efek paralaks
Animasi lapisan
Transisi
Kontrol 2 5 7
Variabel dinamis
Hamparan statis
Putar otomatis

Antarmuka

Antarmuka Slider Cerdas

Perbedaan utama adalah antarmuka. Tidak diragukan lagi bahwa Divi memudahkan untuk menambahkan bilah geser ke situs web WordPress Anda. Cukup masukkan teks di bidang yang ditentukan lalu unggah beberapa gambar dan penggeser Anda siap digunakan. Namun, dalam hal fungsionalitas dan memungkinkan Anda membuat bilah geser yang mengesankan, bilah geser Divi memang memiliki beberapa batasan. Meskipun demikian di Smart Slider, Anda dapat menggunakan editor slide seret dan lepas , dan Anda dapat menempatkan lapisan di tempat yang Anda inginkan.

Animasi dan efek

Dengan mode animasi latar belakang, Anda dapat dengan mudah menghidupkan desain Anda. Divi memiliki opsi animasi dasar, yang dapat Anda gunakan untuk menghibur slider Anda, tetapi di Smart Slider 3 Pro Anda dapat memilih dari 3 jenis animasi : animasi utama, animasi latar belakang, dan animasi lapisan unik.

Kontrol yang dapat disesuaikan

Setiap modul penggeser memiliki opsi untuk menyesuaikan kontrol, tetapi di Smart Slider, Anda memiliki lebih banyak cara untuk membuatnya unik. Anda dapat menempatkan kontrol ke posisi lain, mengubah warna, spasi, atau menyembunyikannya di perangkat yang berbeda. Selain di Smart Slider 3 Anda memiliki opsi untuk menampilkan thumbnail yang dapat Anda buat dengan slider thumbnail bergaya galeri gambar.

Penggeser gambar mini gratis

Putar otomatis penggeser

Smart Slider menawarkan autoplay slider yang merupakan fitur populer di sebagian besar plugin slider. Dengan cara ini penggeser mengganti slide setelah beberapa saat. Ini dapat menarik perhatian pengunjung tetapi jika Anda tidak menyukai penggeser yang diputar otomatis, Anda dapat menonaktifkan pengaturan ini.

Mengapa Anda harus memilih Smart Slider 3 sebagai Divi Slider Anda?

Jika Anda menyukai hal-hal sederhana dan mendasar, mungkin Anda tidak ingin menginstal plugin lain dan mempelajari cara kerjanya untuk membuat slider. Divi juga memiliki modul slider, jadi mengapa Anda harus menggunakan plugin yang berbeda untuk membuat slider? Mari kita lihat beberapa fitur yang dapat membantu Anda memutuskan untuk memilih Smart Slider atau tidak.

Jenis slider yang tersedia di Smart Slider
Jenis slider di Smart Slider. Baris atas: Sederhana (Gratis) dan Korsel (Pro). Baris bawah: Blokir (Gratis) dan Showcase (Pro)

Alasan memilih Smart Slider 3 Gratis

  • Gratis. Versi gratis Smart Slider tersedia di repositori WordPress, Anda tidak perlu membayarnya.
  • Kebebasan membuat slider. Anda dapat membuat tata letak yang rumit berkat baris, kolom, dan opsi pemosisian.
  • Kontrol yang dapat disesuaikan. Gunakan panah, peluru, gambar mini, bilah teks seperti yang Anda bayangkan. Posisikan, ubah warnanya, atau nonaktifkan jika Anda tidak ingin menampilkannya.
  • Template siap pakai. Di Smart Slider 3 Anda dapat memulai dengan templat yang dibuat sebelumnya, yang sepenuhnya dapat disesuaikan. Cukup ubah konten atau gambar dan Anda memiliki penggeser yang siap.
  • Template Smart Slider gratis
    Template Smart Slider gratis
  • Slider responsif. Dengan sedikit usaha, Anda dapat membuat bilah geser yang terlihat bagus di perangkat apa pun.

Alasan memilih Smart Slider 3 Pro

Mudah-mudahan, Anda sekarang memiliki gagasan yang lebih baik tentang bagaimana Smart Slider 3 dapat meningkatkan kemampuan Anda untuk menambahkan presentasi slideshow ke situs web Divi Anda. Namun jika Anda masih belum yakin mari kita lihat beberapa fitur Smart Slider 3 Pro!