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 Qwordskami menyediakanpaket hosting unlimited dengan gratis domain, jadi Anda hanya perlu membayar hosting unlimitednya saja.
Berikut cara membuat slider di WordPress dengan cepat:
Login ke akun WordPress Anda.
Kemudian pada bagian dashboard WordPress pilih Plugin > Add New.
Add New Plugin
Pada kolom pencarian tulis “Smart Slider 3”.
Plugin Smart Slider 3 dan Cara Installnya
Smart Slider 3 memiliki logo huruf “S” background warna biru dengan developer dari Nextend.
Kemudian pilih “Install Now” dan “Activate”.
Jika sudah benar maka nanti akan ada menu tersendiri pada bagian bawah, silahkan Anda cari dan buka.
Dashboard Smart Slider 3
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
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
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
Pada gambar yang sudah Anda pilih, klik Edit dan sesuaikan dengan desain yang Anda inginkan.
Edit sesuai dengan kreativitasmu
Untuk menambahkan Header, Deskripsi, Button dll dapat Anda temukan di pojok kiri berwarna hijau.
Edit custom slider
Jika sudah klik Save slider pada pojok kanan atas Anda.
Klik menu Slider pada pojokan dan scroll ke bawah sampai pada bagian Publish.
Publish slider
Ada 3 metode yang bisa Anda lakukan untuk memasang slider pada WordPress. Tetapi untuk metode 1 dan 2 tidak berbeda jauh.
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
Paste di halaman post dan rubah menjadi “edit as HTML”. Jika sudah Publish slider yang sudah Anda buat tadi.
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
Paste file PHP Code tadi dibawah penutup </header>, jika sudah jangan lupa Update File.
Cek alamat website Anda sudah bisa atau belum.
Slider posisi header websiteSlider pada posisi post
Demikianlah pembahasan mengenai cara membuat slider di WordPress dengan cepat. Silahkan ikuti langkah-langkah diatas sampai selesai.
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.
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
agus
20 Maret 2020Mantap sekali mas in formasinya, makasih banyak, sukses selalu
Yasi
7 Januari 2021Di coba dulu ya mas lagi buat projek ini.
Eril
12 Januari 2021Semoga berhasil kak,
kalau butuh hosting domain bisa pesan di Qwords ya kak
Terima kasih
andi
4 Januari 2022mas kode </header saya ga ada, apa templatenya ga suport ya?
Eril Obeit Choiri
4 Januari 2022Harusnya semua template wordpress ada kak,
Mungkin belum nemu aja filenya kak.
Terima kasih
Bintang terkini
17 Juni 2023Terimakasih ya, ini yang saya butuhkan, semoga saya bisa menerapkannya
Rekomendasi Artikel
3 Cara Memantau Penggunaan RAM di Server, Mudah!
4 Cara Cek Pemilik Domain dengan Mudah dan Cepat
Cara Agar Konten Website Tidak Bisa Di-Copy Paste, Ampuh!
Apa Itu Permalink, Fungsi, Contoh dan Cara Settingnya