{"id":2971,"date":"2026-05-05T03:14:36","date_gmt":"2026-05-05T03:14:36","guid":{"rendered":"https:\/\/regarcomm.com\/?p=2971"},"modified":"2026-05-05T03:19:15","modified_gmt":"2026-05-05T03:19:15","slug":"membuat-slider-di-halaman-wordpress","status":"publish","type":"post","link":"https:\/\/regarcomm.com\/?p=2971","title":{"rendered":"Membuat Slider di Halaman WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2971\" class=\"elementor elementor-2971\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81e88bc e-flex e-con-boxed e-con e-parent\" data-id=\"81e88bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cae6609 elementor-widget elementor-widget-gallery\" data-id=\"cae6609\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:3,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094047.912.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"cae6609\" data-elementor-lightbox-title=\"download - 2026-05-05T094047.912\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Mjk1NCwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTA1VDA5NDA0Ny45MTIuanBnIiwic2xpZGVzaG93IjoiY2FlNjYwOSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094047.912-300x158.jpg\" data-width=\"300\" data-height=\"158\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094056.458.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"cae6609\" data-elementor-lightbox-title=\"download - 2026-05-05T094056.458\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Mjk1MywidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTA1VDA5NDA1Ni40NTguanBnIiwic2xpZGVzaG93IjoiY2FlNjYwOSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094056.458-300x145.jpg\" data-width=\"300\" data-height=\"145\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"cae6609\" data-elementor-lightbox-title=\"download - 2026-05-05T094101.818\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6Mjk1MiwidXJsIjoiaHR0cHM6XC9cL3JlZ2FyY29tbS5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA1XC9kb3dubG9hZC0yMDI2LTA1LTA1VDA5NDEwMS44MTguanBnIiwic2xpZGVzaG93IjoiY2FlNjYwOSJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg\" data-width=\"300\" data-height=\"168\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-395b070 e-flex e-con-boxed e-con e-parent\" data-id=\"395b070\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8a7c83 elementor-widget elementor-widget-text-editor\" data-id=\"a8a7c83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Membuat slider di WordPress bisa dilakukan dengan beberapa metode, mulai dari menggunakan fitur bawaan <em>page builder<\/em> hingga menggunakan plugin khusus yang lebih kompleks.<\/p><p>Berikut adalah tiga cara paling efektif untuk membuatnya:<\/p><ol><li><strong> Menggunakan Elementor (Paling Praktis)<\/strong><\/li><\/ol><p>Jika Anda sudah menggunakan Elementor, Anda tidak perlu menginstal plugin tambahan untuk membuat slider sederhana.<\/p><ul><li><strong>Slide Widget (Pro):<\/strong> Cari widget bernama <strong>Slides<\/strong>. Anda bisa menambahkan beberapa slide, mengatur gambar latar belakang, teks judul, serta tombol CTA secara langsung.<\/li><li><strong>Image Carousel (Gratis):<\/strong> Jika Anda hanya ingin menampilkan rangkaian gambar yang bergeser, gunakan widget <strong>Image Carousel<\/strong>.<\/li><li><strong>Pengaturan:<\/strong> Di tab <strong>Style<\/strong>, Anda bisa mengatur durasi transisi, kecepatan <em>autoplay<\/em>, dan efek animasi (seperti <em>Fade<\/em> atau <em>Slide<\/em>).<\/li><\/ul><ol start=\"2\"><li><strong> Menggunakan Plugin Slider Revolusi (Untuk Desain Kompleks)<\/strong><\/li><\/ol><p>Jika Anda membutuhkan slider dengan animasi per-layer (teks masuk dari kiri, gambar dari kanan), <strong>Slider Revolution<\/strong> adalah standar industri yang sering digunakan.<\/p><ul><li><strong>Keunggulan:<\/strong> Memiliki sistem <em>timeline<\/em> seperti software video editing. Anda bisa mengatur kapan sebuah teks muncul dan menghilang.<\/li><li><strong>Template:<\/strong> Tersedia ratusan template siap pakai sehingga Anda tidak perlu mendesain dari awal.<\/li><li><strong>Cara Pakai:<\/strong> Buat modul baru di dalam dashboard Slider Revolution, masukkan aset visual, lalu gunakan <em>Shortcode<\/em> yang dihasilkan untuk ditempelkan ke halaman WordPress Anda.<\/li><\/ul><ol start=\"3\"><li><strong> Menggunakan Plugin Smart Slider 3 (Keseimbangan Fitur &amp; Kemudahan)<\/strong><\/li><\/ol><p>Plugin ini sangat populer karena antarmukanya yang modern dan lebih ringan dibandingkan Slider Revolution.<\/p><ol><li><strong>Instalasi:<\/strong> Instal dan aktifkan plugin <strong>Smart Slider 3<\/strong> melalui menu Plugins.<\/li><li><strong>Buat Project:<\/strong> Masuk ke dashboard Smart Slider, klik <strong>New Project<\/strong>, lalu pilih <strong>Create New Project<\/strong>.<\/li><li><strong>Tambah Slide:<\/strong> Klik <strong>Add Slide<\/strong> dan unggah gambar-gambar yang ingin dijadikan slider.<\/li><li><strong>Kustomisasi:<\/strong> Klik pada masing-masing slide untuk menambahkan lapisan teks atau tombol di atas gambar.<\/li><li><strong>Penerbitan:<\/strong> Simpan project, lalu salin <em>Shortcode<\/em> (misal: [smartslider3 slider=&#8221;1&#8243;]) dan tempelkan di halaman WordPress Anda, atau gunakan widget Smart Slider jika Anda menggunakan editor blok Gutenberg\/Elementor.<\/li><\/ol><ol start=\"4\"><li><strong> Tips Agar Slider Tetap Optimal<\/strong><\/li><\/ol><p>Slider seringkali menjadi penyebab utama website terasa lambat. Agar tetap cepat, perhatikan hal berikut:<\/p><ul><li><strong>Kompresi Gambar:<\/strong> Pastikan ukuran file gambar tidak lebih dari 200-300 KB. Gunakan format <strong>WebP<\/strong> untuk hasil terbaik.<\/li><li><strong>Gunakan Lazy Load:<\/strong> Aktifkan fitur <em>lazy load<\/em> agar slider hanya dimuat saat pengunjung mencapai bagian tersebut.<\/li><li><strong>Batasi Jumlah Slide:<\/strong> Idealnya, gunakan maksimal 3-4 slide agar tidak membebani performa server dan perhatian pengunjung.<\/li><li><strong>Optimasi Mobile:<\/strong> Selalu periksa tampilan slider di perangkat mobile. Kadang teks yang terlihat bagus di desktop akan menutupi seluruh gambar saat di layar kecil.<\/li><\/ul><p>Membuat Website <a href=\"https:\/\/regarcomm.com\/?p=2738\">dengan WordPress<\/a><\/p><p>Membuat <a href=\"https:\/\/regarcomm.com\/?p=2793\">Postingan di WordPress<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef32f3f e-flex e-con-boxed e-con e-parent\" data-id=\"ef32f3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-501895a elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-widget elementor-widget-posts\" data-id=\"501895a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;classic_columns&quot;:&quot;3&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3493 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=3493\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"246\" height=\"109\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/download-2026-07-05T113903.142.jpg\" class=\"attachment-medium size-medium wp-image-3484\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=3493\" >\n\t\t\t\tProses Setup Kolaborasi Astro Dengan shopify\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t5 Juli 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Proses setup kolaborasi antara Astro JS dan Shopify (menggunakan Shopify<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=3493\" aria-label=\"Read more about Proses Setup Kolaborasi Astro Dengan shopify\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3487 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=3487\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"246\" height=\"138\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/07\/download-94.png\" class=\"attachment-medium size-medium wp-image-3488\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=3487\" >\n\t\t\t\tMenuju Era Headless Commerce: Kolaborasi Maut Astro JS dan E-Commerce Modern\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t5 Juli 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Dunia e-commerce sedang mengalami pergeseran paradigma yang besar. Jika dulu<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=3487\" aria-label=\"Read more about Menuju Era Headless Commerce: Kolaborasi Maut Astro JS dan E-Commerce Modern\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3477 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=3477\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"112\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136-300x112.jpg\" class=\"attachment-medium size-medium wp-image-3479\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136-300x112.jpg 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-28T141637.136.jpg 367w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=3477\" >\n\t\t\t\tKolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t28 Juni 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Dalam era pengembangan web modern, arsitektur Jamstack dan pemisahan antara<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=3477\" aria-label=\"Read more about Kolaborasi Astro JS dan Sanity.io: Sinergi Sempurna untuk Website Modern yang Super Cepat\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3472 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=3472\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"168\" height=\"299\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-27T130807.258.jpg\" class=\"attachment-medium size-medium wp-image-3455\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=3472\" >\n\t\t\t\tProsedur Kerja Pembuatan Website Dengan Astro JS\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t28 Juni 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>## Mengenal Astro JS: Solusi Modern untuk Website Super Cepat<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=3472\" aria-label=\"Read more about Prosedur Kerja Pembuatan Website Dengan Astro JS\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3467 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=3467\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"300\" height=\"251\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/11\/Too-Online-300x251.png\" class=\"attachment-medium size-medium wp-image-1257\" alt=\"\" srcset=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/11\/Too-Online-300x251.png 300w, https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/11\/Too-Online-768x644.png 768w, https:\/\/regarcomm.com\/wp-content\/uploads\/2025\/11\/Too-Online.png 940w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=3467\" >\n\t\t\t\tWebsite E-Commerce: Memilih Astro atau WordPress, Mana yang Lebih Cocok untuk Bisnis Online?\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 Juni 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Membangun website e-commerce saat ini bukan hanya soal membuat katalog<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=3467\" aria-label=\"Read more about Website E-Commerce: Memilih Astro atau WordPress, Mana yang Lebih Cocok untuk Bisnis Online?\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3461 post type-post status-publish format-standard has-post-thumbnail hentry category-tak-berkategori\" role=\"listitem\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/regarcomm.com\/?p=3461\" tabindex=\"-1\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" onerror=\"this.src='https:\/\/regarcomm.com\/wp-content\/plugins\/replace-broken-images\/images\/default.jpg'\" width=\"194\" height=\"259\" src=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/06\/download-2026-06-27T131638.974.jpg\" class=\"attachment-medium size-medium wp-image-3463\" alt=\"\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/regarcomm.com\/?p=3461\" >\n\t\t\t\tMengenal Komponen Card Di Astro\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 Juni 2026\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tTidak ada komentar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Memahami komponen di Astro JS sebenarnya sangat mudah jika kita<\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/regarcomm.com\/?p=3461\" aria-label=\"Read more about Mengenal Komponen Card Di Astro\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Membuat slider di WordPress bisa dilakukan dengan beberapa metode, mulai dari menggunakan fitur bawaan page builder hingga menggunakan plugin khusus yang lebih kompleks. Berikut adalah tiga cara paling efektif untuk membuatnya: Menggunakan Elementor (Paling Praktis) Jika Anda sudah menggunakan Elementor, Anda tidak perlu menginstal plugin tambahan untuk membuat slider sederhana. Slide Widget (Pro): Cari widget&hellip;&nbsp;<a href=\"https:\/\/regarcomm.com\/?p=3461\" rel=\"bookmark\"><span class=\"screen-reader-text\">Mengenal Komponen Card Di Astro<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2952,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2971","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tak-berkategori"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Membuat Slider di Halaman Wordpress - Regarcomm Development<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regarcomm.com\/?p=2971\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Membuat Slider di Halaman Wordpress - Regarcomm Development\" \/>\n<meta property=\"og:description\" content=\"Membuat slider di WordPress bisa dilakukan dengan beberapa metode, mulai dari menggunakan fitur bawaan page builder hingga menggunakan plugin khusus yang lebih kompleks. Berikut adalah tiga cara paling efektif untuk membuatnya: Menggunakan Elementor (Paling Praktis) Jika Anda sudah menggunakan Elementor, Anda tidak perlu menginstal plugin tambahan untuk membuat slider sederhana. Slide Widget (Pro): Cari widget&hellip;&nbsp;Mengenal Komponen Card Di Astro\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regarcomm.com\/?p=2971\" \/>\n<meta property=\"og:site_name\" content=\"Regarcomm Development\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-05T03:14:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-05T03:19:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"168\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ewin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:site\" content=\"@Erwinbinjai\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ewin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/regarcomm.com\/?p=2971#article\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/?p=2971\"},\"author\":{\"name\":\"Ewin\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\"},\"headline\":\"Membuat Slider di Halaman WordPress\",\"datePublished\":\"2026-05-05T03:14:36+00:00\",\"dateModified\":\"2026-05-05T03:19:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=2971\"},\"wordCount\":395,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=2971#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg\",\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/regarcomm.com\/?p=2971#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regarcomm.com\/?p=2971\",\"url\":\"https:\/\/regarcomm.com\/?p=2971\",\"name\":\"Membuat Slider di Halaman Wordpress - Regarcomm Development\",\"isPartOf\":{\"@id\":\"https:\/\/regarcomm.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/regarcomm.com\/?p=2971#primaryimage\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/?p=2971#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg\",\"datePublished\":\"2026-05-05T03:14:36+00:00\",\"dateModified\":\"2026-05-05T03:19:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/regarcomm.com\/?p=2971#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regarcomm.com\/?p=2971\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/?p=2971#primaryimage\",\"url\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg\",\"contentUrl\":\"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg\",\"width\":300,\"height\":168},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regarcomm.com\/?p=2971#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\/\/regarcomm.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membuat Slider di Halaman WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regarcomm.com\/#website\",\"url\":\"https:\/\/regarcomm.com\/\",\"name\":\"Regarcomm Development\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/regarcomm.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regarcomm.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/regarcomm.com\/#organization\",\"name\":\"Regarcomm Development\",\"url\":\"https:\/\/regarcomm.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"contentUrl\":\"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg\",\"width\":1280,\"height\":1073,\"caption\":\"Regarcomm Development\"},\"image\":{\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/\",\"https:\/\/x.com\/Erwinbinjai\",\"https:\/\/instagram.com\/inerwinsyah\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912\",\"name\":\"Ewin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/regarcomm.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g\",\"caption\":\"Ewin\"},\"sameAs\":[\"http:\/\/localhost\/regarcomm\"],\"url\":\"https:\/\/regarcomm.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Membuat Slider di Halaman Wordpress - Regarcomm Development","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/regarcomm.com\/?p=2971","og_locale":"id_ID","og_type":"article","og_title":"Membuat Slider di Halaman Wordpress - Regarcomm Development","og_description":"Membuat slider di WordPress bisa dilakukan dengan beberapa metode, mulai dari menggunakan fitur bawaan page builder hingga menggunakan plugin khusus yang lebih kompleks. Berikut adalah tiga cara paling efektif untuk membuatnya: Menggunakan Elementor (Paling Praktis) Jika Anda sudah menggunakan Elementor, Anda tidak perlu menginstal plugin tambahan untuk membuat slider sederhana. Slide Widget (Pro): Cari widget&hellip;&nbsp;Mengenal Komponen Card Di Astro","og_url":"https:\/\/regarcomm.com\/?p=2971","og_site_name":"Regarcomm Development","article_publisher":"https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","article_published_time":"2026-05-05T03:14:36+00:00","article_modified_time":"2026-05-05T03:19:15+00:00","og_image":[{"width":300,"height":168,"url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg","type":"image\/jpeg"}],"author":"Ewin","twitter_card":"summary_large_image","twitter_creator":"@Erwinbinjai","twitter_site":"@Erwinbinjai","twitter_misc":{"Ditulis oleh":"Ewin","Estimasi waktu membaca":"7 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/regarcomm.com\/?p=2971#article","isPartOf":{"@id":"https:\/\/regarcomm.com\/?p=2971"},"author":{"name":"Ewin","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912"},"headline":"Membuat Slider di Halaman WordPress","datePublished":"2026-05-05T03:14:36+00:00","dateModified":"2026-05-05T03:19:15+00:00","mainEntityOfPage":{"@id":"https:\/\/regarcomm.com\/?p=2971"},"wordCount":395,"commentCount":0,"publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"image":{"@id":"https:\/\/regarcomm.com\/?p=2971#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg","inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/regarcomm.com\/?p=2971#respond"]}]},{"@type":"WebPage","@id":"https:\/\/regarcomm.com\/?p=2971","url":"https:\/\/regarcomm.com\/?p=2971","name":"Membuat Slider di Halaman Wordpress - Regarcomm Development","isPartOf":{"@id":"https:\/\/regarcomm.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regarcomm.com\/?p=2971#primaryimage"},"image":{"@id":"https:\/\/regarcomm.com\/?p=2971#primaryimage"},"thumbnailUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg","datePublished":"2026-05-05T03:14:36+00:00","dateModified":"2026-05-05T03:19:15+00:00","breadcrumb":{"@id":"https:\/\/regarcomm.com\/?p=2971#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regarcomm.com\/?p=2971"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/?p=2971#primaryimage","url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg","contentUrl":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg","width":300,"height":168},{"@type":"BreadcrumbList","@id":"https:\/\/regarcomm.com\/?p=2971#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/regarcomm.com\/"},{"@type":"ListItem","position":2,"name":"Membuat Slider di Halaman WordPress"}]},{"@type":"WebSite","@id":"https:\/\/regarcomm.com\/#website","url":"https:\/\/regarcomm.com\/","name":"Regarcomm Development","description":"","publisher":{"@id":"https:\/\/regarcomm.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regarcomm.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/regarcomm.com\/#organization","name":"Regarcomm Development","url":"https:\/\/regarcomm.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/","url":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","contentUrl":"http:\/\/regarcomm.com\/wp-content\/uploads\/2025\/06\/photo_2025-05-13_10-59-37.jpg","width":1280,"height":1073,"caption":"Regarcomm Development"},"image":{"@id":"https:\/\/regarcomm.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/1DXa1yP9Ao\/","https:\/\/x.com\/Erwinbinjai","https:\/\/instagram.com\/inerwinsyah"]},{"@type":"Person","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/c2ef7a42a8b09547b2be7ea118e39912","name":"Ewin","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/regarcomm.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6a415ad1031f294d556ac574983fae046c2c491e306ae6b51eea2b30a67238a7?s=96&d=mm&r=g","caption":"Ewin"},"sameAs":["http:\/\/localhost\/regarcomm"],"url":"https:\/\/regarcomm.com\/?author=1"}]}},"jetpack_featured_media_url":"https:\/\/regarcomm.com\/wp-content\/uploads\/2026\/05\/download-2026-05-05T094101.818.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/2971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2971"}],"version-history":[{"count":4,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/2971\/revisions"}],"predecessor-version":[{"id":2975,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/posts\/2971\/revisions\/2975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=\/wp\/v2\/media\/2952"}],"wp:attachment":[{"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regarcomm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}