3+ Cara Membuat Slideshow Responsive di Blog WordPress 2024

cara membuat slideshow responsive di blog

Daftar Isi

Apakah anda ingin menambahkan elemen visual yang menarik dan interaktif ke blog WordPress anda? Salah satu cara yang populer adalah dengan membuat slideshow yang responsif. Dalam artikel ini, kami akan membahas cara membuat slideshow responsive di blog WordPress menggunakan plugin Master Slider. Plugin ini menawarkan banyak fitur dan mudah digunakan, sehingga anda dapat membuat slideshow yang sesuai dengan kebutuhan anda.

Menginstall Dan Mengaktifkan Plugin Slider

Langkah pertama dalam membuat slideshow di blog WordPress adalah menginstall dan mengaktifkan plugin Master Slider. Setelah anda menginstallnya, buka tab Master Slider baru di dashboard. Di sana, anda akan menemukan daftar semua slider yang saat ini aktif di WordPress anda. Jika ini pertama kalinya anda menggunakan plugin ini, daftar slider akan kosong. Klik “Create New Slider” untuk membuat slider baru.

Cara Membuat Slideshow Responsive di Blog wordpress

Dalam langkah ini, plugin akan menanyakan tipe slider apa yang ingin anda buat. Ada delapan pilihan slider yang tersedia, termasuk horizontal slider dengan dan tanpa thumbnails. Untuk membuat slideshow yang sederhana, pilih tipe horizontal slider dan klik “CREATE“.

Cara Membuat Slideshow Responsive di wordpress

Setelah itu, anda akan diarahkan ke tab elemen SLIDES. Di sini, anda dapat menambahkan gambar ke dalam slider menggunakan WordPress media uploader atau memilih gambar yang sudah ada di library. anda juga dapat mengatur urutan gambar dengan menyeret dan melepasnya. Pastikan untuk menyimpan perubahan yang telah anda lakukan.

Cara Membuat Slideshow Responsive

Mengonfigurasikan Slider WordPress

Setelah menambahkan gambar ke slider, langkah selanjutnya adalah mengonfigurasikan tampilan dan pengaturan slider. Gulir ke bawah dan klik “Background” untuk memilih tab SLIDES.

Cara Membuat Slideshow Responsive di website

Di sini, anda dapat mengatur background untuk setiap slide dengan memilih gambar yang sesuai, memilih warna dan teks yang ingin ditampilkan.

Setelah selesai mengatur background, gulir ke bawah untuk melihat tampilan masing-masing gambar di slider. Anda dapat memeriksanya dengan memilih “Preview” untuk memastikan bentuk dan ukuran slider yang sesuai dengan tampilan website anda.

Cara Membuat Slideshow Responsive di web

Selanjutnya, buka tab “SLIDER CONTROLS” untuk memilih tipe kontrol yang ingin anda aktifkan di slider. Plugin ini menawarkan kontrol panah sebagai pilihan default, tetapi anda dapat memilih tipe kontrol lain sesuai preferensi anda.

Cara Membuat Slideshow di blog

Setelah itu, masuk ke tab “SLIDER SETTINGS” untuk mengatur berbagai hal terkait slider WordPress, seperti tinggi dan lebar slider. Di bagian ini, anda juga dapat memberikan nama untuk slider yang akan muncul di tab Master Slider.

Cara Membuat Slideshow di blog wordpress

Jika anda ingin menambahkan efek transisi ke slider, gulir ke bawah dan pilih efek yang diinginkan. Untuk versi gratis Master Slider, anda hanya dapat menggunakan dua efek yaitu Normal dan Fade. Pilih efek Normal untuk membuat transisi slider terlihat rapi.

Cara Membuat Slideshow di web

Terakhir, anda dapat mengatur tampilan slider dengan mengklik “Appearance“. Plugin ini menyediakan berbagai pilihan template yang dapat anda gunakan. Jika anda ingin membuat template khusus, anda dapat menambahkan CSS kustom ke slider WordPress.

Cara Membuat Slideshow di web yang benar

Pastikan untuk menyimpan perubahan yang telah anda lakukan dengan mengklik “Save Changes“.

( Baca juga : 3+ Cara Membuat Website Membership WordPress Untuk Pemula )

Menampilkan Slider di Halaman

Langkah terakhir dalam membuat slideshow di blog WordPress adalah menampilkan slider di halaman atau postingan yang anda inginkan. Plugin Master Slider menyediakan shortcode untuk setiap slider yang anda buat, sehingga memudahkan penempatan slider di halaman web.

Untuk menggunakan shortcode, buka tab Master Slider di dashboard dan cari kolom “Shortcode“.

cara menampilkan slider di blog

Salin shortcode dari slider yang ingin anda tampilkan, lalu buka editor halaman atau postingan yang ingin anda pasangi slider. Tempelkan shortcode di tempat yang diinginkan untuk menampilkan slider di WordPress.

cara menampilkan slider di blog wordpress

Setelah anda menyimpan perubahan, cek tampilan front-end website anda. Slider yang anda buat akan terlihat seperti yang telah anda konfigurasikan.

Anda dapat membuat slideshow di WordPress sebanyak yang anda inginkan menggunakan plugin Master Slider. Jika anda ingin menghapus slider yang tidak lagi digunakan, cukup masuk ke tab Master Slider dan pilih “delete“.

Demikianlah cara membuat slideshow responsive di blog WordPress menggunakan plugin Master Slider. Plugin ini menawarkan banyak fitur dan opsi membuat slider yang interaktif dan menarik di blog anda. Dengan mengikuti langkah-langkah di atas, anda dapat membuat slideshow yang responsif dan meningkatkan pengalaman pengunjung blog anda.

Rekomendasi Plugin Slider Lainnya

Plugin Master Slider adalah pilihan yang bagus untuk membuat slideshow di WordPress karena fitur-fiturnya yang lengkap dan kemudahan penggunaannya. Namun, jika anda ingin mencoba alternatif lain, beberapa plugin slider WordPress terbaik yang dapat anda pertimbangkan adalah:

๐ŸŸก Slider Revolution

Plugin ini menawarkan banyak pilihan efek transisi dan animasi yang mengagumkan untuk slideshow anda. anda dapat dengan mudah membuat slideshow yang menarik dan responsif dengan menggunakan fitur-fitur yang disediakan oleh plugin ini.

๐ŸŸก Soliloquy

Plugin ini sangat cepat dan SEO-friendly. anda dapat membuat slideshow yang responsif dan mengoptimalkan tampilan slideshow anda untuk perangkat mobile dengan mudah.

๐ŸŸก MetaSlider

Plugin ini mudah digunakan dan menyediakan pilihan template slideshow yang beragam. anda dapat dengan cepat membuat slideshow yang menarik dengan menggunakan template yang disediakan atau membuat template kustom sesuai keinginan anda.

๐ŸŸก Smart Slider 3

Plugin ini memiliki antarmuka pengguna yang intuitif dan menyediakan banyak fitur kustomisasi. anda dapat membuat slideshow yang responsif dan menarik dengan menggunakan fitur-fitur canggih yang disediakan oleh plugin ini.

Dengan menggunakan salah satu plugin slider WordPress di atas, anda dapat membuat slideshow yang responsif dan mempercantik tampilan blog anda. Silahkan anda pilih plugin yang sekiranya mudah untuk anda gunakan. Karena, beda plugin tentunya beda juga fasilitas atau fitur yang bisa di optimalkan.

Baiklah, mungkin itu saja yang bisa kita share di kesempatan kali ini terkait cara membuat slideshow responsive di blog wordpress. Semoga bisa bermanfaat untuk anda sekalian yang saat ini memilih platform wordpress dalam pembuatan blog nya.

Apabila ada hal yang tidak dimengerti dan ingin anda tanyakan, silahkan bisa langsung bertanya melalui kolom yang sudah kami sediakan.

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn
Imran Prasetya

Imran Prasetya

Touched SEO in 2011 and dive more deeply in 2017. Currently working as an SEO Specialist and Content Creator in IXORA SEO Indonesia.

All Posts

Leave a Reply

Your email address will not be published. Required fields are marked *