Tutorial
  • 4 mins read

Cara Membuat Slider di WordPress dengan Cepat

magzin magzin

Ketika Anda mengunjungi sebuah website, kadang di bagian atas terdapat gambar bergerak secara otomatis.

Bagian ini biasanya berisi info-info penting seperti promo, diskon, postingan terbaru atau tentang info produk.

Fitur ini menjadi salah satu hal yang penting agar bisa menarik perhatian pengunjung yang datang.

Fitur gambar bergerak ini biasa dikenal dengan slider, slideshow atau bisa juga disebut carousel.

Jika Anda belum pernah membuat slider, di WordPress saat ini tersedia banyak plugin slider yang bisa Anda install.

Kami sudah membahas pada artikel sebelumnya tentang 10 plugin slider WordPress gratis terbaik.

Lalu kenapa Anda harus menginstall plugin slider di WordPress?

Kemudian bagaimana cara membuat slider di WordPress yang bagus?

Karena  slider merupakan salah satu fitur WordPress yang menarik, meningkatkan konversi dan bermanfaat untuk mengurangi skor bounce rate.

Untuk cara membuat slider, nanti akan kami jelaskan di bawah, simak sampai akhir ya!

Kapan Waktu Memasang Slider?

Cara Membuat Slider Di WordPress Dengan Cepat

Mungkin Anda bertanya kapan sebaiknya waktu memasang slider yang tepat?

Jawabnya tergantung dari tipe website dan tujuannya apa dulu. Penempatan slider biasanya berada di bagian atas dan dibagian bawah.

Keduanya memiliki fungsi yang berbeda, untuk bagian atas biasanya untuk mengganti header atau menampilkan konten-konten yang bersifat penting.

Untuk slider bagian bawah biasanya berisi testimoni, komentar atau pelanggan.

Jika Anda melihat website berita akan lebih kompleks lagi, Anda akan menemui banyak slider dengan konten artikel berita, video bahkan iklan.

Tujuannya memang agar semua bisa ditampilkan dalam satu tempat, bayangkan jika ditampilkan satu persatu maka akan membutuhkan space yang yang banyak.

Perlu diperhatikan pula untuk pemasangan slider jangan terlalu banyak karena akan memberatkan server, akibatnya loading website akan lambat.

Selain itu Anda juga perlu menambahkan plugin SEO pada website agar lebih powerful.

Silahkan baca terlebih dahulu rekomendasi 12 plugin SEO WordPress terbaik.

Kelebihan Slider Smart Slider 3

Plugin Smart Slider
Plugin Smart Slider

Secara default, WordPress memang tidak memiliki fitur ini. Anda diharuskan menginstall plugin tambahan untuk bisa mendapatkan fitur ini.

Ada banyak jenis plugin slider yang tersedia saat ini, tetapi saya lebih merekomendasikan kepada plugin WordPress Smart Slider 3.

Kenapa saya merekomendasikan Smart Slider 3 ini, karena plugin ini memiliki berbagai fitur menarik seperti:

  • Simple
  • User friendly
  • Memiliki banyak fitur
  • Load gambar yang cepat
  • SEO Friendly
  • Developer friendly
Download Ebook WordPress

Cara Membuat Slider di WordPress

Nah sekarang waktunya untuk membuat slider WordPress dengan cepat, pastikan dulu Anda sudah memiliki domain hosting dan sudah terinstallCMS WordPress.

Jika Anda belum memiliki domain hosting, di Qwords kami menyediakan paket hosting unlimited dengan gratis domain, jadi Anda hanya perlu membayar hosting unlimitednya saja.

Berikut cara membuat slider di WordPress dengan cepat:

  1. Login ke akun WordPress Anda.
  2. Kemudian pada bagian dashboard WordPress pilih Plugin > Add New.
    Add New Plugin
    Add New Plugin
  3. Pada kolom pencarian tulis “Smart Slider 3”.
    Plugin Smart Slider 3 dan Cara Installnya
    Plugin Smart Slider 3 dan Cara Installnya
  4. Smart Slider 3 memiliki logo huruf “S” background warna biru dengan developer dari Nextend.
  5. Kemudian pilih “Install Now” dan “Activate”.
  6. Jika sudah benar maka nanti akan ada menu tersendiri pada bagian bawah, silahkan Anda cari dan buka.
    Dashboard Smart Slider 3
    Dashboard Smart Slider 3
  7. Setelah masuk pada dashboard Smart Slider 3, akan ada pilihan New Slider atau Template Library, jika Anda menggunakan gambar sendiri lebih disarankan untuk memilih New Slider.
    Dashboard create slider wordpress
    Dashboard create slider wordpress
  8. Setelah memilih New Slider, akan ada pilihan Preset Default, Full Width dan Thumbnail Horizontal. Kita coba pilih Default dan pilih menu Create.
    Create slider sesuai dengan kebutuhan
    Create slider sesuai dengan kebutuhan
  9. Pilih Add Slide Image, nantinya Anda akan diarahkan ke Media Library WordPress, silahkan pilih gambar yang akan Anda gunakan sebagai slider.
    Dashboard create slider wordpress
    Dashboard create slider wordpress
  10. Pada gambar yang sudah Anda pilih, klik Edit dan sesuaikan dengan desain yang Anda inginkan.
    Edit sesuai dengan kreativitasmu
    Edit sesuai dengan kreativitasmu
  11. Untuk menambahkan Header, Deskripsi, Button dll dapat Anda temukan di pojok kiri berwarna hijau.
    Edit custom slider
    Edit custom slider
  12. Jika sudah klik Save slider pada pojok kanan atas Anda.
  13. Klik menu Slider pada pojokan dan scroll ke bawah sampai pada bagian Publish.
    Publish slider
    Publish slider
  14. Ada 3 metode yang bisa Anda lakukan untuk memasang slider pada WordPress. Tetapi untuk metode 1 dan 2 tidak berbeda jauh.
  15. Untuk publish berada di Post atau Page caranya cukup mudah, copy shortcodenya dan kemudian ke dashboard menu Post > Add New,
    Add New untuk publish slider
    Add New untuk publish slider
    Paste di halaman post dan rubah menjadi “edit as HTML”. Jika sudah Publish slider yang sudah Anda buat tadi.
  16. Untuk PHP Code, caranya Anda copy dulu PHP Codenya, kemudian pergi Dashboard > Appearance, Theme Editor > Cari file Main Index Template (index.php).
    Simpan script code di themes
    Simpan script code di themes
    Paste file PHP Code tadi dibawah penutup </header>, jika sudah jangan lupa Update File.
  17. Cek alamat website Anda sudah bisa atau belum.
    Slider posisi header website
    Slider posisi header website
    Slider pada posisi post
    Slider pada posisi post

Demikianlah pembahasan mengenai cara membuat slider di WordPress dengan cepat. Silahkan ikuti langkah-langkah diatas sampai selesai.

Hosting WordPress Terbaik Untuk Website

Miliki WordPress Hosting Terbaik Sekarang

Agar performa website yang dibangun dengan CMS WordPress semakin powerfull, kami menyarankan untuk menggunakan WordPress Hosting. WordPress hosting merupakan hosting yang sudah di optimasi bagi para pengguna WordPress, sehingga performanya lebih baik. Segera pindahkan website di hosting lama Anda ke WordPress hosting agar performanya semakain bertambah.

Jika Anda mengalami kendala atau ada pertanyaan seputar slider silahkan tulis di kolom komentar dibawah.

Terima kasih

Saepudin Mulyono

Saepudin Mulyono adalah Technical Content Writer di Qwords yang berfokus pada topik web hosting, domain, cloud, dan pengembangan website. Memiliki pengalaman lebih dari 10 tahun di bidang IT, Pudin aktif menulis artikel edukatif yang membantu bisnis dan developer memahami teknologi secara praktis dan aplikatif. Sebagai bagian dari tim Qwords, ia terlibat dalam riset konten, pengujian layanan, serta penyusunan panduan teknis berbasis kebutuhan pengguna. Tulisan-tulisannya dirancang untuk memberikan insight yang akurat, mudah dipahami, dan relevan dengan perkembangan industri digital.

6 Comments
    agus
    20 Maret 2020

    Mantap sekali mas in formasinya, makasih banyak, sukses selalu

    Yasi
    7 Januari 2021

    Di coba dulu ya mas lagi buat projek ini.

      Eril
      12 Januari 2021

      Semoga berhasil kak,
      kalau butuh hosting domain bisa pesan di Qwords ya kak
      Terima kasih

    andi
    4 Januari 2022

    mas kode </header saya ga ada, apa templatenya ga suport ya?

      Eril Obeit Choiri
      4 Januari 2022

      Harusnya semua template wordpress ada kak,
      Mungkin belum nemu aja filenya kak.
      Terima kasih

    Bintang terkini
    17 Juni 2023

    Terimakasih ya, ini yang saya butuhkan, semoga saya bisa menerapkannya

Leave a comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *