{"id":590,"date":"2018-03-25T11:50:25","date_gmt":"2018-03-25T09:50:25","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?p=590"},"modified":"2018-03-25T22:28:25","modified_gmt":"2018-03-25T20:28:25","slug":"gutenberg-el-nuevo-editor-para-wordpress","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/","title":{"rendered":"Gutenberg, el nuevo editor para WordPress"},"content":{"rendered":"<p>Tanto la evoluci\u00f3n de las <a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/tendencias-del-diseno-web-actual\/\">tendencias en dise\u00f1o web<\/a> como la emergencia de aplicaciones y servicios que compiten claramente con WordPress (v\u00e9anse los casos de <a href=\"https:\/\/ghost.org\/es\/\" target=\"_blank\" rel=\"noopener\">Ghost<\/a>,\u00a0<a href=\"https:\/\/medium.com\/\" target=\"_blank\" rel=\"noopener\">Medium<\/a> o <a href=\"https:\/\/es.wix.com\/\" target=\"_blank\" rel=\"noopener\">Wix<\/a>), han llevado a los responsables de esta aplicaci\u00f3n a replantear en profundidad su sistema de edici\u00f3n y publicaci\u00f3n actual. Una de las consecuencias pr\u00e1cticas de este enfoque es\u00a0<a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/\" target=\"_blank\" rel=\"noopener\">Gutenberg<\/a>, el futuro editor de WordPress, que sustituir\u00e1 al editor actual a partir de la versi\u00f3n 5.0 de la aplicaci\u00f3n; aunque todav\u00eda no hay fecha decidida para la publicaci\u00f3n de esta versi\u00f3n, todo apunta a que tendr\u00e1 lugar en los pr\u00f3ximos meses de este a\u00f1o 2018.<!--more--><\/p>\n<h2>1. Principios inspiradores de Gutenberg<\/h2>\n<p>El principio esencial que inspira el dise\u00f1o del nuevo editor de WordPress es conseguir que los usuarios disfruten de una experiencia en la edici\u00f3n de entradas y p\u00e1ginas que haga m\u00e1s f\u00e1cil la creaci\u00f3n de dise\u00f1os de contenido enriquecido, capaz de integrar de forma simple, fluida y eficiente todo tipo de elementos: texto, im\u00e1genes, elementos multimedia, todo tipo de elementos incrustados, etc.<\/p>\n<p>Gutenberg basa la edici\u00f3n de contenidos en el concepto de \u00abbloque\u00bb, que es similar al de las \u00absecciones\u00bb que utilizan la mayor\u00eda de los editores visuales o constructores de p\u00e1gina, como por ejemplo <a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/el-plugin-elementor\/\">Elementor<\/a>. Para el nuevo editor, cualquier elemento accesible desde el editor (da igual que sea un p\u00e1rrafo de texto, una imagen, un v\u00eddeo un shortcode o cualquier elemento incrustable), es un bloque, y todos los bloques pueden ser tratados de la misma manera.<\/p>\n<p>De manera semejante a como se hace en <a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/los-mejores-editores-visuales\/\" target=\"_blank\" rel=\"noopener\">los editores visuales que ya hemos visto<\/a>, los bloques se pueden manipular y personalizar en Gutenberg\u00a0individualmente (el sistema para conseguirlo es id\u00e9ntico para todos ellos aunque, l\u00f3gicamente, cada bloque presenta distintas opciones); tambi\u00e9n se pueden mover y trasladar a voluntad, mediante sencillos dispositivos gr\u00e1ficos o, en su caso, la t\u00e9cnica de \u00abarrastrar y soltar\u00bb.<\/p>\n<h2>2. Escenarios de pr\u00e1ctica con el plugin Gutenberg<\/h2>\n<p>Dada la naturaleza \u00abexperimental\u00bb de Gutenberg, no vamos a realizar pruebas en ninguno de los blogs de pr\u00e1ctica del curso, y recomendamos a los alumnos y alumnas que no prueben tampoco el nuevo editor en sus propios sitios web (ni siquiera en blogs de prueba dentro de sus respectivos multisitios). En cambio, proponemos dos opciones diferentes, ambas totalmente seguras, para experimentar el funcionamiento del nuevo editor:<\/p>\n<ul>\n<li>Utilizar <a href=\"https:\/\/frontenberg.tomjn.com\/\" target=\"_blank\" rel=\"noopener\">Frontenberg<\/a>, que es una versi\u00f3n de Gutenberg creada por <a href=\"https:\/\/tomjn.com\/\" target=\"_blank\" rel=\"noopener\">Tom J. Nowell<\/a>, en la cual se puede editar directamente, sin necesidad de iniciar sesi\u00f3n. No es una versi\u00f3n completa del nuevo editor de WordPress, pero permite hacerse una idea muy precisa de su funcionamiento.<\/li>\n<li>Utilizar <a href=\"http:\/\/poopy.life\/\" target=\"_blank\" rel=\"noopener\">poopy.life<\/a>, un servicio online totalmente gratuito que permite generar instalaciones de WordPress totalmente operativas, que solo permanecen durante el tiempo en que se mantiene abierta la instalaci\u00f3n. Quienes opten por esta alternativa, que utilizaremos en la sexta sesi\u00f3n del curso, pueden instalar en sus sitios web temporales el plugin <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\">Gutenberg<\/a>, lo cual les permitir\u00e1 experimentar con \u00e9l a su entera conveniencia.<\/li>\n<\/ul>\n<p>Recomendamos acostumbrarse al nuevo editor, dado que, por las noticias que tenemos, la versi\u00f3n 5.0 de WordPress no lo va a plantear como una alternativa al editor actual, sino como el sistema por defecto de edici\u00f3n para todo el contenido de la aplicaci\u00f3n. Nos guste o nos guste, estaremos obigados a utilizarlo; por tanto, nos conviene a todos acostumbrarnos a \u00e9l lo antes posible.<\/p>\n<h2>3. Algunos recursos sobre Gutenberg<\/h2>\n<p>Quienes est\u00e9n interesados en saber m\u00e1s detalles sobre el nuevo editor de WordPress, pueden consultar los siguientes recursos:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/es\/blog\/gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener\">Conociendo el nuevo Gutenberg WordPress Editor (Pros y Contras)<\/a>.<\/li>\n<li><a href=\"https:\/\/wpnovatos.com\/gutenberg-nuevo-editor-visual-wordpress\/\" target=\"_blank\" rel=\"noopener\">Gutenberg: El nuevo editor visual de WordPress<\/a>.<\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Gutenberg\" target=\"_blank\" rel=\"noopener\">Gutenberg &#8211; WordPress Codex<\/a>.<\/li>\n<li><a href=\"https:\/\/tutorialwp.online\/gutenberg-wordpress\/\" target=\"_blank\" rel=\"noopener\">Gutenberg WordPress Editor<\/a>.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/\" target=\"_blank\" rel=\"noopener\">Introduction &#8211; The new Gutenberg editing experience<\/a>.<\/li>\n<li><a href=\"https:\/\/ayudawp.com\/del-proyecto-gutenberg-wordpress\/\" target=\"_blank\" rel=\"noopener\">\u00bfQu\u00e9 es eso del proyecto Gutenberg para WordPress?<\/a><\/li>\n<li><a href=\"https:\/\/www.hostinger.es\/tutoriales\/revision-gutenberg-pros-contras-del-nuevo-editor-wordpress\/\" target=\"_blank\" rel=\"noopener\">Revisi\u00f3n de Gutenberg: Pros y contras del nuevo editor de WordPress<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Principios de funcionamiento del nuevo editor para WordPress, y pr\u00e1cticas en sitios de prueba. Algunos recursos adicionales sobre Gutenberg.<\/p>\n","protected":false},"author":1,"featured_media":606,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":""},"categories":[9],"tags":[25,165,105],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gutenberg, el nuevo editor para WordPress - Curso de WordPress 2018<\/title>\n<meta name=\"description\" content=\"Gutenberg, el nuevo editor para WordPress. Principios de funcionamiento del nuevo editor para WordPress, y pr\u00e1cticas en sitios de prueba. Algunos recursos adicionales sobre Gutenberg.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg, el nuevo editor para WordPress - Curso de WordPress 2018\" \/>\n<meta property=\"og:description\" content=\"Gutenberg, el nuevo editor para WordPress. Principios de funcionamiento del nuevo editor para WordPress, y pr\u00e1cticas en sitios de prueba. Algunos recursos adicionales sobre Gutenberg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2018\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-25T09:50:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-25T20:28:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/03\/prensa.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/\",\"name\":\"Gutenberg, el nuevo editor para WordPress - Curso de WordPress 2018\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\"},\"datePublished\":\"2018-03-25T09:50:25+00:00\",\"dateModified\":\"2018-03-25T20:28:25+00:00\",\"author\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\"},\"description\":\"Gutenberg, el nuevo editor para WordPress. Principios de funcionamiento del nuevo editor para WordPress, y pr\u00e1cticas en sitios de prueba. Algunos recursos adicionales sobre Gutenberg.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gutenberg, el nuevo editor para WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\",\"name\":\"Curso de WordPress 2018\",\"description\":\"Curso avanzado sobre WordPress en el CAP de Pamplona\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"caption\":\"Administrador\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gutenberg, el nuevo editor para WordPress - Curso de WordPress 2018","description":"Gutenberg, el nuevo editor para WordPress. Principios de funcionamiento del nuevo editor para WordPress, y pr\u00e1cticas en sitios de prueba. Algunos recursos adicionales sobre Gutenberg.","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:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Gutenberg, el nuevo editor para WordPress - Curso de WordPress 2018","og_description":"Gutenberg, el nuevo editor para WordPress. Principios de funcionamiento del nuevo editor para WordPress, y pr\u00e1cticas en sitios de prueba. Algunos recursos adicionales sobre Gutenberg.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/","og_site_name":"Curso de WordPress 2018","article_published_time":"2018-03-25T09:50:25+00:00","article_modified_time":"2018-03-25T20:28:25+00:00","og_image":[{"width":1600,"height":900,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/03\/prensa.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/","name":"Gutenberg, el nuevo editor para WordPress - Curso de WordPress 2018","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website"},"datePublished":"2018-03-25T09:50:25+00:00","dateModified":"2018-03-25T20:28:25+00:00","author":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84"},"description":"Gutenberg, el nuevo editor para WordPress. Principios de funcionamiento del nuevo editor para WordPress, y pr\u00e1cticas en sitios de prueba. Algunos recursos adicionales sobre Gutenberg.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/gutenberg-el-nuevo-editor-para-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/"},{"@type":"ListItem","position":2,"name":"Gutenberg, el nuevo editor para WordPress"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/","name":"Curso de WordPress 2018","description":"Curso avanzado sobre WordPress en el CAP de Pamplona","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","caption":"Administrador"}}]}},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/590"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/comments?post=590"}],"version-history":[{"count":0,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/590\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media\/606"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media?parent=590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/categories?post=590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/tags?post=590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}