{"id":8253,"date":"2020-12-21T09:16:57","date_gmt":"2020-12-21T09:16:57","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=8253"},"modified":"2020-12-21T09:16:57","modified_gmt":"2020-12-21T09:16:57","slug":"cara-menggunakan-premade-layouts-pada-theme-divi","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi","title":{"rendered":"Cara Menggunakan Premade Layouts Pada Theme Divi"},"content":{"rendered":"<p><strong>Divi<\/strong> adalah Tema atau Theme di WordPress yang dibuat oleh ElegantThemes,\u00a0sebuah perusahaan penyedia Tema dan Plugin Premium untuk WordPress.<\/p>\n<p>Fitur paling powerfull Tema Divi yaitu kemudahan dalam membuat macam-macam layout halaman di WordPress dan juga ada disediakan visual builder untuk buat halaman atau page baru dengan \u201cdrag &amp; drop\u201d menggunakan banyak pilihan modul pembangun elemen halaman web.<\/p>\n<p>Salah satu menu fiturnya adalah\u00a0<strong>Premade Layouts<\/strong>\u00a0alias\u00a0<strong>Template Website<\/strong>. Template yang disediakan terdiri dari berbagai varian, yang tentunya akan mempermudah.<\/p>\n<h1 class=\"has-large-font-size\"><strong>Cara Mengakses Premade Layouts<\/strong><\/h1>\n<p>Bisa mengakses dan melakukan import Pre-made Layouts Divi dengan dua cara berikut ini :<\/p>\n<ul>\n<li>Saat membuat new Page<\/li>\n<li>Saat melakukan edit Page<\/li>\n<\/ul>\n<p>Setelah memilih satu dari dua cara tersebut, tekan tombol Use Visual Builder.<\/p>\n<h3><strong><span id=\"Langkah_1_Mengakses_Premade_Layouts\">1. Mengakses Premade Layouts<\/span><\/strong><\/h3>\n<p>Untuk mulai memakai banyak pilihan template bisa mulai dengan mengedit atau membuat page baru.<\/p>\n<p>Masuk kedalam dasbor admin wordpress, buka browser lalu ketikkan :<\/p>\n<p>https:\/\/namadomain.com\/wp-admin , sesuaikan dengan nama domain lalu masukkan user dan password admin.<\/p>\n<p><b>Note:<\/b> Panduan dibawah ini akan menggunakan setelan Bahasa Inggris untuk menghindari ambigu. Kalau wordpress sudah dalam English maka lanjutkan. Bisa ubah bahasa melalui Pengaturan &gt; Umum &gt; Bahasa Situs &gt; Pilih English (United States) &gt; Simpan perubahan.<\/p>\n<p>Selanjutnya pada sidebar sebelah kiri, klik\u00a0<strong>Pages<\/strong>\u00a0&gt;\u00a0<strong>Add New<\/strong> . Maka akan diarahkan ke halaman baru, selanjutnya klik tombol Use Divi Builder.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8264 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-divi-Builder.png\" alt=\"\" width=\"984\" height=\"580\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-divi-Builder.png 984w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-divi-Builder-768x453.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-divi-Builder-640x377.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-divi-Builder-400x236.png 400w\" sizes=\"auto, (max-width: 984px) 100vw, 984px\" \/><\/p>\n<p>Kemudian akan tampil tiga pilihan , karena judulnya cara pakai premade layout maka pilih yang tengah, lalu klik Browse Layouts.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8265 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Browse-Layouts.png\" alt=\"\" width=\"1192\" height=\"620\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Browse-Layouts.png 1192w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Browse-Layouts-1024x533.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Browse-Layouts-768x399.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Browse-Layouts-640x333.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Browse-Layouts-400x208.png 400w\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" \/><\/p>\n<p>Selanjutnya akan tampil popup\u00a0<strong>\u201cLoad From Library\u201d<\/strong>\u00a0, tempat kamu bisa mulai memilih template.<\/p>\n<h3><strong><span id=\"Langkah_2_Premade_Layouts_Saved_Layouts_atau_Existing_Pages\">2. Premade Layouts, Saved Layouts, atau Existing Pages<\/span><\/strong><\/h3>\n<p>Didalam popup Load From Library tersedia tiga tab. Masing masing adalah :<\/p>\n<ul>\n<li><strong>Premade Layouts<\/strong> : Dapat melihat seluruh premade layouts yang disediakan oleh Divi (Elegant Themes) yang dapat langsung digunakan.<\/li>\n<li><strong>Your Saved Layouts<\/strong> : Dapat mengakses seluruh layout yang pernah di simpan ke Divi Library.<\/li>\n<li><strong>Your Existing Pages<\/strong> : Berisi seluruh page (termasuk post dan project) yang ada di dalam WordPress. Dapat melakukan clone dari page yang sudah ada untuk page baru yang ingin di buat melalui menu ini.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8266 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Tiga-pilihan-Premade-Layouts.png\" alt=\"\" width=\"995\" height=\"411\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Tiga-pilihan-Premade-Layouts.png 995w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Tiga-pilihan-Premade-Layouts-768x317.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Tiga-pilihan-Premade-Layouts-640x264.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Tiga-pilihan-Premade-Layouts-400x165.png 400w\" sizes=\"auto, (max-width: 995px) 100vw, 995px\" \/><\/p>\n<h3><strong><span id=\"Langkah_3_Menggunakan_Premade_Layout\">3. Menggunakan Premade Layout<\/span><\/strong><\/h3>\n<p>Dibagian ini bisa scroll kebawah dan memilih dari sekian banyak pilihan template atau premade layout yang disediakan.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8267 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Pilihan-layout.png\" alt=\"\" width=\"1188\" height=\"542\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Pilihan-layout.png 1188w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Pilihan-layout-1024x467.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Pilihan-layout-768x350.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Pilihan-layout-640x292.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Pilihan-layout-400x182.png 400w\" sizes=\"auto, (max-width: 1188px) 100vw, 1188px\" \/><\/p>\n<p>Ketika memilih salah satu, maka akan tampil preview semua page yang ada pada layout tersebut. Ketika klik salah satu page layout sebelah kanan, maka akan tampil previewnya disebelah kiri.<\/p>\n<p>Klik Live Demo, maka akan terbuka demo terkait layout tersebut di halaman baru. Jika sudah cocok tinggal klik tombol <strong>\u201cUse This Layout\u201d.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8268 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-this-layout.png\" alt=\"\" width=\"1149\" height=\"470\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-this-layout.png 1149w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-this-layout-1024x419.png 1024w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-this-layout-768x314.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-this-layout-640x262.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Use-this-layout-400x164.png 400w\" sizes=\"auto, (max-width: 1149px) 100vw, 1149px\" \/><\/p>\n<p><b>Note:<\/b> &#8220;Jika menemui kendala, muncul pop-up untuk memasukkan API Key. Artinya belum memasang lisensi atau API Key divinya&#8221;.<\/p>\n<p>Menggunakan Premade Layout merupakan langkah awal. Jika kedepannya mau edit lagi page ini, bisa dilakukan dengan cara akses page tersebut dari browser, lalu klik Enable Visual Builder.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8269 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Enable-visual-builder.png\" alt=\"\" width=\"824\" height=\"339\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Enable-visual-builder.png 824w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Enable-visual-builder-768x316.png 768w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Enable-visual-builder-640x263.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Enable-visual-builder-400x165.png 400w\" sizes=\"auto, (max-width: 824px) 100vw, 824px\" \/><\/p>\n<h3><strong><span id=\"Langkah_4_Menambahkan_Layout_atau_Ganti_Seluruhnya\">4. Menambahkan Layout atau Ganti Seluruhnya<\/span><\/strong><\/h3>\n<p>Selain untuk membuat page baru yang masih kosong, premade layout bisa digunakan untuk menambahkan ke page yang sudah aktif.<\/p>\n<p>Jika ingin ditambahkan ke page yang aktif, bisa scroll ke bawah untuk melihat penambahan layout yang ada.<\/p>\n<p>Atau bisa mengganti seluruh isi dari page dengan menggunakan fitur<strong>\u00a0\u201cReplace Existing Content\u201d<\/strong>. Setelah memilih layout bisa mencentang jika ingin mengganti layout lama dengan layout yang baru di pilih.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8270 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Replace-content.png\" alt=\"\" width=\"763\" height=\"324\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Replace-content.png 763w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Replace-content-640x272.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Replace-content-400x170.png 400w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/p>\n<h3><strong><span id=\"Langkah_5_Lakukan_Editing_Layout\">5. Lakukan Editing Layout<\/span><\/strong><\/h3>\n<p>Setelah template atau layout berhasil diterapkan maka bisa melakukan edit sesuai dengan keinginan. Contohnya jika suka layout tertentu, tetapi ada bagian yang tidak diperlukan hanya perlu lakukan klik icon sampah pada bagian itu dan seketika section terkait akan hilang.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8271 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/delete-section.gif\" alt=\"\" width=\"880\" height=\"566\" \/><\/p>\n<p>Atau bisa melakukan edit di kata-kata yang tertera pada layout. Tinggal arahkan kursor ke area terkait, dan pilihan setting akan muncul. Tinggal klik dan pilih text yang ingin di ubah.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8272 aligncenter\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/edit-page.gif\" alt=\"\" width=\"880\" height=\"456\" \/><\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;8253&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;2&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (2 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Cara Menggunakan Premade Layouts Pada Theme Divi&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (2 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Divi adalah Tema atau Theme di WordPress yang dibuat oleh ElegantThemes,\u00a0sebuah perusahaan penyedia Tema dan Plugin Premium untuk WordPress. Fitur paling powerfull Tema Divi yaitu kemudahan dalam membuat macam-macam layout halaman di WordPress dan juga ada disediakan visual builder untuk buat halaman atau page baru dengan \u201cdrag &amp; drop\u201d menggunakan banyak pilihan modul pembangun elemen [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":8273,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[2620,2621,2622],"class_list":["post-8253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-premade-layouts-divi","tag-premade-layouts-divi-free","tag-premade-layouts-divi-theme"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi-1140x445.gif",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi-463x348.gif",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi-300x169.gif",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif",1440,810,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Menggunakan Premade Layouts Pada Theme Divi - Hosteko Blog<\/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:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Menggunakan Premade Layouts Pada Theme Divi - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Divi adalah Tema atau Theme di WordPress yang dibuat oleh ElegantThemes,\u00a0sebuah perusahaan penyedia Tema dan Plugin Premium untuk WordPress. Fitur paling powerfull Tema Divi yaitu kemudahan dalam membuat macam-macam layout halaman di WordPress dan juga ada disediakan visual builder untuk buat halaman atau page baru dengan \u201cdrag &amp; drop\u201d menggunakan banyak pilihan modul pembangun elemen [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-21T09:16:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"810\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Risa Y\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Risa Y\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi\"},\"author\":{\"name\":\"Risa Y\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\"},\"headline\":\"Cara Menggunakan Premade Layouts Pada Theme Divi\",\"datePublished\":\"2020-12-21T09:16:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi\"},\"wordCount\":594,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif\",\"keywords\":[\"premade layouts divi\",\"premade layouts divi free\",\"premade layouts divi theme\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi\",\"url\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi\",\"name\":\"Cara Menggunakan Premade Layouts Pada Theme Divi - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif\",\"datePublished\":\"2020-12-21T09:16:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif\",\"width\":1440,\"height\":810},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Menggunakan Premade Layouts Pada Theme Divi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\",\"name\":\"Risa Y\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"caption\":\"Risa Y\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Menggunakan Premade Layouts Pada Theme Divi - Hosteko Blog","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:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi","og_locale":"en_US","og_type":"article","og_title":"Cara Menggunakan Premade Layouts Pada Theme Divi - Hosteko Blog","og_description":"Divi adalah Tema atau Theme di WordPress yang dibuat oleh ElegantThemes,\u00a0sebuah perusahaan penyedia Tema dan Plugin Premium untuk WordPress. Fitur paling powerfull Tema Divi yaitu kemudahan dalam membuat macam-macam layout halaman di WordPress dan juga ada disediakan visual builder untuk buat halaman atau page baru dengan \u201cdrag &amp; drop\u201d menggunakan banyak pilihan modul pembangun elemen [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi","og_site_name":"Hosteko Blog","article_published_time":"2020-12-21T09:16:57+00:00","og_image":[{"width":1440,"height":810,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif","type":"image\/gif"}],"author":"Risa Y","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Risa Y","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi"},"author":{"name":"Risa Y","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b"},"headline":"Cara Menggunakan Premade Layouts Pada Theme Divi","datePublished":"2020-12-21T09:16:57+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi"},"wordCount":594,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif","keywords":["premade layouts divi","premade layouts divi free","premade layouts divi theme"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi","url":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi","name":"Cara Menggunakan Premade Layouts Pada Theme Divi - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif","datePublished":"2020-12-21T09:16:57+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif","width":1440,"height":810},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/cara-menggunakan-premade-layouts-pada-theme-divi#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Cara Menggunakan Premade Layouts Pada Theme Divi"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b","name":"Risa Y","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","caption":"Risa Y"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Cara-Menggunakan-Premade-Layouts-Pada-Theme-Divi.gif","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=8253"}],"version-history":[{"count":2,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8253\/revisions"}],"predecessor-version":[{"id":8274,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8253\/revisions\/8274"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/8273"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=8253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=8253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=8253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}