{"id":17345,"date":"2026-01-19T08:46:59","date_gmt":"2026-01-19T08:46:59","guid":{"rendered":"https:\/\/ptipd.uin-malang.ac.id\/?p=17345"},"modified":"2026-01-19T08:55:07","modified_gmt":"2026-01-19T08:55:07","slug":"panduan-konten-2-sisi","status":"publish","type":"post","link":"https:\/\/ptipd.uin-malang.ac.id\/en\/panduan-konten-2-sisi\/","title":{"rendered":"2-Sided Content Guidelines"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"17345\" class=\"elementor elementor-17345\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb9d2f e-flex e-con-boxed e-con e-parent\" data-id=\"dbb9d2f\" 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-4515513 elementor-widget elementor-widget-text-editor\" data-id=\"4515513\" 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>The following guide is for those of you who want to create website content with 2 sides containing images and text (like the image above).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14526aa elementor-widget elementor-widget-image\" data-id=\"14526aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"191\" src=\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-1024x245.png\" class=\"attachment-large size-large wp-image-17352\" alt=\"\" srcset=\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-1024x245.png 1024w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-300x72.png 300w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-768x184.png 768w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-18x4.png 18w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide.png 1368w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e202a9 elementor-widget elementor-widget-text-editor\" data-id=\"5e202a9\" 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<ol><li>Select \u201cflexbox\u201d which has 2 containers<\/li><\/ol>\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-9f946c4 e-flex e-con-boxed e-con e-parent\" data-id=\"9f946c4\" 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-f9f66bf elementor-widget elementor-widget-image\" data-id=\"f9f66bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"316\" src=\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-2-1024x404.png\" class=\"attachment-large size-large wp-image-17351\" alt=\"\" srcset=\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-2-1024x404.png 1024w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-2-300x118.png 300w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-2-768x303.png 768w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-2-1536x607.png 1536w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-2-18x7.png 18w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/konten-2-slide-2.png 1894w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f46d4 elementor-widget elementor-widget-text-editor\" data-id=\"c0f46d4\" 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>\u00a0 \u00a0 2. Display Image of 2 containers<\/p><ul><li>After that, select the elements you need.<\/li><li>For example, if you want to insert an image and text, drag the element into the box with the &#039;+&#039; sign.<\/li><\/ul>\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-c4cea8b e-flex e-con-boxed e-con e-parent\" data-id=\"c4cea8b\" 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-3225a46 elementor-widget elementor-widget-image\" data-id=\"3225a46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/kontem-2-slide-3-1024x384.png\" class=\"attachment-large size-large wp-image-17350\" alt=\"\" srcset=\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/kontem-2-slide-3-1024x384.png 1024w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/kontem-2-slide-3-300x113.png 300w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/kontem-2-slide-3-768x288.png 768w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/kontem-2-slide-3-1536x577.png 1536w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/kontem-2-slide-3-18x7.png 18w, https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/01\/kontem-2-slide-3.png 1894w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-370bcd8 elementor-widget elementor-widget-text-editor\" data-id=\"370bcd8\" 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>\u00a0 \u00a0 3. Display image of 2 elements that have been dragged<\/p><ul><li>Fill these elements with content according to your needs.<\/li><li>Don&#039;t forget to click &quot;Publish&quot; to save<\/li><\/ul>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Panduan Berikut untuk anda yang ingin membuat isi konten website dengan 2 sisi yang berisi gambar dan text (seperti gambar diatas). Pilih &#8220;flexbox&#8221; yang memiliki 2 container \u00a0 \u00a0 2.\u00a0 Gambar Tampilan 2 container Setelah itu pilih elements yang anda butuhkan Misal anda ingin memasukkan image dan text, maka drag element tersebut ke dalam kotak [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17346,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,81],"tags":[],"class_list":["post-17345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-panduan","category-wordpress"],"_links":{"self":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts\/17345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/comments?post=17345"}],"version-history":[{"count":4,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts\/17345\/revisions"}],"predecessor-version":[{"id":17356,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts\/17345\/revisions\/17356"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media\/17346"}],"wp:attachment":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media?parent=17345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/categories?post=17345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/tags?post=17345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}