{"id":25,"date":"2025-11-21T19:30:33","date_gmt":"2025-11-21T19:30:33","guid":{"rendered":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/?p=25"},"modified":"2025-11-21T19:32:10","modified_gmt":"2025-11-21T19:32:10","slug":"bienvenido-al-editor-gutenberg","status":"publish","type":"post","link":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/2025\/11\/21\/bienvenido-al-editor-gutenberg\/","title":{"rendered":"Bienvenido al editor Gutenberg"},"content":{"rendered":"\n<div class=\"wp-block-cover alignwide is-light\"><img decoding=\"async\" class=\"wp-block-cover__image-background\" src=\"https:\/\/cldup.com\/Fz-ASbo2s3.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-text-color has-large-font-size wp-block-paragraph\">Hablando de monta\u00f1as e imprentas<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">El objetivo de este nuevo editor es hacer que a\u00f1adir contenido enriquecido a WordPress sea algo sencillo y agradable. Toda esta entrada est\u00e1 creada con <em>piezas de contenido<\/em> \u2014algo parecido a los ladrillos LEGO \u2014 que puedes mover y con los que puedes interactuar. Mueve tu cursor y ver\u00e1s que los distintos bloques se resaltan con l\u00edneas y flechas. Pulsa en las flechas para recolocar r\u00e1pidamente los bloques, sin miedo a perder cosas en el proceso de copiar y pegar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo que est\u00e1s leyendo ahora es un <strong>bloque de texto<\/strong>, el bloque m\u00e1s b\u00e1sico de todos. El bloque de texto tiene sus propios controles para moverlo libremente por toda la publicaci\u00f3n\u2026<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">&#8230; como esta, que est\u00e1 alineada a la derecha.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los encabezados tambi\u00e9n son bloques separados, lo que ayuda a la estructura y organizaci\u00f3n de tu contenido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Una imagen vale m\u00e1s que mil palabras<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gestionar im\u00e1genes y medios con el m\u00e1ximo cuidado es un enfoque principal del nuevo editor. Afortunadamente encontrar\u00e1s posibilidades para a\u00f1adir leyendas o hacer de ancho completo tus fotos de un modo mucho m\u00e1s f\u00e1cil y robusto que antes.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/cXyG__fTLN.jpg\" alt=\"Precioso paisaje\" \/>\n\t<figcaption class=\"wp-element-caption\">Si tu tema es compatible, ver\u00e1s el bot\u00f3n de \u00abamplio\u00bb en la barra de herramientas de la imagen. Pru\u00e9balo.<\/figcaption>\n<\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Prueba a seleccionar o quitar o editar la leyenda, ahora ya no tienes porque ser cuidadoso a la hora de seleccionar la imagen u otro texto por error y arruinar la presentaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La herramienta <em>Insertador<\/em><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Imagina que todo lo que WordPress puede hacer est\u00e9 disponible para ti r\u00e1pidamente y en el mismo lugar de la interfaz. No tienes que descubrir etiquetas HTML, clases o recordar sintaxis complicadas de shortcodes. Ese es el esp\u00edritu tras el insertador \u2014 el bot\u00f3n <code>(+)<\/code> que ver\u00e1s en el editor \u2014 que te permite navegar por todos los bloques de contenido disponibles y a\u00f1adirlos a tu entrada. Los plugins y temas pueden registrar los suyos propios, abriendo una enorme cantidad de posibilidades para la edici\u00f3n y la publicaci\u00f3n enriquecida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An\u00edmate a probarlo, puedes descubrir cosas que WordPress ya puede a\u00f1adir en tus entradas de las que no ten\u00edas ni idea. Aqu\u00ed tienes una breve lista de lo que actualmente puedes encontrar ah\u00ed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\t\n\t<li>Texto y encabezados<\/li>\n\t\n\t\n\t<li>Im\u00e1genes y v\u00eddeos<\/li>\n\t\n\t\n\t<li>Galer\u00edas<\/li>\n\t\n\t\n\t<li>Incrustados, como YouTube, tuits o entradas de otro WordPress.<\/li>\n\t\n\t\n\t<li>Bloques de dise\u00f1o, como botones, im\u00e1genes principales, separadores, etc.<\/li>\n\t\n\t\n\t<li>Y <em>listas<\/em> como esta, por supuesto \ud83d\ude42<\/li>\n\t\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Edici\u00f3n visual<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un gran beneficio de los bloques es que puedes editarlos donde est\u00e9n y manipular directamente tu contenido. En vez de tener campos para editar cosas como la fuente de una cita o el texto de un bot\u00f3n, puedes cambiar directamente el contenido. Prueba a modificar la siguiente cita:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n\t\n\t<p class=\"wp-block-paragraph\">El editor tratar\u00e1 de crear una nueva experiencia de creaci\u00f3n de p\u00e1ginas y entradas que ayude a escribir publicaciones enriquecidas sin esfuerzo y tiene \u00abbloques\u00bb para hacer sencillo lo que hoy conllevar\u00eda usar shortcodes, HTML personalizado o esot\u00e9ricos descubrimientos de incrustaciones.<\/p>\n\t\n\t<cite>Matt Mullenweg, 2017<\/cite>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">La informaci\u00f3n correspondiente al origen de la cita est\u00e1 en un campo de texto separado, parecido a las leyendas bajo las im\u00e1genes, para que la estructura de la cita est\u00e9 protegida aunque la selecciones, modifiques o quites del origen. Es siempre sencillo a\u00f1adirla de nuevo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los bloques pueden ser lo que necesitas. Por ejemplo, puede que quieras a\u00f1adir una cita suave como parte de la composici\u00f3n de tu texto o puede que prefieras mostrar una estilizada y gigante. Todas est\u00e1s opciones est\u00e1n en el insertador.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n\t\n\t<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/n0g6ME5VKC.jpg\" alt=\"\" \/><\/figure>\n\t\n\t\n\t<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/ZjESfxPI3R.jpg\" alt=\"\" \/><\/figure>\n\t\n\t\n\t<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/EKNF8xD2UM.jpg\" alt=\"\" \/><\/figure>\n\t\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes cambiar la cantidad de columnas de tus galer\u00edas arrastrando un control deslizante en el inspector de bloques de la barra lateral.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Medios enriquecidos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si combinas las nuevas alineaciones de galer\u00eda <strong>amplio<\/strong> y <strong>ancho completo<\/strong> puedes crear dise\u00f1os ricos en medios muy r\u00e1pidamente:<\/p>\n\n\n\n<figure class=\"wp-block-image alignfull\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/8lhI-gKnI2.jpg\" alt=\"La accesibilidad es importante. No te olvides del atributo de imagen alt\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Por supuesto, la imagen a ancho completo puede ser realmente grande. Pero a veces la imagen es lo importante.<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n\t\n\t<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/_rSwtEeDGD.jpg\" alt=\"\" \/><\/figure>\n\t\n\t\n\t<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/L-cC3qX2DN.jpg\" alt=\"\" \/><\/figure>\n\t\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Lo de arriba es una galer\u00eda con solo dos im\u00e1genes. Es un modo sencillo de crear visualmente atractivos dise\u00f1os, sin tener que lidiar con floats. Tambi\u00e9n puedes convertir f\u00e1cilmente la galer\u00eda de nuevo a im\u00e1genes individuales, usando el cambiador de bloques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cualquier bloque puede estar en alguna de estas alineaciones. El bloque de incrustar tambi\u00e9n las tiene, y es adaptable desde la base:<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-vimeo wp-block-embed-vimeo wp-has-aspect-ratio wp-embed-aspect-16-9\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The Mountain\" src=\"https:\/\/player.vimeo.com\/video\/22439234?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Puedes crear cualquier bloque que quieras, est\u00e1tico y din\u00e1mico, decorativo o plano. Aqu\u00ed tienes un bloque de cita:<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>El c\u00f3digo es poes\u00eda<\/p><cite>La comunidad WordPress<\/cite><\/blockquote><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\n\t<em>\n\t\tSi quieres aprender m\u00e1s sobre c\u00f3mo crear bloques adicionales o si est\u00e1s interesado en ayudar con el proyecto, p\u00e1sate por el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\">repositorio en GitHub<\/a>.\t<\/em>\n<\/p>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/github.com\/WordPress\/gutenberg\">Ayuda a construir Gutenberg<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\" \/>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\u00a1Gracias por probar Gutenberg!<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\ud83d\udc4b<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>El objetivo de este nuevo editor es hacer que a\u00f1adir contenido enriquecido a WordPress sea algo sencillo y agradable. Toda esta entrada est\u00e1 creada con piezas de contenido \u2014algo parecido a los ladrillos LEGO \u2014 que puedes mover y con los que puedes interactuar. Mueve tu cursor y ver\u00e1s que los distintos bloques se resaltan con l\u00edneas y flechas. Pulsa en las flechas para recolocar r\u00e1pidamente los bloques, sin miedo a perder cosas en el proceso de copiar y pegar. Lo que est\u00e1s leyendo ahora es un bloque de texto,&#8230; <\/p>\n","protected":false},"author":1,"featured_media":20,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[2],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias-paraguay"],"_links":{"self":[{"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":1,"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/posts\/25\/revisions\/26"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desarrollo.patriotasdigitales.com\/patriota-digital\/index.php\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}