Cara Menambahkan Slider Cerdas ke Beranda WordPress Anda

Diterbitkan: 2022-09-26

Menambahkan Smart Slider ke Beranda WordPress Anda adalah cara yang bagus untuk menambahkan elemen interaktif dan menarik secara visual ke situs Anda. Smart Slider mudah dibuat dan dapat disesuaikan agar sesuai dengan kebutuhan spesifik Anda. Pada artikel ini, kami akan menunjukkan cara menambahkan Smart Slider ke Beranda WordPress Anda.

Banyak pemilik situs web menggunakan bilah geser di beranda mereka untuk melibatkan pengunjung atau untuk menampilkan portofolio mereka. Untuk menambahkan slider beranda ke WordPress, Anda harus menginstal plugin Soliloquy WordPress terlebih dahulu. Jika Anda ingin informasi lebih lanjut tentang cara membuat slider gambar untuk beranda Anda, silakan lihat panduan kami. Langkah pertama adalah mengunduh dan menginstal widget Soliloquy Slider Code. Langkah kedua adalah menyalin dan menempelkan kode pendek atau tag template ke Beranda Anda. Setelah Anda mengedit halaman beranda dan mengunggah kode pendek, Anda harus mengedit editor visual lagi. Mari kita bahas sekali lagi. Slider beranda situs WordPress Anda sekarang akan muncul.

Bagaimana Saya Mengimpor Smart Slider Ke WordPress?

Kredit: oceanwp.org

Untuk mengimpor slider pintar ke WordPress, Anda harus mengunduh slider terlebih dahulu dari repositori WordPress. Selanjutnya, Anda perlu meng-unzip file slider dan mengunggahnya ke folder instalasi WordPress Anda. Terakhir, Anda harus mengaktifkan slider dari panel admin WordPress.

Tidak jarang plugin digunakan untuk membuat slider, seperti Smart Slider dan Slider Revolution. Ini akan memakan waktu untuk mencari tahu bagaimana menavigasi dua area karena perbedaan. Smart Slider memiliki tiga level: Dashboard, Modules, dan Layers, yang memungkinkan Anda untuk mengubah slider sendiri. Anda harus memilih jenis, ukuran, dan tata letak slider Anda di Smart Slider. Ada empat jenis slider: simple, block, showcase, dan carousel. Jika Anda berubah pikiran tentang salah satu jenis, Anda memiliki opsi untuk mengubahnya lagi nanti. Putar otomatis tidak diaktifkan secara default di SmartSlider; untuk mengaktifkannya, buka pengaturan Slider.

Elemen yang dapat Anda gunakan untuk membuat penggeser lapisan diwakili oleh elemen. Struktur lapisan bervariasi tergantung pada tujuan lapisan. Smart Slider memiliki mode pengeditan unik yang disebut Pemosisian default yang unik untuknya. Anda dapat menggunakan alat pengeditan ini untuk membuat perubahan pada lapisan Anda seolah-olah Anda sedang membangun situs web. Lapisan dapat dianimasikan menggunakan Smart Slider. Anda dapat menggunakan kode pendek atau modul Gutenberg jika Anda ingin menyertakan penggeser. Setelah Anda selesai bermigrasi dari Slider Revolution, pastikan untuk mengganti slider lama Anda dengan yang baru di mana saja.

Pelajari cara membuat slider sederhana dalam tutorial ini. Pilih jenis slide yang ingin Anda buat, lalu pilih jenis gambar slide yang Anda inginkan. Berikut ini akan memberi Anda slider dasar yang akan kita gunakan. Dengan menyisipkan lapisan di Editor Slide, Anda dapat mengubah teks slide. Lapisan judul dalam kategori Dasar diperlukan untuk judul utama. Teks deskriptif juga akan diperlukan, tepat di bawah judul. Judul dan lapisan teks menggunakan tag yang berbeda untuk menampilkan konten.

Anda harus menambahkan lapisan Baris ke tata letak yang memiliki dua atau lebih lapisan yang berdekatan satu sama lain. Layer biasanya tidak memiliki set margin, jadi padding dan margin dapat digunakan di antara mereka untuk menciptakan ruang. Dalam beberapa kasus, Anda mungkin perlu membuat beberapa perubahan kecil agar penggeser berfungsi dengan baik di beberapa layar. Ini tampaknya karena masalah ukuran font, dan spasi bawah tampaknya lebih kecil. Ikon font akan muncul jika Anda mengeklik lapisan mana pun di tampilan tablet (atau seluler). Untuk mengakses pengubah ukuran font, klik di sini. Jika sebelumnya Anda telah mengubah perataan kolom, sekarang Anda harus mengubahnya kembali ke tengah. Ukuran font heading dan layer teks harus diperkecil agar tingginya lebih kecil. Jika Anda tidak ingin menampilkan lapisan apa pun di satu perangkat, pilih lapisan dan buka menu…”, lalu pilih perangkat yang akan disembunyikan di lapisan.

Cara Mengekspor Slider Di Smart Slider 3

Pada langkah 3, sebuah jendela baru akan muncul, memungkinkan Anda untuk memilih jenis slide yang ingin Anda ekspor. Anda dapat memilih di antara tiga opsi: penggeser, widget, dan tema.
Langkah keempat adalah memilih penggeser dan klik tombol Ekspor. Dengan memasukkan nama file dan lokasi, Anda akan dapat menyimpan ekspor slider.


Cara Menambahkan Slider Di Beranda WordPress Tanpa Plugin

Kredit: Colorlib

Ada beberapa cara untuk menambahkan slider ke beranda WordPress Anda tanpa menggunakan plugin. Salah satu caranya adalah dengan menggunakan fitur galeri gambar bawaan. Cukup buat galeri baru dan unggah gambar Anda. Kemudian buka halaman Pengaturan »Membaca dan pilih opsi "Halaman statis". Selanjutnya, pilih templat halaman "Galeri" untuk halaman beranda Anda.
Cara lain untuk menambahkan slider ke situs WordPress Anda adalah dengan menggunakan jenis posting khusus. Pertama, Anda harus menginstal dan mengaktifkan plugin Custom Post Type UI. Setelah mengaktifkan plugin, buka CPT UI »Add New untuk membuat jenis posting kustom baru. Beri nama jenis kiriman khusus Anda, seperti “Slider”, lalu klik tombol “Tambahkan Jenis Pos Khusus”.
Sekarang setelah Anda membuat jenis posting khusus, Anda dapat menambahkan posting "Slide" baru. Cukup masukkan judul dan tambahkan konten Anda. Anda juga dapat menambahkan gambar unggulan ke slide Anda. Jika Anda ingin menampilkan slide Anda dalam slider, Anda dapat menggunakan kode pendek [slider] di posting Anda.

Dalam tutorial ini, kami akan memandu Anda melalui cara mudah menambahkan slider ke halaman beranda WordPress Anda. Pada artikel ini, Anda akan belajar cara menambahkan slider ke halaman beranda situs web WordPress. Anda tidak perlu memasukkan nama pengguna atau kata sandi jika Anda menggunakan slider. Pengguna juga dapat mengklik atau menggesek untuk mengakses slide berikutnya atau slide sebelumnya saat berinteraksi dengan aplikasi. Plugin Meta Slider, yang sepenuhnya gratis untuk digunakan dan sangat populer, memiliki lebih dari 1,1 juta unduhan dan peringkat 4,7 yang fantastis dari Ulasan Bintang 5. Versi gratisnya mencakup sejumlah pengaturan dan opsi yang berguna untuk menambahkan slider responsif yang ramah SEO ke posting dan halaman Anda. Muncul dalam empat gaya berbeda dan mencakup sejumlah pengaturan yang berguna.

Anda juga dapat mengubah dimensi, efek, dan navigasi. Anda juga dapat memilih Pengaturan lanjutan dari sisi kanan layar. Kode pendek Meta Slider digunakan dalam fungsi khusus dengan kait header Genesis. Ketika konten slideshow Anda lebih besar dari ukuran slider Anda, semakin besar gambar Anda, semakin mudah bagi pengunjung Anda untuk melihatnya. Versi premium Meta Slider memungkinkan Anda mengakses semua fitur premium yang disertakan dalam versi gratis plugin. Dimungkinkan untuk memasukkan konten HTML khusus pada bilah geser Anda serta video dari YouTube dan Vimeo. Anda juga dapat memilih di antara dua opsi: menampilkan produk dari portofolio Anda atau menggunakan toko online yang didukung oleh WooCommerce.

Anda dapat dengan mudah membandingkan harga Meta Slider Pro dengan harga plugin lain berdasarkan jumlah situs tempat Anda ingin menggunakan plugin tersebut. Pro dapat menerima hingga $392 (2 situs) sementara situs tak terbatas dapat menerima hingga $297 (situs tidak terbatas). Anda juga dapat mencoba MetaSlider Pro tanpa risiko selama 30 hari jika Anda mau.

Penggeser WordPress

Kredit: wbcomdesigns.com

Slider WordPress adalah cara yang bagus untuk menampilkan gambar atau konten di situs web Anda. Mereka mudah dibuat dan dapat disesuaikan agar sesuai dengan kebutuhan spesifik Anda. Slider dapat digunakan untuk menampilkan konten unggulan, gambar, atau bahkan video.

Cara Membuat Slider Konten Di WordPress

Penggeser konten adalah cara yang bagus untuk menampilkan konten penting di situs WordPress Anda. Ada beberapa cara berbeda untuk membuat penggeser konten, tetapi kami akan memandu Anda melalui metode yang paling populer. Untuk memulai, Anda harus menginstal dan mengaktifkan plugin Soliloquy Slider. Setelah plugin diaktifkan, Anda harus membuat slider baru. Untuk melakukan ini, cukup klik tombol "Tambah Baru" di bagian atas halaman. Selanjutnya, Anda harus menambahkan konten Anda ke penggeser. Untuk melakukan ini, klik tombol "Tambah Slide". Ini akan memunculkan jendela di mana Anda dapat memilih jenis konten yang ingin Anda tambahkan. Untuk contoh ini, kami akan menambahkan gambar. Setelah Anda menambahkan konten Anda, Anda harus mengonfigurasi pengaturan slider Anda. Ini dapat dilakukan dengan mengklik tombol "Konfigurasi Slider". Di sini, Anda dapat mengatur hal-hal seperti lebar penggeser, tinggi, efek transisi, dan banyak lagi. Setelah Anda puas dengan pengaturan Anda, klik tombol "Simpan" dan selesai! Slider konten Anda sekarang aktif di situs WordPress Anda.

Dalam tutorial ini, kami akan menunjukkan cara membuat slider konten unggulan di WordPress. Anda harus memiliki plugin seperti Soliloquy untuk membuat slider di WordPress. slider dapat ditambahkan ke acara, kategori, posting, dan sebagainya. Di akhir panduan ini, Anda akan dapat menggunakan penggeser gambar dengan konten unggulan. Ini adalah langkah pertama dalam menambahkan judul ke Slider Eksternal. Anda dapat menentukan jenis posting dan istilah taksonomi. Langkah ketiga adalah mengonfigurasi pengaturan konten unggulan pada slider WordPress. Langkah 4: Kode pendek untuk widget Soliloquy Slider Code harus disalin. Langkah berikut menampilkan Slider Konten Unggulan WordPress.

Cara Membuat Slide Baru Di Grup Slider

Klik tombol "Slide Baru" di bagian bawah daftar untuk menambahkan slide baru. Jika Anda menekan ini, slide kosong baru akan ditampilkan di editor.
Anda dapat menyimpan penggeser dengan memasukkan teks yang diinginkan di slide baru, lalu mengklik tombol “Simpan Slider”.
Anda sekarang dapat memilih slide baru Anda dari grup slider.

Cara Menambahkan Slider Di Elementor WordPress

Menambahkan Slider di WordPress dengan Elementor sangat mudah. Cukup ikuti langkah-langkah sederhana ini: 1. Di dasbor WordPress Anda, buka Elementor > Template Saya dan klik tombol Tambah Baru. 2. Beri nama template Anda dan klik tombol Create Template. 3. Di editor Elementor, seret dan lepas widget Slider ke bagian yang Anda inginkan untuk menampilkannya. 4. Di panel Pengaturan Slider, pilih gambar yang ingin Anda tampilkan di panel geser. 5. Itu dia! Anda sekarang dapat menyimpan template Anda dan mempratinjaunya di situs WordPress Anda.

Square Internet mengajarkan Anda cara membuat slider WordPress menggunakan Elementor. Pembuat seret dan lepas visual Elementor juga sangat ramah pengguna. Ada dua cara untuk membuat slider di Elementor. Anda juga dapat menyematkan tayangan slide yang lebih kecil pada elemen apa pun di Elementor menggunakan widget slide atau tayangan slide yang lebih besar di bagian mana pun dari Elementor. Pada tingkat widget, Anda dapat mengubah gaya slide Anda menggunakan editor Elementor Slides. Dari bagian Konten, Anda dapat menambahkan teks, judul, deskripsi, dan mengedit teks setiap slide. Anda dapat memilih bayangan teks, warna, dan posisi horizontal yang ingin Anda sertakan pada slide Anda dari bagian Gaya.

Tidak perlu mengubah tampilan Elementor jika secara otomatis responsif; namun, selama pengeditan, Anda harus dapat beralih di antara tampilan yang berbeda. Dengan editor widget Konten di Elementor, Anda dapat dengan mudah membuat tayangan slide sederhana untuk situs web Anda. Bagian Lanjutan dari editor widget berisi pengaturan yang dapat Anda gunakan untuk menyesuaikan tampilan slide Anda. Di antara opsi yang tersedia adalah memungkinkan audio berputar tanpa batas, menjeda interaksi, dan mengaktifkan atau menonaktifkan putar otomatis. Widget memungkinkan Anda membuat tayangan slide, tetapi Elementor menggunakan lebih sedikit opsi penyesuaian, memberi Anda lebih sedikit kendali atas tayangan slide, dan memungkinkan Anda membuatnya dengan cara yang lebih alami. Slideshow dapat ditambahkan dengan mengklik tab Style dari bagian yang ingin Anda sertakan. Anda kemudian dapat menyesuaikan slideshow Anda dengan menambahkan gambar, menyalakan Ken Burns Effect, mengaktifkan atau menonaktifkan infinite loop, dan seterusnya.

Apakah Elementor Memiliki Slider?

Jika Anda bertanya-tanya bagaimana cara membuat slider di Elementor, kabar baiknya adalah ada beberapa opsi. Menggunakan Elementor versi Pro, Anda dapat menambahkan widget penggeser ke situs Anda. Fitur ini memungkinkan Anda membuat bilah geser yang sederhana dan dapat digunakan untuk situs web Anda daripada yang lebih kompleks.

Penggeser Beranda

Penggeser beranda adalah spanduk berputar yang biasanya terletak di beranda situs web. Spanduk ini dapat menampilkan berbagai gambar, promosi, atau produk yang ditawarkan situs web. Penggeser beranda adalah cara yang bagus untuk menarik perhatian pengunjung dan dapat digunakan untuk menyorot berbagai area situs web.

Untuk menarik pengunjung, beranda harus menekankan tingkat perhatian yang tinggi. Saat pengguna menavigasi beranda, mereka dapat melihat opsi apa yang tersedia, serta ikhtisar untuk membantu mereka memutuskan apa yang harus dilakukan selanjutnya. Kehadiran slider mengubah fokus pembaca dari konten yang bernilai tinggi ke konten yang bernilai tinggi, sehingga menghasilkan pendapatan yang lebih tinggi. Dengan Revolusi Slider, Anda akan dapat menarik banyak klien potensial yang ingin membuat situs web yang trendi. Membuat situs web yang menarik secara visual dan berkinerja tinggi tanpa menulis kode untuk klien Anda adalah cara yang fantastis untuk menyampaikan pesan Anda. Beberapa contoh situs web yang menggunakan penggeser beranda disediakan di bawah ini. Slider bergaya akordeon memungkinkan Anda menambahkan berbagai opsi kreatif dan fleksibel ke situs web Anda.

Bentuk sederhana memungkinkan situs web untuk fokus pada topik yang ada sambil tetap relevan dengan komunitas sepak bola remaja. Slider seperti video Schmidt menggabungkan berbagai transisi unik yang membuatnya terasa lebih alami. Slider ini elegan dan bergaya berkat latar belakang transparan yang dibuat oleh Jax Vineyards.

Manfaat Slider Beranda

Penggeser beranda yang paling efektif adalah mereka melibatkan indra pengguna. Ini menarik secara visual, menjaga perhatian pengguna dan menginspirasi mereka untuk menjelajahi situs web lebih jauh. Selain itu, penggeser memungkinkan pengguna untuk memiliki pilihan, yang dapat mengarah pada pembelian atau serangkaian tindakan lainnya.

Plugin Penggeser

Plugin slider adalah cara yang bagus untuk menambahkan interaktivitas ke situs web Anda. Dengan mengizinkan pengguna mengontrol kecepatan dan arah penggeser, Anda dapat menciptakan pengalaman yang lebih menarik bagi pengunjung Anda. Selain itu, plugin slider dapat digunakan untuk membuat galeri foto, carousel gambar, atau bahkan pemutar video.

Ada banyak plugin slider WordPress yang tersedia di pasaran yang dapat digunakan. Tujuan dari proses seleksi adalah untuk menemukan plugin slider WordPress terbaik dari segi kinerja dan kualitas. Jika bilah geser di halaman Anda tidak dikodekan dengan benar, waktu buka Anda akan meningkat secara signifikan. Mereka dapat memiliki dampak yang signifikan pada SEO situs web Anda juga. Kami merekomendasikan Soliloquy sebagai plugin slider WordPress paling ramah pemula di daftar kami. Antarmuka administrasi WordPress Anda akan terintegrasi dengannya berdasarkan pedoman pengkodean WordPress. Pembuat slider WordPress MetaSlider adalah alternatif yang baik.

Anda dapat membuat slider baru sesederhana mungkin, dan itu akan menangani semua masalah teknis Anda. Anda dapat mengubah ukuran slider dengan menggunakan Slide Anything. Teks, HTML, gambar, video, dan semua jenis konten lainnya dapat ditambahkan. Ini memiliki antarmuka pengguna yang berbeda dari layar admin WordPress lainnya, yang merupakan fitur yang berbeda. Master Slider terbaik bekerja dengan tema WordPress yang secara otomatis memuat aset di halaman. Semua tayangan slide ini termasuk slide video, video HTML 5, slide konten unggulan, tema, animasi, dan transisi. Meskipun Soliloquy tampaknya menjadi yang paling terjangkau, lisensi situs tunggal hanya memberikan akses ke sejumlah kecil add-on.

SmartSlider 3 adalah pilihan kedua kami. Akibatnya, ia menyediakan fungsionalitas tingkat tinggi serta kinerja. Sangat mudah bagi pemula maupun pengembang untuk menggunakan antarmuka.

Apa Itu Plugin Slider?

Plugin slider WordPress mencakup berbagai opsi untuk slide gambar sederhana, serta pembuat drag-and-drop, animasi, dan tombol yang dapat digunakan untuk membuat template slide tingkat lanjut. Jika Anda ingin menambahkan bilah geser ke situs web Anda, Anda harus terlebih dahulu mempelajari cara menggunakan bilah geser agar tidak menimbulkan masalah.

Slider Dapat Membantu Situs Web Bisnis Anda Menonjol

Penggunaan gambar slider di situs web adalah cara populer untuk menampilkan foto atau produk. Bisnis akan merasa sangat berguna untuk menampilkan konten yang relevan di perangkat ini atau untuk memamerkan portofolio profesional mereka. Slider dapat ditambahkan ke situs web apa pun, tetapi ini sangat berguna untuk bisnis yang ingin menampilkan beragam konten atau memamerkan produk mereka.

Plugin Slider Mana yang Terbaik Untuk WordPress?

Master Slider adalah salah satu plugin slider WordPress paling populer. Dengan berbagai fitur canggih serta lusinan template siap pakai, ini adalah alat yang responsif dan berkualitas tinggi.

Slide Posting Korsel WordPress

WordPress Carousel Post Slider memiliki dua mode: default dan pagination. Postingan ditampilkan dalam mode grid saat slider diaktifkan. Untuk mengubah mode Anda, pergi ke bagian atas penggeser dan klik tombol mode. Postingan dapat ditampilkan dalam daftar dengan menggeser slider dalam mode pagination. Mode penggeser dapat diubah dengan mengklik tombol pagination di bagian atas halaman. Ini adalah mode terbaik untuk menampilkan sejumlah besar posting. Dengan WordPress Carousel Post Slider, Anda dapat menambahkan elemen visual yang bagus ke postingan Anda. Slider carousel memiliki kemampuan untuk menampilkan lebih banyak slide secara bersamaan.