{"id":1210,"date":"2023-01-04T03:54:19","date_gmt":"2023-01-04T03:54:19","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=1210"},"modified":"2023-01-30T09:09:09","modified_gmt":"2023-01-30T09:09:09","slug":"how-to-use-the-visual-window","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/id\/docs\/how-to-use-the-visual-window\/","title":{"rendered":"Cara Menggunakan Jendela Visual"},"content":{"rendered":"<p>The visual window is the visible area of the published content. Adding a visual window to a character and adjusting its size and position can achieve the effect of displaying only a part of the character after publishing.<\/p>\n\n\n\n<p>Tick [Visual Window] at the top of the editors &gt; click [Edit] to set the size and position of the visual window.<\/p>\n\n\n\n<p>Note: If you want to import more motion for your character to the Mango AM, the size and position of the visual window must be the same as the first motion, otherwise the size and position of the imported character will be different.<\/p>\n\n\n\n<p><a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-import-a-character-to-mango-am\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Click to view: How to import a character to Mango AM?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"569\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38.png\" alt=\"\" class=\"wp-image-1212\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38-300x198.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38-768x506.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38-360x237.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Jendela visual adalah area yang terlihat dari konten yang dipublikasikan. Menambahkan jendela visual ke karakter dan menyesuaikan ukuran dan posisinya dapat mencapai efek menampilkan hanya sebagian dari karakter setelah diterbitkan. Centang [Visual Window] di bagian atas editor &gt; klik [Edit] untuk mengatur ukuran dan \u2026<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/id\/docs\/how-to-use-the-visual-window\/\"> <span class=\"screen-reader-text\">Cara Menggunakan Jendela Visual<\/span> Selengkapnya &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[60],"doc_tag":[],"knowledge_base":[40],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use the Visual Window - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"The visual window is the visible area of the published content. Adding a visual window to a character and adjusting its size and position can achieve the effect of displaying only a part of the character after publishing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/id\/docs\/how-to-use-the-visual-window\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Visual Window\" \/>\n<meta property=\"og:description\" content=\"The visual window is the visible area of the published content. Adding a visual window to a character and adjusting its size and position can achieve the effect of displaying only a part of the character after publishing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/id\/docs\/how-to-use-the-visual-window\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-30T09:09:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/\",\"name\":\"How to Use the Visual Window - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2023-01-04T03:54:19+00:00\",\"dateModified\":\"2023-01-30T09:09:09+00:00\",\"description\":\"The visual window is the visible area of the published content. Adding a visual window to a character and adjusting its size and position can achieve the effect of displaying only a part of the character after publishing.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the Visual Window\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Use the Visual Window - Mango Animate Help Center","description":"The visual window is the visible area of the published content. Adding a visual window to a character and adjusting its size and position can achieve the effect of displaying only a part of the character after publishing.","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:\/\/help.mangoanimate.com\/id\/docs\/how-to-use-the-visual-window\/","og_locale":"id_ID","og_type":"article","og_title":"How to Use the Visual Window","og_description":"The visual window is the visible area of the published content. Adding a visual window to a character and adjusting its size and position can achieve the effect of displaying only a part of the character after publishing.","og_url":"https:\/\/help.mangoanimate.com\/id\/docs\/how-to-use-the-visual-window\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2023-01-30T09:09:09+00:00","og_image":[{"url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-38.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/","url":"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/","name":"How to Use the Visual Window - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2023-01-04T03:54:19+00:00","dateModified":"2023-01-30T09:09:09+00:00","description":"The visual window is the visible area of the published content. Adding a visual window to a character and adjusting its size and position can achieve the effect of displaying only a part of the character after publishing.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-use-the-visual-window\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"How to Use the Visual Window"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/docs\/1210"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":2,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/docs\/1210\/revisions"}],"predecessor-version":[{"id":1327,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/docs\/1210\/revisions\/1327"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/media?parent=1210"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/doc_category?post=1210"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/doc_tag?post=1210"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/knowledge_base?post=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}