Bagaimana cara Membuat Carousel Gambar di WordPress?

Terakhir diperbarui - 8 Maret 2022

Anda mungkin tidak mengetahui istilah carousel tetapi masih sering melihatnya di pasar digital. Korsel gambar digunakan di sebagian besar situs web zaman baru: menggeser gambar termasuk ringkasan tentang produk atau layanan yang ditawarkan bisnis. Gambar secara otomatis berputar dan masuk dan keluar dari tampilan.

Korsel gambar secara efektif membuat pengunjung situs web ketagihan lebih lama karena gambar geser membuat mereka lebih ingin tahu tentang produk atau layanan yang ditawarkan bisnis. Dalam beberapa kasus, geser gambar tidak otomatis, dan pengunjung secara manual harus memutar gambar untuk membuka slide berikutnya.

Buat Carousel Gambar di WordPress

Bergantung pada nada bisnis, carousel gambar dapat menyertakan beberapa pernyataan berani dan mengungkapkan banyak hal tentang bisnis tanpa deskripsi panjang. Jika Anda ingin mempelajari cara memasukkan carousel gambar di situs web Anda, Anda telah datang ke tempat yang tepat.

Kami akan menjelaskan proses menginstal plugin Smart Slider 3 di word press. Ada beberapa alat lain untuk pekerjaan itu, dan proses instalasinya mungkin mirip dengan Smart Slider 3.

Sebelum melompat ke tutorial, ada satu peringatan kecil. Jika Anda menjual produk di situs web, maka memilih carousel gambar mungkin bukan pilihan paling cerdas, sejauh menyangkut konversi. Tetapi jika Anda menjalankan fotografi atau mendesain situs web dan ingin terlihat estetis, bacalah seluruh blog.

Mulailah dengan Memilih Ukuran Gambar

Smart slide 3 akan mengubah ukuran gambar di wordpress berdasarkan format presentasi yang dipilih. Jadi, jika gambarnya besar, alat akan memperkecil ukurannya dan sebaliknya. Dan, Anda mungkin akrab, ketika gambar kecil diperbesar, kualitasnya mulai menurun. Jadi, cobalah untuk tidak menyertakan gambar yang lebih kecil dari dimensi Carousel.

Selain itu, gambar besar terlihat lebih baik di Carousel tetapi juga memiliki waktu pengunduhan yang lebih tinggi. Jadi, Anda harus mencapai keseimbangan antara kualitas dan ukuran, agar tetap terlihat bagus di Slider.

Satu Tip Kecil: Korsel gambar meluncur secara horizontal, jadi memilih gambar yang lebih lebar akan lebih menarik daripada gambar persegi.

Memasang Smart Slider 3

Proses instalasi Smart Slider 3 hampir sama untuk alat lain yang tersedia di pasar. Untuk memulai, pertama, masuk ke dasbor admin tekan kata Anda. Di sisi kiri, Anda akan melihat panel navigasi dengan banyak opsi berbeda untuk dipilih. Dari opsi, pilih plugin dan klik tautan "Tambah baru".

Sebuah bar pencarian akan muncul di depan Anda. Cari Smart Slider 3 di dalamnya. Setelah plugin terpasang, silakan klik opsi aktifkan.

Memulai Perjalanan Gambar Korsel

Smart Slider 3 menggunakan gambar dari perpustakaan media, jadi pastikan untuk mengunggah beberapa gambar sebelum Anda mulai membuat Slider. Anda dapat melihat video tutorial mereka untuk mendapatkan wawasan yang lebih baik tentang cara mulai memilih gambar dan menambahkannya ke format presentasi Anda. Tekan Smart Slider 3 dan dapatkan video pengantar “Learn Smart Slider 3” yang memberikan pengetahuan mendalam tentang cara menggunakan alat ini.

Anda dapat mengambil bantuan video atau hanya membaca artikel ini untuk memulai.

Pilih opsi dasar dari menu.

• Beri nama pada Slider Anda untuk membuat Carousel Anda lebih mudah ditemukan saat menangani beberapa carousel sekaligus.
• Lebar dan Dimensi mempengaruhi ukuran dan bentuk Slider. Abaikan pemilihan piksel yang ingin Anda konfigurasikan untuk memenuhi lebar penuh perangkat atau browser.
• Memilih lebar dan dimensi default akan mengatur Carousel pada lebar dan ukuran saat ini sementara memilih opsi "Lebar penuh" akan mengabaikan dimensi apa pun dan membuat carousel berputar di sekitar seluruh lebar jendela.

Setelah mengoptimalkan gambar, tekan "Buat".

Menambahkan Gambar ke Slider

Setelah Anda mengonfigurasi ukuran dan lebar default Carousel, langkah nyata berikutnya adalah mengisi Carousel dengan gambar yang menarik. Untuk ini, ikuti langkah-langkah di bawah ini:

• Klik Tambah Gambar Slide di Smart Slider 3.
• Anda akan mendapatkan opsi untuk memilih gambar untuk Slider Anda. Klik pada opsi itu.
• Pilih gambar dari perpustakaan wordpress.
• Carousel kemudian akan menampilkan gambar yang dipilih. Setelah Anda puas dengan gambar yang dipilih, klik bagian "Terbitkan".

Jika Anda berencana untuk memasukkan penggeser di dalam kode, cukup salin kode PHP dari alat atau pilih opsi editor pos.

Saat Anda mulai menulis blog baru untuk situs web, opsi penggeser tiga pintar akan muncul di halaman. Jika Anda menggunakan editor klasik, klik ikon penggeser pintar. Sekarang, pilih Slider khusus yang Anda siapkan sebelumnya, dan setelah Anda mempublikasikan posting, Slider akan diunggah ke situs web dan siap dilihat pengunjung.

Korsel akan meneruskan atau menautkan balik di kedua sisi penggeser untuk menggeser gambar secara manual.

Secara default, gambar carousel tidak akan meluncur secara otomatis, tetapi Anda dapat mengubahnya.

Siklus Otomatis untuk Gambar Korsel

Di dasbor admin WordPress, klik tautan Smart Slider 3 dan pilih opsi edit. Pilih gaya "Putar Otomatis" dan tekan "Aktifkan". Waktu default antara sakelar adalah delapan detik. Sekarang simpan pengaturan yang diperbarui dari tombol Simpan di sisi kanan panel.

Menggunakan Korsel sebagai Widget

Smart Slider juga dapat digunakan sebagai Gambar Slider WordPress. Slider ini dapat ditambahkan di mana saja sebagai widget, seperti bilah sisi.

• Anda akan melihat panel navigasi di sisi kiri. Klik di atas tampilan dan kemudian tautan "Widget".
• Saat Anda melihat bagian "Widget yang tersedia", klik tombol "Smart Slider".
• Pilih zona di mana Anda ingin gambar ditampilkan dan pilih tombol "Tambah widget".

Gambar atau Tidak Ada Gambar adalah pertanyaan besar

Perancangan dan pengembangan situs web bersifat subjektif, dan apa yang mungkin menarik bagi orang lain, beberapa mungkin tidak. Ini melewati beberapa fase pembaruan dan modifikasi, dan korsel Gambar pernah menjadi persyaratan yang paling banyak diminati di situs web ketika bisnis mulai memasukkannya di mana-mana.

Diskusi di atas telah memberikan panduan langkah demi langkah untuk menambahkan carousel gambar ke situs web. Prosesnya tidak rumit dan membutuhkan kesabaran dan keahlian dalam memilih gambar yang relevan untuk meningkatkan tampilan situs web. Korsel akan sangat menarik untuk situs web kreatif, sementara itu tidak akan membantu dalam situs web e-niaga.

Jadi, lain kali Anda berencana untuk menambahkan gambar yang hidup di bilah geser, pertimbangkan untuk menilai apakah itu akan menambah nilai ke situs web atau memengaruhi tingkat konversi secara signifikan.

Bacaan lebih lanjut

• Bagaimana cara mengoptimalkan ukuran gambar produk?
• Plugin Zoom Gambar Terbaik untuk WooCommerce
• Tips Cerdas untuk Meningkatkan Gambar