Ulasan: Cara Membuat Slide Cantik untuk Situs WordPress Anda Dengan Smart Slider 3

Ada banyak perdebatan bolak-balik tentang slider dan ini telah berlangsung selama bertahun-tahun. Beberapa orang tetap percaya bahwa penggeser buruk untuk konversi, dan menurut datamereka benar.

Namun, pada saat yang sama, tampaknya tidak ada penurunan dalam penggunaan bilah geser secara keseluruhan – bilah geser masih menjadi opsi populer untuk banyak situs web. Meskipun saya akan menjadi orang pertama yang mengakui bahwa saya jarang bertahan untuk melihat apa pun di luar 1-2 slide, menurut saya adil untuk mengatakan bahwa jika dirancang dengan benar, Anda dapat meminimalkan dampak negatifnya.

Pertimbangkan untuk tidak menggunakan banyak penggeser – atau mungkin satu ajakan bertindak dapat ditampilkan menggunakan latar belakang slide yang sedikit berbeda. Ini mudah dilakukan dan plugin seperti Smart Slider 3 akan memungkinkan Anda untuk menggunakan satu slide dengan semua jenis animasi – tidak dapat disangkal fakta bahwa jika dilakukan dengan benar, slide mampu meningkatkan tampilan visual situs web Anda.

Smart Slider 3 plugin hebat yang tersedia dalam versi gratis dan premium. Posting ini akan menjadi sedikit kombinasi – Meliputi ikhtisar fitur plugin, dan juga tutorial dasar yang menunjukkan betapa mudahnya menyiapkan penggeser dan menerbitkannya ke situs web Anda dalam waktu yang sangat singkat. .

Fitur Plugin Utama

• Antarmuka pengguna yang intuitif – setiap plugin mengatakan ini, tetapi dalam kasus ini, itu benar
• Pembuat seret dan lepas dengan pratinjau langsung
• Slide dinamis dapat dibuat menggunakan postingan dan difilter menurut ID, filter, atau halaman khusus
• Hasilkan slide (secara dinamis) dari berbagai saluran sosial (Facebook, 500px, Dribbble, Flickr, Instagram, Twitter, YouTube, dan Lainnya).
• Kontrol penggeser yang dapat disesuaikan dan memuat animasi
• Animasi latar belakang penggeser (Ken Burns)
• Beberapa animasi transisi termasuk slide, puzzle, fade, curtain, zoom, dan lainnya
• Konfigurasi putar otomatis yang sangat dapat disesuaikan
• Kemampuan untuk menyembunyikan lapisan tertentu pada tablet atau perangkat seluler
• Tentukan dan sesuaikan ukuran slide untuk perangkat seluler
• SEO Dioptimalkan dan pengaturan yang dapat disesuaikan
• Mudah untuk membuat bilah geser yang tampak hebat
• Kompatibel dengan Pembuat Halaman Asal Situs dan pengeditan gambar Adobe Creative Aviary
• Dan puluhan lainnya!

Gratis versus Berbayar

Jika yang Anda cari hanyalah penggeser dasar, Smart Slider 3 tersedia dari WordPress.org dalam repositori plugin. Bahkan versi gratisnya mengesankan dan merupakan langkah maju yang pasti jika dibandingkan dengan beberapa penggeser gratis lainnya di luar sana.

Lisensi situs tunggal pribadi hanya $25 (perpanjangan $15), jadi Anda tidak akan merusak bank untuk plugin ini. Bahkan lisensi 50 situs seumur hidup hanya $100, yang menjadikan opsi itu kesepakatan yang mematikan.

Ada beberapa perbedaan utama antara versi gratis dan berbayar dalam hal apa yang disertakan dan fungsionalitasnya. Inilah yang Anda dapatkan dengan versi berbayar:

• Generator slide dinamis tak terbatas
• Kontrol lanjutan
• Mode ahli
• Lapisan animasi dengan garis waktu langsung
• Ken Burns dan animasi latar belakang
• Lightbox dan editor gambar
• 43 demo slider bawaan

Ketika kami menjalankan sedikit tutorial nanti di pos Anda akan melihat beberapa fitur ini ikut bermain. Jika Anda melihatnya sebagai persyaratan alih-alih kemewahan, Anda harus melihat versi berbayarnya.

Instalasi & Pengaturan

Memasang Smart Slider sangatlah mudah. Cukup unggah file zip dari desktop Anda melalui penginstal plugin WordPress, klik aktifkan dan Anda siap beraksi.

Inilah masalahnya: Saya berharap saya bisa memberi Anda sedikit lebih banyak untuk dikerjakan di sini. Semacam cegukan atau bug dalam proses instalasi, tapi tidak. Tidak ada satu masalah pun, dan itu menjadi lebih baik.

Saya telah bekerja dengan beberapa plugin slider terkenal dan beberapa di antaranya, meskipun sarat dengan fitur, sangat sulit untuk disiapkan. Smart Slider 3 sejauh ini merupakan pengaturan slider termudah yang pernah saya alami. Seberapa mudah? Saya senang Anda bertanya.

Tutorial: Membuat Slider Dasar

Setelah diaktifkan, Smart Slider menempatkan menunya sendiri di bagian bawah Panel Admin WordPress. Mengklik menu Smart Slider membuka antarmuka utama di mana opsi pertama yang akan Anda lihat adalah tombol hijau besar bertuliskan “Buat Slider” yang membuka jendela pengaturan awal seperti yang Anda lihat di bawah.

Dari sini Anda dapat menamai penggeser dan memilih gaya umum. Ada banyak gaya untuk dipilih (termasuk lebar penuh, halaman penuh, carousel, thumbnail, dan lainnya), tetapi kami akan menggunakan penggeser blok berdasarkan tata letak situs kami yang ada. Klik “BUAT” dan Smart Slider akan bekerja membangun slider model dasar Anda. Setelah beberapa detik, Anda akan berada di layar yang menyediakan semua detail dasar tentang plugin.

Hal pertama yang perlu diperhatikan di sini adalah bagian slider terbitkan. Anda harus menggunakan salah satu dari tiga metode berikut (kode singkat, editor postingan, atau PHP) saat tiba waktunya untuk menerbitkan slide Anda (#1 di bawah). Sebelum kita bisa melakukannya, kita perlu membuat beberapa slide. Di sinilah plugin ini benar-benar menunjukkan kemudahan penggunaannya.

Yang perlu Anda lakukan hanyalah mengeklik tombol hijau “TAMBAHKAN GAMBAR SLIDE” (#2 di bawah) dan perpustakaan media Anda akan terbuka. Dari sini Anda dapat memilih gambar sebanyak yang Anda inginkan, atau mulai hanya dengan satu gambar, lalu klik pilih di jendela perpustakaan media.

Catatan: Anda tidak terbatas pada gambar saat memilih slide Anda. Anda juga dapat menggunakan video atau posting serta membuat slide kosong, statis, atau bahkan dibuat secara dinamis.

Smart Slider memuat slide Anda ke antarmuka dan Anda siap untuk menyimpan dan menerbitkan atau mulai menyesuaikan. Jika saya melanjutkan dan memublikasikan slide saya, itu akan berfungsi dengan baik tetapi tidak sesuai dengan yang saya cari seperti yang Anda lihat pada gambar di bawah.

Untuk memperbaikinya, saya masuk ke menu “SIZE” dan menggulir ke bawah ke bagian mode responsif. Pilihan saat ini adalah “Lebar Penuh”, jadi saya memilih “Otomatis” dan menyimpan progres saya. Dari sana, saya kembali ke tab “UMUM” dan memilih perataan tengah.

Ketika saya berbicara tentang kemudahan penggunaan di sini, perlu diingat seluruh proses ini memakan waktu kurang dari 5 menit pada upaya pertama saya.

Sekarang saatnya bekerja di samping itu sendiri. Saat mengarahkan kursor ke slide Anda di jendela tampilan, Anda akan melihat bahwa kotak hijau pertama muncul di sudut kiri atas. Seperti yang mungkin Anda duga, mengekliknya akan menandai slide tersebut sebagai yang pertama dalam urutan.

Dengan penggeser saya dibuat dan latar belakang terpasang, tiba waktunya untuk menambahkan beberapa konten dan transisi. Untuk memulai tahap ini, saya cukup mengklik slide yang ingin saya edit yang membawa saya ke bagian lapisan. Ada banyak pengaturan individual di panel sebelah kanan tetapi jika Anda menggulir ke bawah, Anda akan menemukan gambar slide Anda. Anda kemudian dapat mengklik salah satu elemen dari panel sebelah kiri untuk menempatkannya di slide Anda.

Membuat slide ini benar-benar sebuah postingan tersendiri. Ada begitu banyak pilihan yang tersedia, akan mudah untuk berlangsung selamanya. Untuk memberi Anda gambaran tentang fleksibilitas yang disediakan plugin ini, pertimbangkan bahwa setiap elemen yang Anda masukkan ke dalam penggeser dapat disesuaikan melalui:

• Menu item
• Animasi
• Pengaturan lapisan

Di dalam masing-masing menu tersebut terdapat beberapa sub-menu. Misalnya, saat Anda membuat elemen teks, sebagai bagian dari menu item, Anda dapat menyesuaikan pengaturan font. Termasuk dalam pengaturan font untuk elemen tunggal tersebut adalah:

• keluarga font
• Warna teks
• Ukuran huruf
• Tinggi garis
• Dekorasi teks
• Penyelarasan
• Spasi huruf & kata
• Pengaturan transformasi teks
• Bayangan teks

Setiap elemen teks tunggal pada penggeser Anda dapat memiliki pengaturan unik, animasi unik, dan pengaturan waktunya sendiri. Bahkan ada bagian untuk CSS khusus.

Saat Anda menambahkan elemen dan animasi ke slide Anda, pada versi pro Anda juga akan melihat fitur garis waktu. Ini memungkinkan Anda untuk mengontrol waktu tampilan elemen individual dan durasi animasinya menggunakan slide-bar sederhana. Saya mengandalkan fitur ini saat menambahkan layer berbeda ke slide ini beberapa saat kemudian.

Menambahkan Lapisan & Animasi

Dengan penggeser kami di tempat dan latar belakang siap, saatnya untuk memperkenalkan beberapa elemen dan lapisan yang berbeda. Kita akan mulai dengan menambahkan gambar manusia salju ke slide. Untuk melakukan ini, saya mulai di menu “LAYERS” dan klik “IMAGE”. Melakukan hal ini akan menempatkan gambar dummy ke dalam slide. Dari sana Anda dapat mengklik gambar tiruan di kiri bawah lalu memilih dan mengubah ukuran gambar dari perpustakaan media.

Setelah saya memilih, menyisipkan, dan mengubah ukuran gambar saya, saatnya menambahkan animasi dasar yang dapat diselesaikan dalam beberapa langkah. Pertama adalah memilih tab “ANIMASI” seperti yang terlihat di bawah ini. Setelah selesai, kita akan mengklik tombol animasi hijau “IN”.

Layar selanjutnya adalah tempat saya dapat memilih animasi yang saya inginkan serta menyesuaikan waktunya. Untuk slide khusus ini, saya memperkenalkan animasi “KANAN” dan meningkatkan durasinya menjadi 2200ms. Saya juga akan menambahkan penundaan 300ms. Di bagian bawah layar ini terdapat opsi untuk membuat peristiwa tertentu memicu animasi ini, seperti mouse memasuki slide atau klik di dalam slide. Saya tidak peduli dengan pengaturan tersebut untuk contoh ini.

Selanjutnya, saya akan menambahkan beberapa teks. Mengikuti proses yang sama seperti di atas, Klik pada elemen tambahkan “TEXT” dan lakukan penyesuaian sesuai kebutuhan. Saya memasukkan teks dan kemudian masuk ke pengaturan font di mana saya mengubah ukuran dan warna. Saya kemudian menambahkan animasi “Fade In” dan menyesuaikan waktunya sehingga dimulai tepat setelah animasi manusia salju.

Anda juga akan melihat di menu ini bahwa ada opsi untuk dimiliki teks khusus untuk tablet dan perangkat seluler. Ini adalah contoh bagus dari jenis fitur yang membuat plugin ini sangat ramah pengguna dan fleksibel. Di beberapa penggeser “lainnya”, saya terpaksa menggunakan kueri media dan CSS khusus.

Untuk menyelesaikannya, saya menambahkan dua lapisan lagi. Yang pertama adalah lapisan teks dan yang kedua adalah lapisan gambar. Sekali lagi, saya mengikuti proses yang sama persis seperti di atas, tetapi saya menunda waktu animasi sedikit lebih lama. Anda dapat melihat hasil akhir di bawah ini. Semua mengatakan, membuat slide ini adalah sekitar 20 menit proses jika Anda tidak mengetik petunjuk saat Anda pergi.

Catatan: Mengonversi slide ini ke GIF mengubah beberapa penundaan animasi yang indah yang saya susun dengan susah payah, tetapi Anda mendapatkan gambaran umumnya.

Dokumentasi & Dukungan

Dokumentasi untuk Smart Slider 3 sangat mengesankan. Ini adalah basis pengetahuan yang dapat dicari yang dipecah menjadi 8 kategori dan sekitar 40 sub-kategori. Ini mencakup hampir semua pertanyaan yang mungkin Anda miliki tentang cara kerja plugin atau fitur tertentu ini.

Jika karena alasan tertentu Anda tidak dapat menemukan jawaban atas pertanyaan Anda, ada formulir kontak yang terdapat di situs web dan mereka juga menawarkan dukungan email.

Kesimpulan

Setelah mencoba lebih dari beberapa plugin slider WordPress, baik yang gratis maupun yang berbayar, saya dapat dengan jujur ​​mengatakan bahwa ini adalah salah satu yang terbaik yang pernah saya uji. Bukan hanya satu fitur khusus yang membedakannya. Ini adalah kombinasi dari hal-hal yang menambah apa yang hanya merupakan plugin yang luar biasa. Penting untuk dicatat bahwa saya belum membahas setiap fitur. Ada terlalu banyak daftar dalam batas-batas posting ini.

Saya yakin jika saya menghabiskan lebih banyak waktu bekerja dengan plugin, saya akan menemukan beberapa hal yang ingin saya ubah, dan bahkan mungkin beberapa bug. Namun, mengingat pentingnya kesan pertama, Smart Slider 3 berhasil membuatnya keluar dari gerbang. Saya pikir kemudahan penggunaan akan membuat orang tetap ada cukup lama sehingga mereka pada akhirnya dapat memanfaatkan sepenuhnya banyak fitur yang ditawarkan. Dan percayalah, ada banyak.

Unduh Smart Slider 3

Jika Anda sedang mencari plugin penggeser untuk situs web WordPress Anda yang akan membuat Anda aktif dan berjalan dengan cepat, tetapi juga memiliki fitur yang dapat Anda kembangkan, tidak perlu mencari lagi. Jika saya merogoh uang saya untuk sebuah penggeser, inilah tempatnya.

Tapi hei, jangan mengambil kata-kata saya untuk itu. Unduh versi gratisnya dan mencobanya sendiri.