Tutorial vSlider dan Cara Settingnya


Beberapa waktu lalu saya memposting mengenai cara mudah bikin slider image di wordpress yang self hosted menggunakan plugin wordpress “vslider”. Anda bisa membaca sedikit ulasannya disini
Kali ini saya akan memposting mengenai cara settingnya beserta membuat slidernya.

Tutorial vSlider

    1. Install terlebih dahulu pluginnya pada wordpress anda. Bisa di unduh disini, atau bisa langsung di install lewat dashboard wordpressnya
    2. Kemudian klik menu ”vslider” pada bagian menu.
       wordpress 2 plugin wordpress inside box bagaimana cara
    3. Kemudian buat nama slider anda, dan klik tombol “Add new vSlider
       wordpress 2 plugin wordpress inside box bagaimana cara
    4. Kalau sudah selesai, klik tombol “Edit” untuk mensetting slidernya
       wordpress 2 plugin wordpress inside box bagaimana cara
    5. Dalam menu setting akan terlihat bagian-bagian, seperti “General Setting” pada bagian kiri. Disini anda bisa mensetting lebar tinggi kotak slider, kemudian kecepatan pergantian gambar, Efect munculnya gambar, Tombol slidernya, Dan lain sebagainya,
       wordpress 2 plugin wordpress inside box bagaimana cara
    6. Kemudian bagian “Images Source”. Yaitu setting untuk sumber gambarnya. Anda bisa gunakan sumber gambar dari posting anda dengan mengganti “Image Sorce?” menjadi Category dan pilih Categorynya. Atau ke “Costum” code jika anda ingin menggunakan link image saja. Dalam contoh ini saya menggunakan “Costum” pada Image Sorcenya.
       wordpress 2 plugin wordpress inside box bagaimana cara
    7. Dan untuk memasukkan link gambarnya, silakan anda masukkan pada bagian costum image yang ada pada bagian bawah, lalu klik tanda “+” di pojok akanan atas.
       wordpress 2 plugin wordpress inside box bagaimana cara
      Masukkan link gambarnya, kemudian klik tombol “Save Settings”, dan lakukan lagi hal yang sama ke costum image lainnya.
    8. Untuk memasukkan slider ke post atau ke halaman, bisa buat dulu posting atau halaman seperti biasa. kemudian masukkan short codenya dengan format seperti ini:
      [vslider name="abc"] wordpress 2 plugin wordpress inside box bagaimana cara
      Dimana “abc” di ganti dengan nama slider yang anda buat tadi. Misalnya Slider-saya. Kemudian publis artikel anda atau halaman anda.
    9. Apabila anda ingin memasukkannya pada template misalnya index.php atau single.php atau di mana saja pada template, anda bisa menggunakan kode ini:

      <?php if(function_exists(‘vslider’)){ vslider(‘abc’); } ?>
      Dan ganti “abc” juga dengan nama slider anda.
    10. Dan hasilnya seperti ini
       wordpress 2 plugin wordpress inside box bagaimana cara

No comments:

Post a Comment