{"id":58,"date":"2018-09-11T17:56:44","date_gmt":"2018-09-11T22:56:44","guid":{"rendered":"https:\/\/allmedia.com.mx\/demo5\/?p=58"},"modified":"2018-09-11T17:56:44","modified_gmt":"2018-09-11T22:56:44","slug":"bienvenido-al-editor-gutenberg","status":"publish","type":"post","link":"https:\/\/allmedia.com.mx\/demo5\/bienvenido-al-editor-gutenberg\/","title":{"rendered":"Bienvenido al editor Gutenberg"},"content":{"rendered":"<div class=\"wp-block-cover-image has-background-dim alignwide\" style=\"background-image:url(https:\/\/cldup.com\/Fz-ASbo2s3.jpg)\"><p class=\"wp-block-cover-image-text\">Hablando de monta\u00f1as y prensas de impresi\u00f3n<\/p><\/div><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 <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 aparecen los distintos bloques con l\u00edneas y flechas. Pulsa en las flechas para recolocar r\u00e1pidamente los bloques, sin miedo a perder cosas sen el proceso de copiar y pegar. <\/p><p>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><p style=\"text-align:right\">&#8230; como esta, que est\u00e1 alineada a la derecha.<\/p><p>Los encabezados tambi\u00e9n son bloques separados, lo que ayuda a la estructura y organizaci\u00f3n de tu contenido.<\/p><h2 class=\"wp-block-heading\">Una imagen vale m\u00e1s que mil palabras<\/h2><p>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><div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/cXyG__fTLN.jpg\" alt=\"Precioso paisaje\"\/><figcaption>Si tue tema es compatible veras el bot\u00f3n \u00abancho\u00bb en la barra de herramientas de la imagen. Pru\u00e9balo.<\/figcaption><\/figure><\/div><p>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><h2 class=\"wp-block-heading\">La herramienta <em>Insertador<\/em><\/h2><p>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><p>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><ul>\n\t<li>Texto y encabezados<\/li>\n\t<li>Im\u00e1genes y v\u00eddeos<\/li>\n\t<li>Galer\u00edas<\/li>\n\t<li>Incrustados, como YouTube, tuits o entradas de otro WordPress.<\/li>\n\t<li>Bloques de dise\u00f1o, como botones, im\u00e1genes prominentes, separadores, etc.<\/li>\n\t<li>Y <em>listas<\/em> como esta, por supuesto \ud83d\ude42<\/li>\n<\/ul><hr class=\"wp-block-separator\"\/><h2 class=\"wp-block-heading\">Edici\u00f3n visual<\/h2><p>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 el c\u00f3digo o una cita, o el texto de un bot\u00f3n, puedes cambiar directamente el contenido. Prueba a modificar la siguiente cita:<\/p><blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>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  descubrir como incrustar \u00abcarne sospechosa\u00bb.<\/p><cite>Matt Mullenweg, 2017<\/cite><\/blockquote><p>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><p>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><ul class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/cldup.com\/n0g6ME5VKC.jpg\" alt=\"\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/cldup.com\/ZjESfxPI3R.jpg\" alt=\"\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/cldup.com\/EKNF8xD2UM.jpg\" alt=\"\"\/><\/figure><\/li><\/ul><p>Puedes cambiar la cantidad de columnas de tus galer\u00edas arrastrando un control deslizante en el inspector de bloques de la barra lateral.<\/p><h2 class=\"wp-block-heading\">Medios enriquecidos<\/h2><p>Si combinas las nuevas alineaciones de galer\u00eda <strong>ancha<\/strong> y <strong>ancho completo<\/strong> puedes crear dise\u00f1os ricos en medios muy r\u00e1pidamente:<\/p><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><p>Por supuesto, la imagen a ancho completo puede ser realmente grande. Pero a veces la imagen es lo importante.<\/p><ul class=\"wp-block-gallery alignwide columns-2 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/cldup.com\/_rSwtEeDGD.jpg\" alt=\"\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" src=\"https:\/\/cldup.com\/L-cC3qX2DN.jpg\" alt=\"\"\/><\/figure><\/li><\/ul><p>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><p>Cualquier bloque puede estar en alguna de estas alineaciones. El bloque de incrustar tambi\u00e9n las tiene, y es adaptable desde la base:<\/p><figure class=\"wp-block-embed-vimeo alignwide wp-block-embed is-type-video is-provider-vimeo\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/22439234?app_id=122963\" width=\"980\" height=\"551\" frameborder=\"0\" title=\"The Mountain\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe>\n<\/figure><p>Puedes crear cualquier bloque que quieras, est\u00e1tico y din\u00e1mico, decorativo o plano. Aqu\u00ed tienes un bloque de cita:<\/p><blockquote class=\"wp-block-pullquote\"><p>El c\u00f3digo es poes\u00eda<\/p><cite>La comunidad WordPress<\/cite><\/blockquote><p style=\"text-align:center\">\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=\"%s\">repositorio en GitHub<\/a>.\t<\/em>\n<\/p><div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"https:\/\/github.com\/WordPress\/gutenberg\">Ayuda a construir Gutenberg<\/a><\/div><hr class=\"wp-block-separator\"\/><p style=\"text-align:center\">\u00a1Gracias por probar Gutenberg!<\/p><p style=\"text-align:center\"><img decoding=\"async\" draggable=\"false\" class=\"emoji\" alt=\"&#x1f44b;\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/1f44b.svg\"\/><\/p>","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 aparecen los distintos bloques con [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/posts\/58"}],"collection":[{"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":1,"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/posts\/58\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/allmedia.com.mx\/demo5\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}