Kali ini saya akan memberikan tutorial untuk memasang Slider Jquery pada WordPress yang biasanya banyak digunakan pada themes premium berbayar. Dan untuk anda yang menggunakan themes gratisan yang tidak ada fasilitas slider yang nantinya membuat blog anda semakin powerfull.
Yang pertama tentunya anda perlu mendapatkan plugin dari slider jquery , anda bisa mendapatkannya di Worpress.org tapi untuk kali ini sebagai contoh saya akan menggunakan plugin Easy Nivo Slider yang mana dalam plugin ini akan banyak sekali pilihan transition.
Anda bisa mendownloadnyaplugin disini atau silahkan kunjungi websitenya disini.
Oke…kita bisa memulainya…
Saya berasumsi bahwa anda telah mendownload plugin dan menginstall plugin Easy Nivo Slider , jika anda masih binggung tentang instalasi plugin anda bisa melihat tutorialnya pada Bagaimana Cara Mudah Install Plugin WordPress pada blog ini juga.
Jika anda telah selesai install plugin Easy Nivo Slider maka silahkan aktifkan.
Sebagai tutorial kebetulan saya menggunakan WordPress versi terbaru yaitu WordPress 3.3 beta , kemudian setelah anda aktivkan pluginnya maka anda bisa menuju Setting –> Nivo Slider.
Silahkan klik Nivo Slider lalu anda akan dibawa ke halaman setting dari Nivo Slider.
Seperti yang anda lihat disana anda bisa membuat slider yang sangat cantik klik preview dan jika anda scroll agak kebawah anda akan menemui halaman images kosong dan anda perlu menambahkan gambar untuk dibuat slider.
Untuk menambahkan gambar anda perlu membuat posting baru.
Kemudian anda tentukan Categorynya karena slider ini bekerja dengan memanggil dan menggunakan Category .
Silahkan anda insert images seperti biasa anda membuat posting , lalu jangan klik insert to post melainkan Use featured image yang terletak persis disebelahnya.
Setelah itu coba anda kembali ke Nivo Slider dan dalam preview sudah ada gambar yang tadi anda masukan.
Ulangi dengan membuat posting baru dengan cara yang sama seperti diatas sesuai kebutuhan anda dan kali ini saya memasukkan 3 gambar.
Setelah itu anda bisa membuat setting untuk ukuran dari slider yang anda buat, untuk itu pada tab Nivo Slider klik First Slider.
Tentukan ukuran sesuai dengan halaman blog anda dan kali ini saya membuatukuran slider 600 x 400 jangan lupa klik Save Changes.
Kemudian dalam preview bisa anda lihat perubahannya, kemudian anda perlu setting untuk category
Pilih Category dimana anda membuat posting diatas tadi, lalu anda bisa memilih Transition (perpindahan gambar/animasi).
Anda bisa mencoba satu persatu dan kemudian anda tentukan jangan lupa klik Save Setting.
Selesai…!
Kini saatnya anda memasang pada halan yang anda inginkan, anda bisa membuat halaman/page atau post.
Setelah anda membuka New Page pada tab content anda lihat ada icon baru bernama Nivo, silahkan anda klik.
Ada muncul popup windows Nivo, anda pilih category yang mau anda buat slider, kemudianklik Insert
Pada halaman untuk menulis content telah ditambahkan Short Code seperti gambar diatas, lalu klik Publish.
Kini anda bisa melihat hasilnya.
Jika anda menggunkan themes default anda bisa memodifikasi themes tersebut dengan menghilangkan gambar header default dan menggantinya dengan slider yang baru anda buat .
Dan anda bisa membuat Slider Query pada Blog WordPress anda sesuai dengan keinginan anda sendiri, semoga bermanfaat dan jika ada kesulitan silahkan anda isi komentar dibawah ini.
Artikel Terkait
0 komentar:
Posting Komentar