{"id":65271,"date":"2026-07-15T08:44:30","date_gmt":"2026-07-15T01:44:30","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=65271"},"modified":"2026-07-15T08:47:50","modified_gmt":"2026-07-15T01:47:50","slug":"mengenal-fitur-slider-di-sitepro","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/mengenal-fitur-slider-di-sitepro\/","title":{"rendered":"Mengenal Fitur Slider di SitePro Website Builder"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Tampilan halaman depan sering menjadi kesan pertama yang menentukan apakah pengunjung akan melanjutkan menjelajahi website atau langsung meninggalkannya. Salah satu cara untuk membuat halaman utama lebih menarik adalah dengan menampilkan banner atau informasi penting secara dinamis menggunakan slider di SitePro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Melalui fitur slider, Anda dapat menampilkan beberapa gambar, promosi, maupun informasi utama dalam satu area tanpa memenuhi halaman dengan banyak elemen. Selain membuat tampilan website lebih profesional, slider juga membantu mengarahkan perhatian pengunjung pada konten yang ingin Anda tonjolkan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pada artikel ini, kita akan membahas cara menggunakan slider di <a href=\"https:\/\/blog.rumahweb.com\/apa-itu-sitepro-website-builder\/\" target=\"_blank\" rel=\"noopener\" title=\"\">SitePro<\/a>, mulai dari mengenal fungsinya, menambahkan slider ke halaman website, melakukan pengaturan, hingga beberapa tips agar tampilannya tetap menarik dan nyaman dilihat oleh pengunjung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu Fitur Slider SitePro?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bayangkan ketika Anda berada di suatu toko atau melihat papan reklame digital di pinggir jalan, terdapat suatu informasi yang ditampilkan bergantian secara otomatis dalam beberapa detik. Nah, jika di dalam sebuah website, hal tersebut disebut sebagai Slider.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sederhananya, slider adalah sebuah elemen khusus pada sebuah website yang dapat menampilkan beberapa konten atau informasi sekaligus secara bergantian. Konten tersebut dapat berisikan foto produk, kalimat promosi, bahkan kalimat testimoni. Jadi, daripada menampilkan informasi secara menumpuk ke bawah, konten tersebut dapat dibuat bergeser ke samping sehingga dapat membuat tampilan website menjadi rapi dan minimalis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fitur Slider hanya tersedia pada layanan SitePro berbayar mulai paket Basic, Pro, dan Business. Jika Anda menggunakan Free version, silakan melakukan&nbsp;<strong><a href=\"https:\/\/www.rumahweb.com\/journal\/cara-upgrade-paket-sitepro\/\" target=\"_blank\" rel=\"noreferrer noopener\">upgrade paket SitePro<\/a><\/strong>&nbsp;terlebih dahulu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bagaimana Cara Kerja Fitur Slider?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fitur slider pada SitePro Builder bekerja dengan dua sistem navigasi, yaitu;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Otomatis (Autoplay)<\/strong><br \/>Konten yang ada di dalam kotak Slider akan bergeser sendiri ke samping dalam hitungan detik tanpa perlu diklik oleh pengunjung.<\/li>\n\n\n\n<li><strong>Manual<\/strong><br \/>Pengunjung website dapat melakukan klik sendiri pada kotak Slider untuk menampilkan informasi selanjutnya. Pengunjung dapat klik pada area dot kecil yang ada di bagian bawah Slider.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ketika halaman website diakses pertama kali, secara otomatis konten yang ada di kotak Slider akan menampilkan Slider pertama. Setelah itu, Slider akan bergerak ke samping untuk menampilkan informasi Slider kedua dan selanjutnya secara bergantian.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Manfaat Menggunakan Fitur Slider<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fitur ini dapat memberikan beberapa manfaat untuk website Anda, seperti;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Menghemat ruang website<\/strong><br \/>Bayangkan Anda punya 4 promo atau konten unggulan. Alih-alih menyusun menjadi memanjang ke arah bawah, cukup masukkan saja ke dalam satu Slider. Halaman website akan tetap terlihat rapi dan minimalis.<\/li>\n\n\n\n<li><strong>Menarik perhatian pengunjung<\/strong><br \/>Banyak pengunjung yang menyukai objek bergerak di sebuah website. Memasang Slider di bagian halaman website adalah cara terbaik untuk menarik perhatian pengunjung.<\/li>\n\n\n\n<li><strong>Website lebih modern<\/strong><br \/>Dengan sentuhan adanya fitur bergerak di dalam website, membuat tampilan menjadi dinamis dan tidak membosankan. Dengan adanya fitur slider dapat memberikan nilai plus untuk website agar terlihat lebih interaktif, minimalis, dan profesional.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Cara Menggunakan Slider di SitePro Builder<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Anda tidak perlu melakukan <em>coding <\/em>rumit untuk menggunakan fitur Slider di SitePro Builder, cukup melakukan drag and drop ke dalam halaman website. Berikut langkah-langkahnya;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Pastikan sudah login terlebih dahulu ke dalam SitePro Builder. Untuk cara loginnya dapat memeriksa referensi <a href=\"https:\/\/www.rumahweb.com\/journal\/panduan-login-sitepro-di-rumahweb\/\" target=\"_blank\" rel=\"noopener\" title=\"Login SitePro Rumahweb\"><strong>Login SitePro Rumahweb<\/strong><\/a>.<\/li>\n\n\n\n<li>Klik tanda <strong>+<\/strong> (plus) lalu pilih bagian <strong>advanced<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"823\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-1.png\" alt=\"slider sitepro rumahweb\" class=\"wp-image-65272\" style=\"aspect-ratio:0.7472802870649883;width:368px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-1.png 615w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-1-224x300.png 224w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-1-370x495.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-1-270x361.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-1-570x763.png 570w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Scroll ke bawah dan pilih yang <strong>Slider<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"856\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-1024x856.png\" alt=\"slider sitepro rumahweb 2\" class=\"wp-image-65273\" style=\"aspect-ratio:1.19623943035158;width:560px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-1024x856.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-300x251.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-768x642.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-370x309.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-270x226.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-570x476.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2-740x618.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-2.png 1040w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Setelah itu Anda dapat melakukan edit pada text area, menambah gambar, dll.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-1024x639.png\" alt=\"slider sitepro rumahweb 3\" class=\"wp-image-65274\" style=\"aspect-ratio:1.6024979878975765;width:657px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-1024x639.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-300x187.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-768x479.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-370x231.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-270x168.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-570x356.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3-740x462.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-3.png 1290w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Untuk mengedit slider kedua, slider ketiga, dst. Klik pada area titik\/dot di bawah, kemudian akan otomatis terbuka slider selanjutnya dan dapat dilanjutkan edit.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-1024x648.png\" alt=\"slider sitepro rumahweb 4\" class=\"wp-image-65277\" style=\"aspect-ratio:1.580217519106408;width:664px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-1024x648.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-300x190.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-768x486.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-370x234.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-270x171.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-570x361.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1-740x468.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-4-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>Jika ingin menambahkan Slider baru, klik pada area titik\/dot di bawah, kemudian klik pada bagian <strong>New Item<\/strong>, secara otomatis slider akan bertambah.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-1024x488.png\" alt=\"slider sitepro rumahweb 5\" class=\"wp-image-65282\" style=\"aspect-ratio:2.0770805965535892;width:652px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-1024x488.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-300x143.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-768x366.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-1536x731.png 1536w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-370x176.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-270x129.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-570x271.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1-740x352.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-5-1.png 1611w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"7\" class=\"wp-block-list\">\n<li>Tipe Layout Slider juga bisa Anda ubah, disediakan 3 variasi layout. Sesuaikan berdasarkan kebutuhan Anda.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"327\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-6.png\" alt=\"slider sitepro rumahweb 6\" class=\"wp-image-65278\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-6.png 268w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-6-246x300.png 246w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"8\" class=\"wp-block-list\">\n<li>Untuk mengubah waktu gulir otomatis, Anda dapat menyesuaikannya di bagian <strong><em>&#8220;change frequency&#8221;<\/em><\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-time.png\"><img loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"410\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-time.png\" alt=\"slider sitepro rumahweb 7\" class=\"wp-image-65279\" style=\"aspect-ratio:0.9146690041541218;width:329px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-time.png 375w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-time-274x300.png 274w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-time-370x405.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-time-270x295.png 270w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><\/figure>\n<\/div>\n\n\n<ol start=\"9\" class=\"wp-block-list\">\n<li>Setelah itu silakan melakukan klik publish agar hasil editing dapat diakses oleh pengunjung. Gambaran tampilannya akan menjadi seperti berikut.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-sitepro.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"423\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/slider-sitepro.gif\" alt=\"contoh hasil slider di sitepro\" class=\"wp-image-65280\" style=\"aspect-ratio:1.8912858778766946;width:717px;height:auto\"\/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Tips Singkat Agar Slider Tidak lemot<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Terlalu banyak memasukkan gambar berukuran besar ke dalam Slider dapat membuat website menjadi berat ketika diakses. Berikut beberapa tips singkat<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Batasi jumlah slider<\/strong><br \/>Gunakanlah 3 sampai 5 slider pada halaman website. Terlalu banyak slider dapat membuat informasi atau konten di dalam slider menjadi tidak dilihat pengunjung.<\/li>\n\n\n\n<li><strong>Kompres ukuran gambar<\/strong><br \/>SitePro memberikan batasan max size untuk gambar tidak lebih dari 1MB, silakan melakukan kompres terlebih dahulu agar membuat gambar menjadi ringan tanpa merusak kualitas. Anda dapatmenggunakan tools gratis di internet seperti TinyPNG.<\/li>\n\n\n\n<li><strong>Ukuran gambar seragam<\/strong><br \/>Pastikan juga gambar yang akan digunakan memiliki dimensi (lebar dan tinggi) yang sama. Jika ukurannya berbeda-beda dapat membuat tampilan menjadi kurang rapi.<\/li>\n\n\n\n<li><strong>Durasi yang pas<\/strong><br \/>Jangan terlalu cepat dan jangan terlalu lambat dalam mengatur transisi slider. Idealnya gunakan durasi sekitar 3 sampai 6 detik.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Berikut adalah beberapa pertanyaan popular tentang fitur Slider di SitePro.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Apakah fitur slider tersedia di semua paket SitePro?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Tidak, fitur ini tidak tersedia di SitePro gratis. Fitur Slider hanya tersedia pada layanan SitePro berbayar mulai paket Basic, Pro, dan Business.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Berapa jumlah slide yang ideal dalam satu slider?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Tidak ada batasan khusus, tetapi sebaiknya gunakan 3\u20135 slide agar pengunjung tetap fokus pada informasi yang ditampilkan.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Bagaimana ukuran gambar yang disarankan untuk slider di SitePro?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Agar tampilan slider terlihat rapi dan konsisten, gunakan gambar dengan dimensi yang sama pada setiap slide. Sebelum diunggah, kompres ukuran file gambar agar kualitas tetap baik tanpa mengurangi performa website.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" style=\"font-style:normal;font-weight:700\"><summary>Apakah slider dapat ditambahkan ke lebih dari satu halaman?<\/summary>\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-style:normal;font-weight:400\">Ya. Anda dapat menambahkan slider pada halaman mana pun sesuai kebutuhan, misalnya halaman beranda, halaman produk, layanan, maupun landing page. Pastikan isi slider relevan dengan konten pada halaman tersebut agar memberikan pengalaman pengguna yang lebih baik.<\/p>\n<\/details>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Penutup<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fitur slider di SitePro dapat menjadi solusi untuk menampilkan banner, promosi, testimoni, maupun informasi penting secara lebih menarik tanpa membuat halaman website terlihat penuh. Namun, agar performa website tetap optimal, gunakan gambar yang telah dioptimalkan dan batasi jumlah slide sesuai kebutuhan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sebelum melakukan perubahan pada desain website, sebaiknya <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-backup-dan-restore-pada-sitepro\/\" target=\"_blank\" rel=\"noopener\" title=\"\">buat backup<\/a> terlebih dahulu. Dengan demikian, Anda dapat mengembalikan tampilan website ke kondisi sebelumnya apabila hasil pengeditan tidak sesuai harapan atau terjadi kesalahan saat proses editing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dengan memanfaatkan fitur slider secara tepat, Anda dapat membuat tampilan website yang lebih profesional, informatif, dan nyaman dinikmati oleh pengunjung. Semoga panduan ini membantu Anda dalam mengoptimalkan website menggunakan SitePro Website Builder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tampilan halaman depan sering menjadi kesan pertama yang menentukan apakah pengunjung akan melanjutkan menjelajahi website atau langsung meninggalkannya. Salah satu cara untuk membuat halaman utama lebih menarik adalah dengan menampilkan banner atau informasi penting secara dinamis menggunakan slider di SitePro. Melalui fitur slider, Anda dapat menampilkan beberapa gambar, promosi, maupun informasi utama dalam satu area [&hellip;]<\/p>\n","protected":false},"author":345,"featured_media":66372,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1127],"tags":[1128,2662,1264],"class_list":["post-65271","post","type-post","status-publish","format-standard","has-post-thumbnail","category-sitepro","tag-sitepro","tag-slider","tag-tutorial-sitepro"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Pelajari cara menggunakan slider di SitePro Website Builder untuk menampilkan banner, promosi, atau testimoni agar website terlihat lebih menarik.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Risang\"\/>\n\t<meta name=\"google-site-verification\" content=\"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ\" \/>\n\t<meta name=\"keywords\" content=\"sitepro,slider,tutorial sitepro\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.rumahweb.com\/journal\/mengenal-fitur-slider-di-sitepro\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"id_Id\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Rumahweb Journal \u2013 News, Article, and Tutorial of Web Dev\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Mengenal Fitur Slider di SitePro Website Builder\" \/>\n\t\t<meta property=\"og:description\" content=\"Pelajari cara menggunakan slider di SitePro Website Builder untuk menampilkan banner, promosi, atau testimoni agar website terlihat lebih menarik.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.rumahweb.com\/journal\/mengenal-fitur-slider-di-sitepro\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/Banner-Mengenal-Fitur-Slider-di-SitePro-Website-Builder.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/Banner-Mengenal-Fitur-Slider-di-SitePro-Website-Builder.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"634\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-15T01:44:30+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-15T01:47:50+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RumahwebIndonesia\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Mengenal Fitur Slider di SitePro Website Builder\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Pelajari cara menggunakan slider di SitePro Website Builder untuk menampilkan banner, promosi, atau testimoni agar website terlihat lebih menarik.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@rumahwebtweet\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/Banner-Mengenal-Fitur-Slider-di-SitePro-Website-Builder.webp\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Mengenal Fitur Slider di SitePro Website Builder","description":"Pelajari cara menggunakan slider di SitePro Website Builder untuk menampilkan banner, promosi, atau testimoni agar website terlihat lebih menarik.","canonical_url":"https:\/\/www.rumahweb.com\/journal\/mengenal-fitur-slider-di-sitepro\/","robots":"max-image-preview:large","keywords":"sitepro,slider,tutorial sitepro","webmasterTools":{"google-site-verification":"wPstUwU5246IbK_1PqwGrc1LoSDnB-9rPbcT8_vSNgQ","miscellaneous":""},"schema":null,"og:locale":"id_Id","og:site_name":"Rumahweb Journal \u2013 News, Article, and Tutorial of Web Dev","og:type":"article","og:title":"Mengenal Fitur Slider di SitePro Website Builder","og:description":"Pelajari cara menggunakan slider di SitePro Website Builder untuk menampilkan banner, promosi, atau testimoni agar website terlihat lebih menarik.","og:url":"https:\/\/www.rumahweb.com\/journal\/mengenal-fitur-slider-di-sitepro\/","og:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/Banner-Mengenal-Fitur-Slider-di-SitePro-Website-Builder.webp","og:image:secure_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/Banner-Mengenal-Fitur-Slider-di-SitePro-Website-Builder.webp","og:image:width":1200,"og:image:height":634,"article:published_time":"2026-07-15T01:44:30+00:00","article:modified_time":"2026-07-15T01:47:50+00:00","article:publisher":"https:\/\/www.facebook.com\/RumahwebIndonesia\/","twitter:card":"summary_large_image","twitter:site":"@rumahwebtweet","twitter:title":"Mengenal Fitur Slider di SitePro Website Builder","twitter:description":"Pelajari cara menggunakan slider di SitePro Website Builder untuk menampilkan banner, promosi, atau testimoni agar website terlihat lebih menarik.","twitter:creator":"@rumahwebtweet","twitter:image":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/Banner-Mengenal-Fitur-Slider-di-SitePro-Website-Builder.webp"},"aioseo_meta_data":{"post_id":"65271","title":null,"description":"Pelajari cara menggunakan slider di SitePro Website Builder untuk menampilkan banner, promosi, atau testimoni agar website terlihat lebih menarik.","keywords":null,"keyphrases":{"focus":{"keyphrase":"Slider di SitePro","score":91,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":3},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":9,"maxScore":9,"error":0},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-06-13 10:25:40","updated":"2026-07-15 01:48:34","seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/65271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/345"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=65271"}],"version-history":[{"count":8,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/65271\/revisions"}],"predecessor-version":[{"id":66375,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/65271\/revisions\/66375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/66372"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=65271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=65271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=65271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}