Hai Sahabat CIA, berjumpa lagi dengan CIA. Kali ini CIA kembali memberikan panduan atau tutorial bagaimana cara membuat slider di WordPress agar tampilan halaman wordpress lebih menarik dan elegan. Mari kita belajar bersama.
Slider merupakan salah satu komponen untuk mempercantik sebuah website melalui sebuah gambar atau text. Namun umumnya menggunakan sebuah gambar, agar si pengunjung dapat lebih tertarik dan penasaran dengan isi dari sebuah website.
Sungguh disayangkan sekali, WordPress tidak punya slider bawaan. Sobat CIA harus menginstall plugin yang tepat untuk mengaktifkan fitur tersebut. Di artikel kali ini, CIA akan memberikan tutorial cara membuat slider di WordPress hanya dalam beberapa langkah mudah.
Sobat CIA akan membuat slider dengan menggunakan plugin PRO Revolution Slider. Jika temen-temen belum memiliki plugin revolution slider, maka temen-temen dapat menggunakan plugin slider gratisan. Karena teknik yang digunakan untuk membuatnya hampir sama dan gak jauh beda.
Cara Membuat Slider di WordPress menggunakan Slider Revolution
Oke teman-teman, CIA akan mulai tutorial cara membuat slider di WordPress menggunakan Slider Revolution. Mengapa CIA memilih plugin ini? Slider Revolution memiliki banyak sekali fitur dan opsi membuat slider WordPress sebanyak mungkin yang dibutuhkan, serta sangat mudah untuk digunakan.
Silahkan buka wordpress teman-teman, agar dapat mengikuti tutorial yang telah CIA buat.
1. Login terlebih dahulu Ke website temen-temen
2. Instal Plugin Slider Revolution dan kemudian Aktifkan
3. Pilih menu Slider Revolution, maka akan Tampil seperti gambar dibawah ini
4. Pilih New slider maka akan muncul tampilan seperti ini, isikan pada kotak area 2 itu yang bertanda merah pertama dengan nama slider temen-temen contoh slider 1 dan yang kedua isi dengan slider yang akan ditampilkan menjadi shortcode contoh slider1.
Lalu pilih tipe slider yang ingin kita gunakan. Pada contoh kali ini CIA akan menggunakan tipe yang standart bawaan slider revolution. Lalu pilih pada slide layout pada area kotak ke 4 itu CIA menggunakan Full Width.
Sudah selesai mengatur pada halaman ini, kemudian klik tombol save warna hijau di pojok kanan atas. Dan kemudian klik tombol pensil berwarna biru untuk memulai menyusun slider kita.
5. Setelah memilih tombol pensil berwarna biru maka akan muncul tampilan sebagai berikut:
Pada bagian slider editor ini kita atur dari atas terlebih dahulu, pilih main/background image kemudian pilih media gambar yang ingin kita jadikan slider. Contoh seperti di bawah ini:
Maka akan muncul slider gambar seperti dibawah ini:
Kemudian kita akan memberikan tulisan pada slider ini. Silahan klik add layer yang berwarna biru lalu pilih Text/HTML, lanjutkan atau silahkan ketik sesuai keinginan temen-temen.
Pada kolom merah yang sebelah kiri pertama “T”, ini merupakan pengaturan font yang akan kita gunakan, kemudian di sampingnya adalah pengaturan size huruf, sampingnya pengaturan line height tulisan, bawahnya sebelah kiri berhuruf “B” itu merupakan ketebalan huruf, dan yang sebelahnya adalah mengatur jarak antar spasi tulisan.
Nah untuk tulisan nya sendiri temen-temen bebas mau meletakkan dimana sesuai kreasi temen-temen kalau dalam hal ini. Nah setelah selesai membuat slider ini langsung kembali tekan tombol save berwarna hijau dikanan atas untuk menyimpan hasil slider temen-temen.
Satu slider telah selesai, nah kita buat lagi slider kedua cara nya gampang sekali lihat gambar dibawah ini, pilih add blank slide dan ulangi langkah pertama membuat slider ini. Kemudian jangan lupa klik save.
6. Kemudian telah selesai langkah kita di atas, selanjutnya kita ambil shorcode slider tadi dan kita pasang di page mana yang akan kita letakan, lihat gambar dibawah ini.
Copy paste pada kotak merah yang berada di gambar pertama ke dalam page yang ingin kita pasang slider dan tinggal publish dan selesai.
Gimana sobat CIA, beruntung kan ada plugin Slider Revolution yang memudahkan sobat CIA dalam membuat dan memunculkan segala jenis konten. Selain gambar dan teks, plugin ini juga memungkinkan Sobat CIA untuk menggunakan HTML dan shortcode jika hendak menghadirkan kombinasi yang unik. Bahkan plugin ini menawarkan fitur-fitur menarik yang masih banyak lagi.
Semoga artikel ini bermanfaat bagi teman-teman, sampai jumpa di tutorial CIA selanjutnya.
