plugin vslider dan cara penggunaannya
Seperti postingan sebelumnya, bagaimana membuat slide image pada template wordpress, penulis akan melanjutkan lagi bagaimana menggunakan plugin vslider tersebut. cara setting vslider agar tampil di halaman/ template wordpress anda.
sebelumnya install plugin vslider versi baru (versi 4.0 untuk yang paling baru sekarang). tapi postingan ini menggunakan vslider versi 3.0. Untuk cara install mungkin sudah biasa bagi yang sudah berkecimpung di dunia wordpress. tapi untuk yang wordress pemula, cara install plugin bisa di ikuti step-step sebagai berikut:
- login ke dashboard/halaman admin wordpress masing-masing
- masuk ke halaman plugin, kemudian klik add new plugin
- untuk plugin bisa di download dulu di simpan dalam komputer, atau bisa langsung search di halaman tersebut dengan mengetikkan “vslider”
- setelah di cari dan di install, klik enable untuk mengaktifkan plugin tersebut
- untuk setting vslidernya masuk ke halaman vslider
- berikut ini adalah setting dari plugin vslider
- Pada general setting vslider, yang pertama harus diperhatikan adalah ukuran slide yang akan di tayangkan/ditampilkan di website. Bagian tersebut bisa di setting pada image width dan height. untuk settingan selanjutnya bisa di default dulu untuk test pertama.
- Sekarang ke image source. untuk sumber gambar bisa custom sendiri atau mengambil gambar di postingan (sesuai category). dalam hal ini sekarang penulis mencoba untuk yang custom images (pilih yes,custom) untuk mengaktifkan fitur ini.
- pilih gambar (click to expand) pada custom image 1 dan seterusnya
- Klik save untuk menyimpan, untuk masing-masing slide menggunakan gambar yang berbeda-beda. hal ini bisa di pilih pada custom image 1 sampai custom image 5.
Setelah setting selesai, sekarang adalah bagaimana menampilkan di template wordpress.
- Ada 2 cara untuk menampilkan di theme wordpress yang kita pakai. Cara 1 dengan menggunakan widget wordpress dan cara yang kedua adalah dengan memasukkan script pada theme wordpress melalui editor themes.
- untuk cara 1, masuk ke widget (halaman widget) kemudian drug and drop ke tempat widget (misal, sidebar 1 dst)
- untuk cara 2, masuk ke theme (appereance) kemudian editor theme, masukkan script ini kedalam theme (tempat vslide yang akan ditempel)
<!--?php if (function_exists('vSlider')) { vSlider(); }?--><?php if (function_exists('vSlider')) { vSlider(); }?>
- setelah di tulis klik save.
- slider pada wordpress siap di tampilkan
penggunaan vSlider ini bisa di lihat pada website yayasan cahaya kusuma
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
nice post mabro!
terimaksih mas, saya juga pakai fitur ini sekarang
@all : terimakasih teman2