Cara Menambahkan Shortcode Slider Di WordPress

Diterbitkan: 2022-10-01

Untuk menambahkan kode pendek slider di WordPress, Anda harus menginstal dan mengaktifkan plugin Slider Shortcode terlebih dahulu. Setelah plugin diaktifkan, Anda cukup menambahkan kode pendek slider ke posting atau halaman mana pun yang Anda inginkan untuk menampilkan slider. Untuk menggunakan kode pendek slider, Anda perlu menentukan parameter berikut: [slider id="xx"] di mana "xx" adalah id dari slider yang ingin Anda tampilkan. Anda juga dapat menentukan lebar dan tinggi bilah geser, serta efek transisi dan opsi putar otomatis. Setelah Anda menambahkan kode pendek slider ke posting atau halaman Anda, Anda kemudian dapat melihat pratinjau posting atau halaman untuk melihat slider beraksi.

Penggunaan shortcode memudahkan untuk memasukkan WordPress ke dalam situs web Anda. WordPress tidak mengizinkan Anda menambahkan bilah geser dengan kode pendek. Untuk membuat kode pendek ini, Anda memerlukan plugin seperti Soliloquy. Berikut adalah langkah-langkah untuk menggunakan slider WordPress dengan kode pendek.

Setelah Anda menyalin kode pendek, Anda dapat membukanya dengan mengklik tombol Slider-Revolution – 'your specific slider module name' –. Untuk mengakses opsi Konten, cukup klik tombol Tambahkan Lapisan lalu pilih lapisan yang ingin Anda tambahkan ke tampilan editor penggeser rev . Anda dapat menyimpan slide dan menempelkan kode pendek Anda di bagian yang sesuai.

Bagaimana Saya Mendapatkan Kode Pendek Slider?

Kredit: themes.artbees.net

Untuk membuat kode pendek slider, Anda harus terlebih dahulu membuat slider baru di area admin WordPress. Setelah Anda melakukan ini, Anda kemudian dapat pergi ke halaman Slider dan klik tombol "Buat Kode Pendek". Ini akan memunculkan jendela di mana Anda dapat memasukkan pengaturan untuk kode pendek slider Anda. Setelah Anda memasukkan informasi yang diperlukan, Anda kemudian dapat mengklik tombol “ Hasilkan Kode Pendek ” untuk menghasilkan kode pendek slider Anda.

Shortcode slider dapat dikonfigurasi dengan beberapa jenis slider . Berbagai jenis slider memiliki kekuatan dan kelemahannya sendiri. Jenis penggeser dasar digunakan, dan ia berputar melalui slide dalam satu baris. Anda dapat mengubah jumlah item yang ditampilkan di Owl Carousel untuk memenuhi kebutuhan berbagai ukuran layar. Penggeser ini adalah penggeser di antara yang bagus yang berfungsi dengan baik dalam situasi tertentu. Owl Carousel adalah jenis slider paling kaya fitur yang tersedia. Kontrol navigasi dapat diatur untuk muncul di delapan lokasi berbeda dan dapat diaktifkan dalam berbagai pengaturan.

Ukuran, ikon, warna, teks, radius batas, dan kontrol navigasi lainnya juga terserah Anda. Saat Anda menambahkan slide ke halaman, navigasi secara otomatis ditampilkan sebagai poin atau angka. Dalam contoh ini, saya akan menunjukkan kepada Anda bagaimana slider dapat mencari bagian dengan lebar penuh. Jenis dokumen ini dapat digunakan untuk menampilkan gambar produk, materi promosi, dan item lainnya. Seperti yang kita lihat, kita menggunakan Owl Carousel untuk menampilkan deretan foto 4x4.

Bagaimana Saya Mendapatkan Kode Pendek Slider?

Shortcode (tidak digunakan lagi) untuk Layer Slider Urutan di mana Anda membuat, mengimpor, atau menambahkan slider dan shortcode-nya menampilkan urutannya.

Bagaimana Saya Memperbaiki Slider WordPress Saya?

Untuk mengatasi masalah slider macet di situs WordPress Anda, Anda harus menonaktifkan semua plugin yang saat ini tidak diaktifkan. Sementara itu, Anda dapat menonaktifkan plugin reguler dari daftar plugin WordPress dan memeriksa untuk melihat apakah masalah tetap ada.

Cara Memperbaiki Slider WordPress Anda

Jika penggeser Anda tidak berfungsi dengan benar, kemungkinan besar karena bug di instalasi WordPress Anda atau penggunaan plugin yang tidak kompatibel. Sebaiknya tingkatkan plugin dan WordPress Anda ke versi terbaru. Jika itu tidak berhasil, mungkin masalah caching adalah sumber masalahnya. Untuk menghapus cache situs WordPress Anda, buka Pengaturan, lalu Wp Super Cache, lalu hapus cache dari dasbor WordPress.

Kode Slider Kustom Di WordPress

Kredit: SitePoint

Menambahkan bilah geser khusus ke situs WordPress Anda adalah cara yang bagus untuk memamerkan foto atau konten Anda dengan gaya. Ada beberapa cara berbeda untuk menambahkan penggeser ke situs Anda, tetapi cara termudah adalah dengan menggunakan plugin. Ada beberapa plugin berbeda yang dapat Anda gunakan untuk membuat slider. Salah satu yang paling populer adalah plugin Slider Revolution . Plugin ini mudah digunakan dan dilengkapi dengan banyak fitur. Setelah Anda menginstal dan mengaktifkan plugin, Anda dapat membuat slider baru dengan membuka halaman “Slider Revolution” di area admin WordPress. Setelah Anda membuat slider baru, Anda dapat menambahkan gambar atau konten ke dalamnya. Anda juga dapat mengatur opsi untuk penggeser, seperti lebar, tinggi, dan efek transisi. Setelah Anda puas dengan slider Anda, Anda dapat mempublikasikannya dan itu akan muncul di situs WordPress Anda.

Kode Pendek Revolusi Slider

Slider Revolution Shortcode adalah plugin WordPress yang memungkinkan Anda membuat tayangan slide yang indah dengan mudah. Dengan plugin ini, Anda dapat dengan mudah membuat slider yang responsif dan mendukung sentuhan hanya dengan beberapa klik. Plugin ini hadir dengan berbagai opsi dan pengaturan yang memungkinkan Anda untuk menyesuaikan tayangan slide sesuai keinginan Anda.

Langkah pertama adalah menambahkan kode ke Revolution Slider . Kode pendek pada dasarnya adalah sepotong kecil kode yang dapat ditambahkan ke backend situs web untuk menambahkan fitur, elemen, atau fungsi. Elemen galeri, video, elemen tata letak, bagian halaman dengan ikon atau ilustrasi, infografis, dan diagram lingkaran hanyalah beberapa contoh item yang dapat dibuat dengan menggunakan template ini. Contoh elemen infografis di penggeser Ecology Home adalah penghitung dan teks animasi, serta tombol CTA. Ini dapat dibuat lapis demi lapis di Slider Revolution dengan menggunakan kode pendek Pie Chart khusus. Anda dapat menggunakan kode pendek dengan semua fungsi dalam kerangka kerja penggeser. Kode pendek Pie Chart dari Slider Revolution menyertakan bagian Opsi Desainnya sendiri di mana Anda dapat memilih warna yang ingin Anda gunakan. Dalam contoh kami, penggeser tidak menyertakan teks apa pun, terlepas dari kenyataan bahwa ia memiliki opsi. Dengan hanya menyeret dan menjatuhkan teks dalam lapisan teks, Anda dapat membuat lapisan yang mirip dengan yang lain di Slider Revolution.

Cara Menyematkan Slider Di Posting Kustom

Navigasikan ke pos tempat Anda ingin menggunakan penggeser, lalu temukan konten yang ingin Anda gunakan di penggeser. Setelah Anda menemukan konten, salin dan tempel kode di bawah ini ke bidang Kode Sematkan. Slider Revolution: slideshow *div class="slider-revolution-content">default:slider-revolution-content *****h3 *****Slider Revolution *****/h3 Slider ini didukung oleh situs induk slider, yaitu http://sliderrevolution.com/.