{"id":8028,"date":"2019-05-29T14:53:53","date_gmt":"2019-05-29T14:53:53","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=8028"},"modified":"2024-02-02T18:10:48","modified_gmt":"2024-02-02T18:10:48","slug":"gutenberg-wordpress-5-0","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/gutenberg-wordpress-5-0\/","title":{"rendered":"Todo sobre WordPress 5.0 Gutenberg"},"content":{"rendered":"\n

Si eres usuario de WordPress o te has informado para crear una nueva p\u00e1gina web, hayas o\u00eddo hablar de sus editores. En concreto el \u00faltimo proyecto \u2018Gutenberg es el nuevo editor \u00a0de la plataforma WordPress.<\/a><\/strong><\/span>
Se dice que el editor de WordPress Gutenberg cambia la forma de construir las p\u00e1ginas webs en WordPress.<\/strong>\u00a0Ya que, es uno de los mayores cambios y novedades que ha lanzado recientemente el CMS.<\/span><\/p>\n\n\n\n

\u00bfQu\u00e9 es Gutenberg?<\/strong><\/h2>\n\n\n
\n
\"Gutember<\/figure><\/div>\n\n\n

El <\/span>editor Gutenberg<\/span> es un plugin<\/span> el cual, permite la maquetaci\u00f3n de p\u00e1ginas<\/strong> para poder construir nuevos proyectos web en la plataforma de WordPress 5.0.<\/span>
Lo que permite Gutenberg es poder personalizar las p\u00e1ginas de nuestra web de manera sencilla. A base de bloques que se ir\u00e1n a\u00f1adiendo sin necesidad de tener conocimientos de c\u00f3digo.<\/strong><\/span>
B\u00e1sicamente es una adaptaci\u00f3n del editor cl\u00e1sico a un editor backend m\u00e1s potente.<\/strong>  Adem\u00e1s, de estar adaptado a las necesidades de los usuarios.<\/span>

Con el editor Gutenberg, lo que se puede hacer es construir las p\u00e1ginas mediante bloques desde el propio backend de WordPress<\/span> de una forma muy similar a los ya conocidos constructores.<\/span>
Se puede construir y ver el resultado de la p\u00e1gina desde el propio back-end.<\/strong> Lo que es una gran novedad para WordPress. Y que podr\u00eda llegar a sustituir en un futuro la mayor\u00eda de constructores que hoy en d\u00eda usamos. siendo un problema para muchos y una ventaja para otros.<\/span>
 <\/p>\n\n\n\n

\n

El editor crear\u00e1 una nueva experiencia de creaci\u00f3n de p\u00e1ginas y entradas que har\u00e1 que escribir publicaciones enriquecidas no conlleve esfuerzo alguno, y que tendr\u00e1 \u00abbloques\u00bb para hacer f\u00e1cil lo que actualmente requiere shortcodes, HTML personalizado, o los imprevisibles incrustados autom\u00e1ticos. \u2014 Matt Mullenweg<\/span><\/i><\/p>\n<\/blockquote>\n\n\n\n

 <\/h2>\n\n\n\n

\u00bfQu\u00e9 son los bloques?<\/strong><\/h2>\n\n\n\n

Los bloques desde WordPress<\/span> los definen como: el t\u00e9rmino utilizado para describir unidades c\u00f3digo HTML que, juntas, forman el contenido o el dise\u00f1o de una p\u00e1gina web.<\/strong><\/span>
Para poderla entender todos, los bloques est\u00e1n formados por uno o varios formatos de contenido. Incluyen texto, im\u00e1genes, videos y mas complementos.<\/span><\/span>
El usuario elige la mejor forma de organizar los bloques.<\/strong> Tanto dentro de una publicaci\u00f3n como en una p\u00e1gina, simplemente movi\u00e9ndolos de lugar.<\/span>
Como objetivo pretende conseguir dise\u00f1os atractivos<\/strong> para los contenidos, sin tener que conocer ni usar c\u00f3digo HTML.<\/span><\/span><\/p>\n\n\n\n

 \"Gutemberg<\/h2>\n\n\n\n

Compatibilidad<\/strong><\/h2>\n\n\n\n

Las publicaciones son compatibles con versiones anteriores, y los shortcodes seguir\u00e1n funcionando<\/strong>. Est\u00e1n explorando continuamente c\u00f3mo se pueden acomodar metaboxes<\/span> altamente personalizados, y  buscando soluciones que van desde un plugin para deshabilitar Gutenberg hasta detectar autom\u00e1ticamente si cargar Gutenberg o no.<\/span>
Si bien WordPress quiere asegurarse d<\/span>e que la nueva experiencia de edici\u00f3n desde la escritura hasta la publicaci\u00f3n sea f\u00e1cil de usar<\/strong>. Se comprometieron a encontrar una buena soluci\u00f3<\/span>n para sitios existentes altamente personalizados.<\/span>
 <\/p>\n\n\n\n

Las etapas de Gutenberg<\/strong> <\/span><\/h2>\n\n\n\n

Gutenberg tiene tres etapas planificadas.<\/strong> La primera, destinada a la inclusi\u00f3n en WordPress 5.0.Por lo que,  se centra en la experiencia de edici\u00f3n posterior y la implementaci\u00f3n de bloques<\/strong>. <\/span>
 El uso de bloques, permite enfocarse en c\u00f3mo se ver\u00e1 su contenido sin la distracci\u00f3n de otras opciones de configuraci\u00f3n.<\/strong> Esto finalmente ayudar\u00e1 a todos los usuarios a presentar su contenido de una manera atractiva, directa y visual.<\/span><\/span>
Estos elementos allanar\u00e1n el camino para las etapas dos y tres. planificadas para el pr\u00f3ximo a\u00f1o, para ir m\u00e1s all\u00e1 de la publicaci\u00f3n en plantillas de p\u00e1gina.<\/strong> Y, en \u00faltima instancia, la personalizaci\u00f3n completa del sitio.<\/strong><\/span>
 <\/p>\n\n\n\n

Ventajas e inconvenientes de Gutenberg<\/strong><\/h2>\n\n\n\n

Lo mejor de Gutenberg<\/em><\/h3>\n\n\n\n

\u21d2 L<\/span><\/strong><\/span>impieza de interface.<\/strong> Todo bien organizado y el \u00e1rea de trabajo es muy clara y limpia.<\/span><\/span>
\u21d2 Cantidad de bloques existentes.<\/strong> Si lo comparamos con el editor cl\u00e1sico, Gutenberg viene con un mont\u00f3n de<\/span> opciones.<\/span><\/span><\/span>
\u21d2 Incluye una visualizaci\u00f3n r\u00e1pida de encabezados <\/span><\/b>(H2, H3, H4\u2026)<\/span>, algo que el editor cl\u00e1sico y otros constructores no incorporan por defecto.<\/span><\/span>
\u21d2 <\/span>R<\/strong>endimiento del plugin es bueno. <\/b>Tanto en ordenadores como en m\u00f3viles, por lo que no ralentizar\u00e1 la web ni afectar\u00e1 negativamente<\/span><\/span> su uso.<\/span>
\u21d2 <\/span>Es muy f\u00e1cil de utilizar.<\/b> Por lo que la curva de<\/span> aprendizaje es m\u00e1s corta<\/span> que la del editor cl\u00e1sico de WordPress.<\/span>
\u21d2<\/span> E<\/span><\/span>dici\u00f3n del c\u00f3digo HTML.<\/span><\/strong> S<\/span>i quieres editar el HTML de la entrada en el editor cl\u00e1sico, ver\u00e1s todo el c\u00f3digo de la entrada de principio a fin. Con Gutenberg podr\u00e1s editar el c\u00f3digo bloque a bloque, algo que facilita mucho trabajar con la parte HTML del contenido.<\/span>
 <\/p>\n\n\n\n

Lo peor de Gutenberg<\/em><\/h3>\n\n\n\n

X<\/span><\/strong>\u00a0Podr\u00eda ser incompatible<\/b>\u00a0con algunos plugins<\/span> o temas de WordPress.
X<\/span><\/strong>\u00a0Las\u00a0columnas no se adaptan bien<\/b>\u00a0a los dispositivos m\u00f3viles o tabletas.
X<\/span><\/strong>\u00a0Est\u00e1 a\u00fan\u00a0muy lejos de otros constructores\u00a0<\/b>como Elementor o Divi<\/span>, los cuales permiten personalizar mucho m\u00e1s nuestras p\u00e1ginas sin necesidad de saber c\u00f3digo.
X<\/strong>\u00a0S<\/span><\/strong><\/span>eparaci\u00f3n de un mismo texto en varios bloques .<\/strong>Deberia poder ser\u00a0 un \u00fanico bloque con varios p\u00e1rrafos dentro<\/span>.
X\u00a0\u00a0<\/span>No es f\u00e1cil seleccionar los objetos:<\/strong>\u00a0cuando tienes varios bloques creados y algunos de ellos est\u00e1n anidados en otros, como puede ocurrir dentro del bloque \u2018Columnas\u2019<\/span>, no resulta nada c\u00f3modo diferenciarlos a la hora de seleccionar uno u otro.
\u00a0
\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"

Si eres usuario de WordPress o te has informado para crear una nueva p\u00e1gina web, hayas o\u00eddo hablar de sus editores. En concreto el \u00faltimo proyecto \u2018Gutenberg es el nuevo editor \u00a0de la plataforma WordPress.Se dice que el editor de WordPress Gutenberg cambia la forma de construir las p\u00e1ginas webs en WordPress.\u00a0Ya que, es uno […]<\/p>\n","protected":false},"author":234,"featured_media":8043,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[23],"tags":[],"class_list":{"0":"post-8028","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-diseno-web"},"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/8028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/234"}],"replies":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/comments?post=8028"}],"version-history":[{"count":2,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/8028\/revisions"}],"predecessor-version":[{"id":40020,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/posts\/8028\/revisions\/40020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/8043"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=8028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/categories?post=8028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/tags?post=8028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}