15+ Contoh Slider WordPress yang Sangat Baik (Showcase)

Mencari inspirasi untuk slider WordPress Anda? Slider memungkinkan pemilik situs web untuk menampilkan konten terpenting mereka dalam tayangan slide yang menarik dan interaktif, sehingga pengguna dapat melihat sorotan dan segera mengambil tindakan. Tidak heran jika begitu banyak situs menggunakan slider dengan semua yang bisa mereka lakukan!

• Kirimkan konten secara efisien dan penuh gaya
• Kemas banyak informasi ke dalam ruang kecil
• Tambahkan interaksi ke situs web Anda
• Arahkan pengunjung ke promosi dan halaman penting

Pada artikel ini, kami akan menunjukkan kepada Anda 15+ contoh slider WordPress yang luar biasa. Kami juga akan menunjukkan cara cepat membuat slider cantik untuk situs web Anda sendiri.

Etalase Inspirasi Slider

Berikut adalah beberapa contoh slider terbaik untuk inspirasi Anda. Kriteria yang kami gunakan untuk memilih slider ini adalah 1) kreativitas dan 2) kegunaan. Beberapa desain memiliki keduanya, dan beberapa hanya memiliki satu aspek.

CNBC Perdana

Slider CNBC dapat dibaca dan mudah digunakan. Mereka menggunakan font yang tebal untuk judul acara, sehingga mudah dibaca. Mewarnai teks benar-benar membantunya menonjol dengan latar belakang juga.

CBS

Slider CBS menggunakan gambar yang menarik dengan font besar dan banyak ruang putih agar mudah dibaca dan digunakan. Peluru besar membuatnya sangat jelas apa yang akan terjadi ketika Anda mengklik.

Universal Orlando

Slider Universal memiliki satu tujuan sederhana: memikat Anda untuk mengunjungi taman hiburan mereka. Meskipun CTA membuat beberapa penawaran menarik, foto-foto yang berbicara.

Dove Cotes Saville

Saville's menggunakan font serif elegan yang dipasangkan dengan foto yang menonjolkan kualitas dan keahlian kandang merpati mereka. Mereka juga menjelaskan pengetahuan luas mereka tentang merpati, sehingga Anda dapat yakin bahwa Anda membeli rumah terbaik mutlak untuk teman berbulu Anda.

Toko Roti Magnolia

Magnolia Bakery adalah contoh yang bagus dari penggeser gambar saja. Ketika Anda memiliki kue-kue lezat, siapa yang butuh obrolan? Ketiga mini-slider ini terlihat sangat lezat di halaman web ini.

Ngarai Berapi

Flaming Gorge adalah atraksi Utah yang populer. Berita utama di galeri mereka mengatakan itu semua: Anda dapat menikmati luasnya pemandangan tanpa merusaknya di resor Flaming Gorge.

Tema Kemajuan

Headway Themes memanfaatkan penggeser secara kreatif. Alih-alih penggeser halaman atas yang khas, mereka menempatkannya lebih jauh ke bawah, dan menggunakannya untuk menampilkan situs web yang menggunakan tema mereka. Cerdik!

Galeri Smithsonian Freer Sackler

Smithsonian Freer Sackler menggunakan penggeser navigasi sederhana untuk mengarahkan Anda ke halaman utama di situs web. Tampilan slider yang sederhana dan bersih, dikelilingi oleh spasi yang menarik Anda ke gambar, sangat cocok untuk galeri seni.

Lonely Planet

Slider Lonely Planet menjadi mewah dengan gambar layar penuh yang berputar dan animasi yang menarik. Tidak hanya slider yang tampak cantik ini, tetapi juga mudah dinavigasi ke tempat mana pun yang Anda sukai.

Teluk Timur

Penggeser Converse menempatkan semua fokus tepat di tempat yang seharusnya: pada produk. Detail dan teksturnya sangat jelas di penggeser ini sehingga Anda hampir bisa menjangkau dan menyentuh kainnya.

sheetz

Penggeser Sheetz menggunakan warna cerah dan menyenangkan dengan tombol maju interaktif yang meluncur keluar saat Anda mengarahkan kursor ke atasnya. Slider seperti ini hanya memohon untuk dimainkan.

Xbox

Slider Xbox berfungsi untuk kesederhanaan dengan gambar produk yang bersih, beberapa kata, dan banyak spasi. Ini jelas merupakan kasus di mana lebih sedikit lebih banyak.

Tim Hortons

Slider Tim Hortons adalah contoh klasik dari fotografi makanan yang hebat di tempat kerja. Dapatkan menggugah selera, pasangkan itu dengan beberapa penawaran hebat, dan BOOM! Anda memiliki penggeser yang sangat sulit untuk ditolak.

Sony Crackle

Stik kresek dengan skema warna putih dan oranye sederhana yang menarik perhatian pada penggeser yang berputar. Uraian kecil di setiap slide memberi Anda dorongan untuk menyalakan tabung dan menonton beberapa acara TV.

Institut Smithsonian

Slider Smithsonian menggunakan panah besar dan mencolok sehingga Anda dapat menavigasi kembali ke slide sebelumnya yang Anda lewatkan. Itu penting dalam hal ini, karena ada cukup banyak teks untuk dibaca di setiap slide.

Louvre

Slider Louvre persis seperti yang Anda harapkan: bersejarah dan elegan. Itu berkat spasi putih yang cukup, font serif, dan fade to black yang sederhana namun dramatis pada gambar. Hal hebat lainnya tentang penggeser ini adalah tombol putar/jeda di sudut kanan bawah.

Cara Membuat Slider WordPress Anda Sendiri

Sekarang Anda mungkin bertanya-tanya, “ Slider ini luar biasa, tetapi bagaimana saya bisa membuatnya untuk situs web saya sendiri?”

Untungnya, ini sebenarnya cukup sederhana berkat plugin Soliloquy untuk WordPress.

Pertama, Anda perlu menginstal dan mengaktifkan plugin Soliloquy Slider. Untuk lebih jelasnya, lihat panduan langkah demi langkah tentang cara menginstal plugin di WordPress.

Selanjutnya, saatnya membuat slider pertama Anda. Buka Soliloquy »Tambah Baru untuk menambahkan bilah geser. Anda dapat memilih file dari komputer Anda jika Anda perlu mengunggah gambar. Jika Anda sudah mengunggah gambar ke situs web Anda, pilih file dari sumber lain.

Lanjutkan menggulir ke bawah. Anda akan melihat gambar yang telah Anda pilih untuk slider Anda. Dari sini, Anda dapat mengeklik ikon pensil untuk mengedit gambar, atau mengeklik X merah untuk menghapus gambar dari bilah geser.

Anda juga dapat mengonfigurasi detail lain tentang slider Anda dengan memilih tab Config di sebelah kiri. Anda dapat mengatur ukuran gambar, tema slider, dan kecepatan transisi slide. Posisi teks teks Anda juga dapat diubah di sini. Tinjau pengaturan ini.

Setelah Anda puas dengan pengaturan Anda, lihat tab Mobile . Ini akan memungkinkan Anda untuk menguji tampilan situs web Anda di perangkat seluler dan menyesuaikan pengaturan resolusi seluler Anda sesuai kebutuhan.

(Juga, lihat tab Lain -lain untuk mengimpor atau mengekspor penggeser Anda.)

Tambahkan Slider ke Halaman atau Posting

Anda telah selesai membuat slider! Sekarang saatnya menambahkannya ke postingan atau halaman pilihan Anda. Edit posting atau halaman, klik tombol Add Slider , dan pilih slider Anda. Ingatlah untuk mempublikasikan atau memperbarui posting / halaman Anda untuk menyimpan perubahan.

Slider Anda sekarang akan ditayangkan di situs web Anda:

Itu dia! Anda sekarang memiliki slider WordPress Anda sendiri. Kami harap artikel ini menginspirasi Anda dengan 15+ contoh slider WordPress yang luar biasa, dan membantu Anda membuat slider pertama Anda.

Anda mungkin juga ingin memeriksa semua fitur lanjutan yang dapat Anda gunakan saat mendesain bilah geser. Kemungkinan untuk menyesuaikan slider Anda hampir tidak terbatas, jadi mulailah dengan Soliquy hari ini! Berikut adalah beberapa contoh yang dapat Anda lakukan dengan bilah geser Soliloquy.

• Buat Slider Gambar Lebar Penuh di WordPress
• Ubah Waktu Slider di WordPress
• Buat Slider Video Responsif di WordPress

Jika Anda menyukai artikel ini, silakan ikuti kami di Facebook dan Twitter untuk tutorial WordPress gratis lainnya.