Connect with us

Plugin

Cara membuat slider wordpress tanpa lemot

Andi Saefulrohman

Published

on

Cara membuat slider wordpress tanpa lemot

Ingin membuat slider wordpress untuk website yang anda miliki?

Penambahan slider wordpress ini, membuat website kita terlihat elegan dan profesional tentu saja, anda bisa pakai slider ini untuk keperluan berbagai macam website, mulai dari website sekolah hingga blog profesional

Tujuan untuk pembuatan slider ini adalah untuk memprioritaskan beberapa info, agar info tersebut bisa lebih cepat kepada pembaca. Bagi anda yang baru belajar nge”wordpress”, tampilan slide itu seperti ini ya :

slider wordpress

Ada banyak cara, yang bisa anda lakukan untuk membuat slider pada website berbasis wordpress, apalagi jika anda sering membeli plugin page builder seperti elementor atau divi, kedua plugin tersebut memiliki fungsi slider pada versi premiumnya.

Selain itu, pada beberapa tema juga, biasanya memiliki menu slider yang dimasukan langsung di dalam temanya.

Anda juga bisa memakai plugin yang tersedia pada menu wordpress, tinggal anda ketikan slider, maka akan ada ratusan plugin yang bisa anda pakai untuk membuat slider, mulai dari yang berbayar hingga yang gratis. Dan tentu saja, style dari slide tersebut berbeda-beda pada setiap plugin.

Hanya saja, jika anda salah memilih plugin slider, biasanya fungsi slider ini sendiri berdampak pada kecepatan website, sehingga website yang anda miliki, lebih lemot dari biasanya.

Nah pada kesempatan kali ini, saya akan memberikan tutorial kepada anda, bagaimana cara untuk membuat slider di dalam wordpress, tanpa mempengaruhi performa dari website anda. Bagaimana caranya?

BACA JUGA : Wajib di coba, 10 Extension chrome yang berguna untuk produktivitas kamu

Cara membuat slider wordpress tanpa lemot

Pada kesempatan kali ini, kita akan menggunakan sebuah plugin slider wordpress yang bernama soliloquy. Mungkin agak aneh namanya, namun slider ini sudah aktif di 80.000 lebih website dengan rating bintang 4.5

1. Silakan langsung saja untuk masuk ke menu plugin, dan langsung saja ketikan kata kunci “soliloquy” di menu pencarian. Atau anda juga bisa download di sini. Bagi anda yang masih pemula dan belum paham mengenai plugin, boleh baca artikel Mengenal plugin wordpress dan kegunaannya

slider wordpress

2. Anda akan menemukan beberapa item, silakan pilih item yang sama dengan gambar di bawah ini, lalu klik instal now. Tunggu proses ini hingga selesai

slider wordpress

3. Setelah terinstall, silakan aktivasi plugin tersebut dengan menekan tombol activate.

Cara membuat slider wordpress tanpa lemot 13

4. Sebuah menu baru bertuliskan “soliloquy”, akan muncul di dashboard wordpress anda, silakan klik langsung menu tersebut.

slider wordpress

5. Anda akan diarahkan ke halaman “soliloquy”, dihalaman inilah nanti anda akan melihat slide yang sudah dibuat. Silakan klik “add new” untuk membuat sebuah slider wordpress

slider wordpress

6. Bisa dilihat pada gambar, silakan pada kolom “add title”, anda bisa mengisinya dengan nama slide anda misalnya “slide pariwisata”, lalu pilih native slider, pilih foto yang ingin anda jadikan slide di pc anda lewat “select files from computer” atau anda juga bisa memilih file photo dari media wordpress anda dengan menekan tombol “select file from other sources”

slider wordpress

Catatan : Karena soliloquy yang kita download merupakan versi free, maka beberapa fitur dalam plugin menjadi dibatasi atau tidak bisa digunakan seperti external slider, thumbnail, carousel, pinterest, lightbox, dan schedule. Namun plugin ini tetap powerful ya

7. Tunggu beberapa saat, hingga foto yang sudah kita pilih tampil, di bagian bawah, seperti pada foto. Jika anda ingin menghapus foto, anda bisa menekan tombol merah untuk menghapusnya

slider wordpress

8. Setelah itu anda bisa masuk ke menu config, untuk mengatur slider wordpress yang sudah di buat. Berikut adalah beberapa pengaturan yang bisa anda pelajari :

slider wordpress

1. Slider theme : tema dari slider yang akan di buat, pada versi gratis anda akan menemukan dua tema saja, yaitu classic dan base. Berikut adalah tampilannya

slider wordpress

Tampilan slide base

slider wordpress

Tampilan slide classic

2. Slider dimension : ukuran dari slider yang ada buat
3. SIider transition : Transisi antar slider (hanya satu pilihan saja)
4. Slider transition duration : Waktu durasi setiap slider, format dalam milidetik, jadi jika anda ingin mengatur 10 detik, anda harus mengisinya dengan 10.000
5. Slider transition speed : Kecepatan transisi slide ke slide selanjutnya
6. Slider Gutter : Mengatur jarak antara konten dengan slide dalam satuan pixel
7. Crop Images in Slider? : Potong otomatis gambar sesuai ukuran, saya sarankan anda mencentang opsi ini

Selain itu anda juga bisa mengatur css untuk slider yang sudah anda buat, di menu misc. Untuk pengaturan CSS ini, kita akan bahas di pertemuan selanjutnya ya.

slider wordpress

Nah setelah selesai, mengatur slider, maka saatnya anda mengaktifkan slider wordpress yang sudah di buat. Namun jangan lupa ya, untuk menyimpan terlebih dahulu pengaturan slide yang sudah anda buat dengan menekan tombol update

slider wordpress

BACA JUGA : 10 Trik wordpress yang jarang diketahui orang

Bagaimana cara mengaktifkan, slider yang sudah di buat?

Slider yang sudah anda buat, bisa anda simpan dimana saja, bisa di halaman atau di postingan, sesuai dengan kebutuhan anda. Misal jika anda membuat slider untuk menjelaskan konten postingan mengenai “pariwisata”, anda bisa simpan di postingan.

1. Langkah pertama yang bisa anda lakukan adalah, setelah anda menekan tombol update, maka akan muncul soliloquy slider code, nah pilihlah salah satu kode tersebut, lalu copy.

slider wordpress

2. Atau jika anda, tidak menemukannya, anda bisa masuk lagi ke halaman soliloquy di menu dashboard, lalu silakan copy codenya dari slide yang anda pilih

slider wordpress

3. Silakan untuk masuk ke menu postingan atau halaman, anda bisa buat baru, atau edit postingan yang lain, lalu paste kode tadi di halaman yang sudah anda buat

slider wordpress

Dan selamat, anda sudah berhasil membuat slide yang di inginkan.

slider wordpress

BACA JUGA : 9 tool terbaik untuk cek kecepatan website anda

Baiklah itu saja, yang bisa kami sampaikan. Jika anda menyukai artikel ini, anda dapat bagikan artikel ini kepada orang terkasih anda. Selain itu anda juga bisa menemukan kita di channel youtube untuk tutorial wordpress. Atau anda juga bisa mengunjungi facebook dan instagram kita, untuk insight menarik lainnya

 


.

Continue Reading
Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *