{"id":235544,"date":"2026-01-12T19:20:08","date_gmt":"2026-01-12T19:20:08","guid":{"rendered":"https:\/\/www.artenocturno.com\/?post_type=lesson&#038;p=235544"},"modified":"2026-03-11T10:55:59","modified_gmt":"2026-03-11T09:55:59","slug":"modales","status":"publish","type":"lesson","link":"https:\/\/www.artenocturno.com\/en\/lesson\/modales\/","title":{"rendered":"Modales"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":0,"template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<!-- wp:sensei-lms\/featured-video -->\n<!-- wp:embed {\"url\":\"https:\/\/vimeo.com\/1153407671\",\"type\":\"video\",\"providerNameSlug\":\"vimeo\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/vimeo.com\/1153407671\n<\/div><\/figure>\n<!-- \/wp:embed -->\n<!-- \/wp:sensei-lms\/featured-video -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Descripci\u00f3n de la Lecci\u00f3n<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>En esta lecci\u00f3n vas a aprender a usar la vista previa dentro de los modales para tomar decisiones con seguridad, sin ir a ciegas. Ver\u00e1s c\u00f3mo comparar el antes y el despu\u00e9s mientras ajustas los sliders, y c\u00f3mo comprobar que el efecto se est\u00e1 aplicando realmente en tiempo real. Tambi\u00e9n entender\u00e1s cu\u00e1ndo conviene cancelar, cu\u00e1ndo aplicar, y por qu\u00e9 el estado de la vista previa es clave para evitar \u201cajustes fantasma\u201d que luego no se confirman.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Lo que aprender\u00e1s<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ul class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Identificar qu\u00e9 botones abren un modal y cu\u00e1ndo te conviene usarlo.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Ajustar par\u00e1metros con sliders de forma precisa, viendo el efecto al instante.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Comparar antes y despu\u00e9s activando y desactivando la vista previa.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Aplicar el ajuste con seguridad evitando errores t\u00edpicos al confirmar.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Cancelar un cambio correctamente cuando el resultado no te convence.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Consejo del Experto<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Haz de esto una rutina: antes de pulsar <strong>Apply<\/strong>, confirma que la <strong>vista previa est\u00e1 activada<\/strong>. Si trabajas con la vista previa desmarcada, puedes acabar creyendo que est\u00e1s viendo el efecto final cuando en realidad lo has \u201capagado\u201d durante el ajuste, y al aplicar te llevas una sorpresa. Para evaluar bien, alterna la vista previa varias veces y mira dos zonas concretas: un \u00e1rea con detalle fino (estrellas o textura del cielo) y otra con gradiente suave (fondo). Si el cambio solo se nota en una de las dos, ajusta el slider buscando un resultado equilibrado, no el m\u00e1ximo impacto.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3 class=\"wp-block-heading\">Glosario T\u00e9cnico<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p><strong>Modal<\/strong>: Ventana de ajuste que se abre desde un bot\u00f3n y te permite controlar par\u00e1metros de un efecto con controles como sliders, adem\u00e1s de opciones para previsualizar y aplicar o cancelar.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Vista previa<\/strong>: Sistema de previsualizaci\u00f3n que muestra el efecto temporalmente mientras ajustas par\u00e1metros, permiti\u00e9ndote comparar antes y despu\u00e9s sin confirmar todav\u00eda el cambio.<\/p>\n<!-- \/wp:paragraph -->","_et_gb_content_width":"1080","_initial_content":"","_new_post":false,"_quiz_has_questions":false,"_lesson_complexity":"","_lesson_length":10,"_lesson_course":235519,"_lesson_preview":""},"lesson-tag":[],"class_list":["post-235544","lesson","type-lesson","status-publish","post-password-required","hentry","module-introduccion-v3","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Modales - Arte Nocturno<\/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:\/\/www.artenocturno.com\/en\/lesson\/modales\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modales - Arte Nocturno\" \/>\n<meta property=\"og:description\" content=\"There is no excerpt because this is a protected post.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artenocturno.com\/en\/lesson\/modales\/\" \/>\n<meta property=\"og:site_name\" content=\"Arte Nocturno\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-11T09:55:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.artenocturno.com\/leccion\/modales\/\",\"url\":\"https:\/\/www.artenocturno.com\/leccion\/modales\/\",\"name\":\"Modales - Arte Nocturno\",\"isPartOf\":{\"@id\":\"https:\/\/www.artenocturno.com\/#website\"},\"datePublished\":\"2026-01-12T19:20:08+00:00\",\"dateModified\":\"2026-03-11T09:55:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.artenocturno.com\/leccion\/modales\/#breadcrumb\"},\"inLanguage\":\"en-GB\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.artenocturno.com\/#website\",\"url\":\"https:\/\/www.artenocturno.com\/\",\"name\":\"Arte Nocturno\",\"description\":\"Fotograf\u00eda Nocturna especializada en la V\u00eda L\u00e1ctea\",\"publisher\":{\"@id\":\"https:\/\/www.artenocturno.com\/#\/schema\/person\/2c9a3420cfe27235e6833d15a185e595\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.artenocturno.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modales - Arte Nocturno","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:\/\/www.artenocturno.com\/en\/lesson\/modales\/","og_locale":"en_GB","og_type":"article","og_title":"Modales - Arte Nocturno","og_description":"There is no excerpt because this is a protected post.","og_url":"https:\/\/www.artenocturno.com\/en\/lesson\/modales\/","og_site_name":"Arte Nocturno","article_modified_time":"2026-03-11T09:55:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.artenocturno.com\/leccion\/modales\/","url":"https:\/\/www.artenocturno.com\/leccion\/modales\/","name":"Modales - Arte Nocturno","isPartOf":{"@id":"https:\/\/www.artenocturno.com\/#website"},"datePublished":"2026-01-12T19:20:08+00:00","dateModified":"2026-03-11T09:55:59+00:00","breadcrumb":{"@id":"https:\/\/www.artenocturno.com\/leccion\/modales\/#breadcrumb"},"inLanguage":"en-GB"},{"@type":"WebSite","@id":"https:\/\/www.artenocturno.com\/#website","url":"https:\/\/www.artenocturno.com\/","name":"Arte Nocturno","description":"Fotograf\u00eda Nocturna especializada en la V\u00eda L\u00e1ctea","publisher":{"@id":"https:\/\/www.artenocturno.com\/#\/schema\/person\/2c9a3420cfe27235e6833d15a185e595"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artenocturno.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"is_coteacher":false,"_links":{"self":[{"href":"https:\/\/www.artenocturno.com\/en\/wp-json\/wp\/v2\/lessons\/235544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artenocturno.com\/en\/wp-json\/wp\/v2\/lessons"}],"about":[{"href":"https:\/\/www.artenocturno.com\/en\/wp-json\/wp\/v2\/types\/lesson"}],"version-history":[{"count":6,"href":"https:\/\/www.artenocturno.com\/en\/wp-json\/wp\/v2\/lessons\/235544\/revisions"}],"predecessor-version":[{"id":237344,"href":"https:\/\/www.artenocturno.com\/en\/wp-json\/wp\/v2\/lessons\/235544\/revisions\/237344"}],"wp:attachment":[{"href":"https:\/\/www.artenocturno.com\/en\/wp-json\/wp\/v2\/media?parent=235544"}],"wp:term":[{"taxonomy":"lesson-tag","embeddable":true,"href":"https:\/\/www.artenocturno.com\/en\/wp-json\/wp\/v2\/lesson-tag?post=235544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}