close
Handal Media
Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya

Slider merupakan elemen penting untuk menampilkan animasi gambar atau video di website, oleh karena itu elemen ini sering kali dibutuhkan saat membuat website-website seperti company profile dan web toko online. Bagi anda yang menggunakan WordPress untuk membuat website, kebetulan sekali saya akan berbagi tentang cara membuat slider di wordpress, simak penjelasan lengkapnya dibawah ini sampai habis!


Baca Juga : Plugin Terbaik Untuk Membuat Slider di WordPress

Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya


Untuk membuat slider di WordPress anda membutuhkan sebuah plugin agar lebih mudah dalam pembuatannya, kebetulan plugin yang dipakai adalah "Revolution Slider" karena plugin ini sudah memenuhi kriteria untuk pembuatan slider, lengkap fiturnya dan tentunya gratis bagi yang ingin menggunakan dalam versi free, tapi bagi yang ingin menggunakannya dalam versi pro anda bisa mendapatkan lisensinya seharga $26 Untuk yang regular dan $125 untuk yang Extended.

Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya

Bagi yang belum punya plugin ini, silahkan anda download terlebih dahulu, bisa cari-cari di google untuk mendownload plugin ini, karena tidak disediakan di dalam daftar plugin WordPress. Untuk cara menggunakan plugin ini anda bisa mengikuti langkah-lagkah dibawah ini.

Cara Menggunakan Plugin Revolution Slider


Di slider revolution terbagi atas beberapa menu, admin akan jelaskan beberapa bagian menu tersebut secara satu-persatu agar anda paham bagaimana cara membuat slider di plugin ini.

1. Menu Utama


Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya

Pada saat menekan slider setting, anda akan dibawa pada halaman yang menunya seperti gambar diatas, disini anda harus paham akan menu-menu tersebut agar gampang dalam pembuatan slider. disini ada beberapa menu yang perlu dijelaskan antara lain:

A. All Sliders


Yaitu menu untuk masuk kepada kumpulan slider yang sudah anda buat sebelumnya. 

B. Slider Settings


Untuk mengatur slider itu sendiri, disini ada beberapa sub bagian seperti:

- Content Source

Yaitu untuk memilih sumber dari manakah slider itu akan dibuat, apakah dari komputer yang anda buat sendiri, dari postingan di website anda atau dari berbagai sosial media seperti Instagram, Facebook, Twitter dan lainnya.

- Slider Title & Shorcode

Untuk pemberian nama pada slider.

-Select Slider Type

Untuk memilih tipe slider yang akan digunakan.

-Slider Layout

Untuk mengatur ukuran slider di berbagai device, agar sesuai dan responsive.

- Customize, Build & Implement

Untuk mulai membuat slide secara custom dan mengimplementasikannya ke website.

- Custom CSS & Javascript

Untuk customisasi CSS dan Javascript di slider.

C. Slider Editor


Yaitu untuk mengedit slider yang sudah ada, anda bisa customisasi slider anda dengan menekan menu ini.

D. Preview


Untuk melihat hasil pembuatan slider.

E. Save Settings


Untuk menyimpan pengaturan yang sudah kita buat pada slider.

E. Delete Sliders


Untuk menghapus slider yang sudah dibuat.


2. Menu Setting Slider


Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya



A. General Setting


Menu ini untuk pengaturan dasar slider seperti menentukan pengaturan slideshow dan waktu durasi slider tampil di website, selain itu anda bisa memunculkan progress bar dengan mengaktifkannya pada submenu progress bar.

B. Layout & Visual


Menu ini berguna untuk mengatur style dari slider, seperti warna background, spinner loading saat slider belum muncul, dan posisi slider.

C. Navigation


Menu ini berfungsi untuk mengatur fungsi navigasi slider, seperti memberikan tanda panah untuk petunjuk bagi bahwa slider bisa gonta-ganti gambar dan sebagainya.

D. Parallax & 3D


Berfungsi untuk lebih menghidupkan lagi animasi pergerakan yang ada di slider, parallax dapat memberikan efek 3D sehingga slider akan tampak lebih menarik untuk dilihat.

E. Scroll Effects


Memberikkan efek pada scrolling slider agar tampak menarik.

F. Performance & SEO Optimization


Untuk melihat status performa dan SEO slider yang sedang aktif pada website.

G. Problem Handling


Untuk mengatasi permasalahan yang terjadi pada slider seperti HTML5, JQuery dan Javascript.

H. Google Font


Untuk mengatur font dari slider itu sendiri.

I. Import/Export/Replace


Untuk import/export template slider atau bahkan mengganti template slider.

J. API Functions


Untuk fungsi API external kalau memang fungsi ini dibutuhkan.


Baca Juga : Cara Membuat Live Chat WhatsApp di WordPress

3. Editor Revolution Slider


Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya


Gambar diatas adalah tampilan editor slider revolution, dari berbagai menu yang ada saya coba untuk menyampaikannya secara singkat, anda bisa mempelajarinya lebih lanjut jika ingin mahir dalam pembuatan slider menggunakan revolution slider ini.


Kesimpulan


Dari sekian penjelasan yang admin sampaikan diatas, admin coba untuk menerangkan secara umum dan coba menerangkan kegunaan-kegunaan dari menu-menu yang ada pada revolution slider ini, intinya jika anda ingin bisa membuat slider harus mencoba membuatnya terlebih dahulu.


Demikian tentang pembahasan tentang Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya ini, semoga bermanfaat bagi anda, jika ada pertanyaan dan tambahan seputar pembahasan diatas, silahkan komentar dibawah. Selamat mencoba :)






Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya

Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya

Slider merupakan elemen penting untuk menampilkan animasi gambar atau video di website, oleh karena itu elemen ini sering kali dibutuhkan saat membuat website-website seperti company profile dan web toko online. Bagi anda yang menggunakan WordPress untuk membuat website, kebetulan sekali saya akan berbagi tentang cara membuat slider di wordpress, simak penjelasan lengkapnya dibawah ini sampai habis!


Baca Juga : Plugin Terbaik Untuk Membuat Slider di WordPress

Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya


Untuk membuat slider di WordPress anda membutuhkan sebuah plugin agar lebih mudah dalam pembuatannya, kebetulan plugin yang dipakai adalah "Revolution Slider" karena plugin ini sudah memenuhi kriteria untuk pembuatan slider, lengkap fiturnya dan tentunya gratis bagi yang ingin menggunakan dalam versi free, tapi bagi yang ingin menggunakannya dalam versi pro anda bisa mendapatkan lisensinya seharga $26 Untuk yang regular dan $125 untuk yang Extended.

Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya

Bagi yang belum punya plugin ini, silahkan anda download terlebih dahulu, bisa cari-cari di google untuk mendownload plugin ini, karena tidak disediakan di dalam daftar plugin WordPress. Untuk cara menggunakan plugin ini anda bisa mengikuti langkah-lagkah dibawah ini.

Cara Menggunakan Plugin Revolution Slider


Di slider revolution terbagi atas beberapa menu, admin akan jelaskan beberapa bagian menu tersebut secara satu-persatu agar anda paham bagaimana cara membuat slider di plugin ini.

1. Menu Utama


Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya

Pada saat menekan slider setting, anda akan dibawa pada halaman yang menunya seperti gambar diatas, disini anda harus paham akan menu-menu tersebut agar gampang dalam pembuatan slider. disini ada beberapa menu yang perlu dijelaskan antara lain:

A. All Sliders


Yaitu menu untuk masuk kepada kumpulan slider yang sudah anda buat sebelumnya. 

B. Slider Settings


Untuk mengatur slider itu sendiri, disini ada beberapa sub bagian seperti:

- Content Source

Yaitu untuk memilih sumber dari manakah slider itu akan dibuat, apakah dari komputer yang anda buat sendiri, dari postingan di website anda atau dari berbagai sosial media seperti Instagram, Facebook, Twitter dan lainnya.

- Slider Title & Shorcode

Untuk pemberian nama pada slider.

-Select Slider Type

Untuk memilih tipe slider yang akan digunakan.

-Slider Layout

Untuk mengatur ukuran slider di berbagai device, agar sesuai dan responsive.

- Customize, Build & Implement

Untuk mulai membuat slide secara custom dan mengimplementasikannya ke website.

- Custom CSS & Javascript

Untuk customisasi CSS dan Javascript di slider.

C. Slider Editor


Yaitu untuk mengedit slider yang sudah ada, anda bisa customisasi slider anda dengan menekan menu ini.

D. Preview


Untuk melihat hasil pembuatan slider.

E. Save Settings


Untuk menyimpan pengaturan yang sudah kita buat pada slider.

E. Delete Sliders


Untuk menghapus slider yang sudah dibuat.


2. Menu Setting Slider


Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya



A. General Setting


Menu ini untuk pengaturan dasar slider seperti menentukan pengaturan slideshow dan waktu durasi slider tampil di website, selain itu anda bisa memunculkan progress bar dengan mengaktifkannya pada submenu progress bar.

B. Layout & Visual


Menu ini berguna untuk mengatur style dari slider, seperti warna background, spinner loading saat slider belum muncul, dan posisi slider.

C. Navigation


Menu ini berfungsi untuk mengatur fungsi navigasi slider, seperti memberikan tanda panah untuk petunjuk bagi bahwa slider bisa gonta-ganti gambar dan sebagainya.

D. Parallax & 3D


Berfungsi untuk lebih menghidupkan lagi animasi pergerakan yang ada di slider, parallax dapat memberikan efek 3D sehingga slider akan tampak lebih menarik untuk dilihat.

E. Scroll Effects


Memberikkan efek pada scrolling slider agar tampak menarik.

F. Performance & SEO Optimization


Untuk melihat status performa dan SEO slider yang sedang aktif pada website.

G. Problem Handling


Untuk mengatasi permasalahan yang terjadi pada slider seperti HTML5, JQuery dan Javascript.

H. Google Font


Untuk mengatur font dari slider itu sendiri.

I. Import/Export/Replace


Untuk import/export template slider atau bahkan mengganti template slider.

J. API Functions


Untuk fungsi API external kalau memang fungsi ini dibutuhkan.


Baca Juga : Cara Membuat Live Chat WhatsApp di WordPress

3. Editor Revolution Slider


Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya


Gambar diatas adalah tampilan editor slider revolution, dari berbagai menu yang ada saya coba untuk menyampaikannya secara singkat, anda bisa mempelajarinya lebih lanjut jika ingin mahir dalam pembuatan slider menggunakan revolution slider ini.


Kesimpulan


Dari sekian penjelasan yang admin sampaikan diatas, admin coba untuk menerangkan secara umum dan coba menerangkan kegunaan-kegunaan dari menu-menu yang ada pada revolution slider ini, intinya jika anda ingin bisa membuat slider harus mencoba membuatnya terlebih dahulu.


Demikian tentang pembahasan tentang Cara Membuat Slider di WordPress Lengkap Dengan Gambarnya ini, semoga bermanfaat bagi anda, jika ada pertanyaan dan tambahan seputar pembahasan diatas, silahkan komentar dibawah. Selamat mencoba :)






Tidak ada komentar