{"id":941,"date":"2018-11-07T09:54:07","date_gmt":"2018-11-07T08:54:07","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/revista\/?p=941"},"modified":"2018-11-07T09:54:24","modified_gmt":"2018-11-07T08:54:24","slug":"te-damos-la-bienvenida-al-editor-gutenberg-2","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/revista\/te-damos-la-bienvenida-al-editor-gutenberg-2\/","title":{"rendered":"Te damos la bienvenida al editor Gutenberg"},"content":{"rendered":"\n<div class=\"wp-block-cover has-background-dim alignwide is-layout-flow wp-block-cover-is-layout-flow\" style=\"background-image:url(https:\/\/cldup.com\/Fz-ASbo2s3.jpg)\"><p class=\"wp-block-cover-text\">De monta\u00f1as e imprentas<\/p><\/div>\n\n\n\n<p>El objetivo de este nuevo editor es hacer que a\u00f1adir contenido enriquecido a WordPress sea algo sencillo y agradable. Toda esta entrada se compone de <em>piezas de contenido<\/em> \u2014algo parecido a los bloques de 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 en el proceso de copiar y pegar. <\/p>\n\n\n\n<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 entrada\u2026<\/p>\n\n\n\n<p style=\"text-align:right\">\u2026 como este, que est\u00e1 alineado a la derecha<\/p>\n\n\n\n<p>Los titulares tambi\u00e9n son bloques separados, lo cual ayuda con la estructuraci\u00f3n y organizaci\u00f3n del contenido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Una imagen vale por mil palabras<\/h2>\n\n\n\n<p>Gestionar las im\u00e1genes y los elementos multimedia con el m\u00e1ximo cuidado es un enfoque principal del nuevo editor. Afortunadamente encontrar\u00e1s posibilidades para a\u00f1adir leyendas o hacer que tus fotos ocupen toda la anchura de la p\u00e1gina, de un modo mucho m\u00e1s f\u00e1cil y robusto que antes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/cldup.com\/cXyG__fTLN.jpg\" alt=\"Paisaje hermoso\"\/><figcaption>Si tu tema es compatible, ver\u00e1s el bot\u00f3n \u00abAncha\u00bb en la barra de herramientas de la imagen. Pru\u00e9balo.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Prueba a seleccionar y eliminar o editar la leyenda; a partir de ahora no tendr\u00e1s que preocuparte por seleccionar cuidadosamente la imagen o hacerlo por error con otro texto, lo cual puede arruinar la presentaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El <em>Insertador<\/em><\/h2>\n\n\n\n<p>Imagina que todo lo que WordPress puede hacer est\u00e9 disponible para ti r\u00e1pidamente y en el mismo lugar del interfaz. No tienes que descubrir etiquetas HTML, clases o recordar sintaxis complicadas de shortcodes. Ese es el esp\u00edritu tras el insertador \u2014el 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>Pru\u00e9balo. Es posible que descubras cosas que WordPress ya puede a\u00f1adir a tus entradas y que no conoc\u00edas. Aqu\u00ed tienes una breve lista de lo que puedes encontrar:<\/p>\n\n\n\n<ul><li>Texto y titulares<\/li><li>Im\u00e1genes y v\u00eddeos<\/li><li>Galer\u00edas<\/li><li>Incrustaciones, como YouTube, tuits, u otras entradas de WordPress.<\/li><li>Bloques de dise\u00f1o, como botones, im\u00e1genes \u00abh\u00e9roe\u00bb, separadores, etc.<\/li><li>Y <em>listas<\/em>, como esta, por supuesto.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Edici\u00f3n visual<\/h2>\n\n\n\n<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 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\"><p>El editor se esforzar\u00e1 por crear una nueva p\u00e1gina y una experiencia de creaci\u00f3n de art\u00edculos que ayude a escribir entradas enriquecidas sin esfuerzo; el editor tiene \u00abbloques\u00bb para hacer f\u00e1cil lo que actualmente puede suponer el uso de shortcodes, HTML personalizado o descubrir c\u00f3mo incrustar \u00abcarne sospechosa\u00bb.<\/p><cite>Matt Mullenweg, 2017<\/cite><\/blockquote>\n\n\n\n<p>La informaci\u00f3n correspondiente a la fuente 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 elimines la fuente. Siempre es muy f\u00e1cil a\u00f1adirla de nuevo.<\/p>\n\n\n\n<p>Los bloques pueden ser cualquier cosa que necesitas. Por ejemplo, puede que quieras a\u00f1adir una cita sutil como parte de la composici\u00f3n de tu texto, o puede que prefieras mostrar una cita gigante y estilizad. Todas est\u00e1s opciones est\u00e1n disponibles en el insertador.<\/p>\n\n\n\n<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>\n\n\n\n<p>Puedes cambiar la cantidad de columnas de tus galer\u00edas, para lo cual pues arrastrar el deslizador del inspector de bloques, en la barra lateral.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Medios enriquecidos<\/h2>\n\n\n\n<p>Si combinas con las galer\u00edas las nuevas alineaciones <strong>ancha<\/strong> y <strong>anchura completa<\/strong>, podr\u00e1s crear un dise\u00f1o de elementos multimedia muy rico, 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 \"\/><\/figure>\n\n\n\n<p>Desde luego, la imagen de anchura completa puede ser muy grande. Pero a veces la imagen lo merece.<\/p>\n\n\n\n<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>\n\n\n\n<p>La de arriba es una galer\u00eda con solo dos im\u00e1genes. Es un modo sencillo de crear visualmente dise\u00f1os atractivos, sin tener que lidiar con los \u00abfloats\u00bb. 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>Cualquier bloque puede optar por estas alineaciones. El bloque de incrustaci\u00f3n tambi\u00e9n dispone de ellas, y es adaptable de forma inmediata.<\/p>\n\n\n\n<figure class=\"wp-block-embed-vimeo alignwide wp-block-embed is-type-video is-provider-vimeo wp-has-aspect-ratio wp-embed-aspect-16-9\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/vimeo.com\/22439234\n<\/div><\/figure>\n\n\n\n<p>Puedes construir cualquier bloque que quieras, est\u00e1tico o 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 de WordPress<\/cite><\/blockquote><\/figure>\n\n\n\n<p style=\"text-align:center\">\n\t<em>\n\t\tSi quieres aprender m\u00e1s sobre c\u00f3mo construir bloques adicionales, o si est\u00e1s interesado en colaborar con el plugin, ve al <a href=\"https:\/\/github.com\/WordPress\/gutenberg\">repositorio de GitHub<\/a>.\t<\/em>\n<\/p>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"https:\/\/github.com\/WordPress\/gutenberg\">Ayuda a construir Gutenberg<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p style=\"text-align:center\">\u00a1Gracias por probar Gutenberg!<\/p>\n\n\n\n<p style=\"text-align:center\"><img decoding=\"async\" draggable=\"false\" class=\"emoji\" alt=\"\ud83d\udc4b\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/1f44b.svg\"><\/p>\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 se compone de piezas de contenido \u2014algo parecido a los bloques de 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<p><a class=\"more-link btn\" href=\"https:\/\/cursoswp.educacion.navarra.es\/revista\/te-damos-la-bienvenida-al-editor-gutenberg-2\/\">Continue reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/posts\/941"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/comments?post=941"}],"version-history":[{"count":0,"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/posts\/941\/revisions"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/media?parent=941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/categories?post=941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/revista\/wp-json\/wp\/v2\/tags?post=941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}