{"id":2368,"date":"2026-04-10T09:23:38","date_gmt":"2026-04-10T02:23:38","guid":{"rendered":"https:\/\/vlobs.com\/blog\/?p=2368"},"modified":"2026-04-16T10:24:22","modified_gmt":"2026-04-16T03:24:22","slug":"panduan-mengedit-website-dengan-elementor-di-wordpress","status":"publish","type":"post","link":"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress","title":{"rendered":"Panduan Mengedit Website Dengan Elementor di WordPress"},"content":{"rendered":"<p><strong>Elementor<\/strong> adalah plugin page builder populer di WordPress yang memudahkan pengguna dalam membuat dan mengedit website dengan elementor tanpa perlu kemampuan coding. Dengan sistem drag-and-drop yang intuitif, Elementor memungkinkan siapa saja, baik pemula maupun profesional, untuk mendesain halaman web secara visual, cepat, dan fleksibel sesuai kebutuhan.<\/p>\n<figure id=\"attachment_2377\" aria-describedby=\"caption-attachment-2377\" style=\"width: 1536px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-2377\" src=\"https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor2.jpg\" alt=\"Step by step Edit Website WordPress dengan Elementor\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor2.jpg 1536w, https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor2-1000x667.jpg 1000w, https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor2-1024x683.jpg 1024w, https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor2-768x512.jpg 768w, https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor2-750x500.jpg 750w, https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor2-1140x760.jpg 1140w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><figcaption id=\"caption-attachment-2377\" class=\"wp-caption-text\">Step by step Edit Website WordPress dengan Elementor<\/figcaption><\/figure>\n<h2>Panduan Edit Website Dengan Elementor<\/h2>\n<p>Berikut panduan <strong>step by step mengedit website dengan Elementor di WordPress<\/strong> yang bisa kamu ikuti dari nol sampai publish.<\/p>\n<ol>\n<li>\n<h3>Login ke Dashboard WordPress<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Buka: namadomain.com\/wp-admin<\/li>\n<li>Masukkan username &amp; password<\/li>\n<li>Masuk ke halaman dashboard<\/li>\n<\/ul>\n<p><strong>Baca juga<\/strong>: <a href=\"https:\/\/vlobs.com\/blog\/cara-memperbaiki-widget-error-pada-wordpress\">Cara Memperbaiki Widget Error Pada WordPress<\/a><\/p>\n<ol start=\"2\">\n<li>\n<h3>Buka Halaman yang Ingin Diedit<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Pilih menu <strong>Pages (Halaman)<\/strong><\/li>\n<li>Klik halaman yang ingin diedit (misalnya: Home, About, dll)<\/li>\n<li>Klik link <strong>\u201cEdit with Elementor\u201d<\/strong><\/li>\n<\/ul>\n<ol start=\"3\">\n<li>\n<h3>Mengenal Tampilan Elementor<\/h3>\n<\/li>\n<\/ol>\n<p>Saat Elementor terbuka, ada 2 bagian utama:<\/p>\n<ul>\n<li><strong>Panel Kiri (Panel Widget)<\/strong> \u2192 tempat elemen (teks, gambar, tombol, dll)<\/li>\n<li><strong>Panel Kanan (Preview Halaman)<\/strong> \u2192 tampilan website kamu<\/li>\n<li>Klik salah satu yang ingin kamu edit di bagian <strong>Panel Kanan<\/strong>, maka bagian panel kiri akan berubah menjadi informasi mengenai area editing tersebut.<\/li>\n<\/ul>\n<ol start=\"4\">\n<li>\n<h3>Mengedit Teks<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Klik bagian teks di halaman<\/li>\n<li>Di panel kiri, ubah tulisan sesuai kebutuhan<\/li>\n<li>Bisa atur: Font, Ukuran, Warna, Alignment, dan sebagainya.<\/li>\n<\/ul>\n<ol start=\"5\">\n<li>\n<h3>Mengganti Gambar<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Klik gambar yang ingin diganti<\/li>\n<li>Klik <strong>Choose Image<\/strong><\/li>\n<li>Upload gambar baru atau pilih dari media library<\/li>\n<li>Klik <strong>Insert Media<\/strong><\/li>\n<\/ul>\n<ol start=\"6\">\n<li>\n<h3>Menambahkan Elemen Baru<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Drag &amp; drop widget dari kiri ke halaman, contoh:\n<ul>\n<li>Heading (Judul)<\/li>\n<li>Text Editor<\/li>\n<li>Image<\/li>\n<li>Button<\/li>\n<li>Video<\/li>\n<\/ul>\n<\/li>\n<li>Letakkan di posisi yang diinginkan<\/li>\n<\/ul>\n<ol start=\"7\">\n<li>\n<h3>Mengatur Layout (Section &amp; Column)<\/h3>\n<\/li>\n<\/ol>\n<h4>Struktur Pada Elementor<\/h4>\n<ul>\n<li><strong>Section (bagian utama)<\/strong><\/li>\n<li><strong>Column (kolom)<\/strong><\/li>\n<li><strong>Widget (isi)<\/strong><\/li>\n<\/ul>\n<h4>Cara edit:<\/h4>\n<ul>\n<li>Klik icon titik 6 (section)<\/li>\n<li>Atur:\n<ul>\n<li>Background (warna\/gambar)<\/li>\n<li>Padding &amp; margin<\/li>\n<li>Lebar section<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ol start=\"8\">\n<li>\n<h3>Mengedit Background<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Klik section<\/li>\n<li>Masuk ke tab <strong>Style<\/strong><\/li>\n<li>Pilih:\n<ul>\n<li>Warna background<\/li>\n<li>Gambar background<\/li>\n<li>Gradient<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ol start=\"9\">\n<li>\n<h3>Mengedit Tombol (Button)<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Klik tombol<\/li>\n<li>Ubah:\n<ul>\n<li>Text tombol<\/li>\n<li>Link (URL tujuan)<\/li>\n<li>Warna &amp; ukuran<\/li>\n<li>Hover effect<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ol start=\"10\">\n<li>\n<h3>Responsive (Tampilan HP &amp; Tablet)<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Klik icon <strong>Responsive Mode<\/strong> (ikon monitor)<\/li>\n<li>Pilih:\n<ul>\n<li>Desktop<\/li>\n<li>Tablet<\/li>\n<li>Mobile<\/li>\n<\/ul>\n<\/li>\n<li>Sesuaikan ukuran font &amp; layout agar rapi di HP<\/li>\n<\/ul>\n<ol start=\"11\">\n<li>\n<h3>Simpan Perubahan<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Klik tombol <strong>Update \/ Publish<\/strong><\/li>\n<li>Cek hasilnya di website<\/li>\n<\/ul>\n<ol start=\"12\">\n<li>\n<h3>Tips Penting Biar Website Lebih Profesional<\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Gunakan font maksimal 2\u20133 jenis<\/li>\n<li>Jangan terlalu banyak warna<\/li>\n<li>Gunakan gambar berkualitas tinggi<\/li>\n<li>Perhatikan spacing (jarak antar elemen)<\/li>\n<li>Pastikan mobile-friendly<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor adalah plugin page builder populer di WordPress yang memudahkan pengguna dalam membuat dan mengedit website dengan elementor tanpa perlu kemampuan coding. Dengan sistem drag-and-drop yang intuitif, Elementor memungkinkan siapa saja, baik pemula maupun profesional, untuk mendesain halaman web secara visual, cepat, dan fleksibel sesuai kebutuhan. Panduan Edit Website Dengan Elementor Berikut panduan step by [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2370,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[25],"tags":[436,431,432,429,428,433,430,434,110,435],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Panduan Mengedit Website Dengan Elementor<\/title>\n<meta name=\"description\" content=\"Step by step panduan lengkap cara mengedit website dengan Elementor agar memahami fungsi yang ada pada Plugin Elementor\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panduan Mengedit Website Dengan Elementor\" \/>\n<meta property=\"og:description\" content=\"Step by step panduan lengkap cara mengedit website dengan Elementor agar memahami fungsi yang ada pada Plugin Elementor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress\" \/>\n<meta property=\"og:site_name\" content=\"Vlobs Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-10T02:23:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T03:24:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"vlobsadm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"vlobsadm\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress\",\"url\":\"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress\",\"name\":\"Panduan Mengedit Website Dengan Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/vlobs.com\/blog\/#website\"},\"datePublished\":\"2026-04-10T02:23:38+00:00\",\"dateModified\":\"2026-04-16T03:24:22+00:00\",\"author\":{\"@id\":\"https:\/\/vlobs.com\/blog\/#\/schema\/person\/9d4d0c094c11a8dc50e83da8f467e2a9\"},\"description\":\"Step by step panduan lengkap cara mengedit website dengan Elementor agar memahami fungsi yang ada pada Plugin Elementor\",\"breadcrumb\":{\"@id\":\"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vlobs.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panduan Mengedit Website Dengan Elementor di WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vlobs.com\/blog\/#website\",\"url\":\"https:\/\/vlobs.com\/blog\/\",\"name\":\"Vlobs Blog\",\"description\":\"Informasi Berita Teknologi Internet Terkini\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vlobs.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/vlobs.com\/blog\/#\/schema\/person\/9d4d0c094c11a8dc50e83da8f467e2a9\",\"name\":\"vlobsadm\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vlobs.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cb66a47c63f3a9d8f4b42a1ca5c8b5b1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cb66a47c63f3a9d8f4b42a1ca5c8b5b1?s=96&d=mm&r=g\",\"caption\":\"vlobsadm\"},\"url\":\"https:\/\/vlobs.com\/blog\/author\/vlobsadm\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Panduan Mengedit Website Dengan Elementor","description":"Step by step panduan lengkap cara mengedit website dengan Elementor agar memahami fungsi yang ada pada Plugin Elementor","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:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress","og_locale":"en_US","og_type":"article","og_title":"Panduan Mengedit Website Dengan Elementor","og_description":"Step by step panduan lengkap cara mengedit website dengan Elementor agar memahami fungsi yang ada pada Plugin Elementor","og_url":"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress","og_site_name":"Vlobs Blog","article_published_time":"2026-04-10T02:23:38+00:00","article_modified_time":"2026-04-16T03:24:22+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/vlobs.com\/blog\/wp-content\/uploads\/2026\/04\/Panduan-Lengkap-Edit-Website-WordPress-dengan-Elementor.jpg","type":"image\/jpeg"}],"author":"vlobsadm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"vlobsadm","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress","url":"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress","name":"Panduan Mengedit Website Dengan Elementor","isPartOf":{"@id":"https:\/\/vlobs.com\/blog\/#website"},"datePublished":"2026-04-10T02:23:38+00:00","dateModified":"2026-04-16T03:24:22+00:00","author":{"@id":"https:\/\/vlobs.com\/blog\/#\/schema\/person\/9d4d0c094c11a8dc50e83da8f467e2a9"},"description":"Step by step panduan lengkap cara mengedit website dengan Elementor agar memahami fungsi yang ada pada Plugin Elementor","breadcrumb":{"@id":"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vlobs.com\/blog\/panduan-mengedit-website-dengan-elementor-di-wordpress#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vlobs.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Panduan Mengedit Website Dengan Elementor di WordPress"}]},{"@type":"WebSite","@id":"https:\/\/vlobs.com\/blog\/#website","url":"https:\/\/vlobs.com\/blog\/","name":"Vlobs Blog","description":"Informasi Berita Teknologi Internet Terkini","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vlobs.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vlobs.com\/blog\/#\/schema\/person\/9d4d0c094c11a8dc50e83da8f467e2a9","name":"vlobsadm","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vlobs.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cb66a47c63f3a9d8f4b42a1ca5c8b5b1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cb66a47c63f3a9d8f4b42a1ca5c8b5b1?s=96&d=mm&r=g","caption":"vlobsadm"},"url":"https:\/\/vlobs.com\/blog\/author\/vlobsadm"}]}},"_links":{"self":[{"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/posts\/2368"}],"collection":[{"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/comments?post=2368"}],"version-history":[{"count":7,"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/posts\/2368\/revisions"}],"predecessor-version":[{"id":2378,"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/posts\/2368\/revisions\/2378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/media\/2370"}],"wp:attachment":[{"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/media?parent=2368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/categories?post=2368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vlobs.com\/blog\/wp-json\/wp\/v2\/tags?post=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}