WordPress 5.0 y Gutenberg: Lo que necesitas saber

Sin duda, usted es consciente de WordPress 5.0, una actualización masiva que cambia por completo la forma en que creamos contenido a través de WordPress.

Si ha utilizado WordPress durante un tiempo, probablemente sepa cuánto ha cambiado la plataforma con el tiempo. Lo que alguna vez fue una simple herramienta de blogs se ha convertido en una plataforma integral de creación y gestión de sitios web.

WordPress 5.0 (llamado "Bebo") supone un cambio importante en la forma en que utilizamos la plataforma. Con esta actualización, el equipo de WordPress centró su atención en la usabilidad y la accesibilidad. Quieren que todo el mundo pueda diseñar sitios web impresionantemente bonitos y adaptables a móviles sin escribir código.

En este artículo, nos gustaría repasar las novedades de WordPress 5.0, explicar Gutenberg y cómo usarlo, y luego analizar cómo esto afecta a su plugin de pagos favorito, WP Simple Pay.

Características de WordPress 5.0

El equipo de WordPress tenía tres objetivos cuando desarrollaron WordPress 5.0:

1. Encontrar una forma para que los usuarios creen más contenido con elementos de diseño y multimedia enriquecidos en lugar de crear páginas sencillas con mucho texto.
2. Crear un estándar para interactuar con la interfaz de usuario para que la creación de sitios web sea intuitiva. No quieren que mezcle texto enriquecido, shortcodes, HTML, código pegado de otras plataformas y otros formatos. Quieren que solo utilice su sistema de bloques.
3. Hacer que las funciones principales sean descubribles. Quieren que vea los diferentes tipos de contenido justo delante de usted (vídeo, imágenes, divisores, columnas, etc.) para que no tenga que buscar en WordPress o hackear plugins de terceros.

Esos son objetivos ambiciosos, pero WordPress 5.0 los cumple todos. Vea su vídeo promocional:

Aquí tiene una lista de las principales actualizaciones que vienen con WordPress 5.0.

• WordPress ahora soporta oficialmente la versión 7.3 de PHP.
• El nuevo paquete de idioma de JavaScript le permite añadir cadenas traducibles directamente al código JS.
• Las meta cajas se guardan al pulsar el botón "vista previa".
• El borrador se guarda al pulsar el botón "vista previa".
• Optimización móvil mejorada.
• Puede recortar imágenes de fondo antes de publicarlas.
• Se añade la clase CSS wp-image para que pueda usar atributos de tamaño para las imágenes.
• Varias mejoras significativas en la API REST de WordPress (que ayuda a los desarrolladores a crear aplicaciones que se integran con WordPress).
• El editor clásico ha sido reemplazado por el editor Gutenberg (más sobre esto en un momento).

¿Por qué el equipo de WordPress hizo estos cambios?

En pocas palabras, WordPress tiene que competir con otras soluciones de creación de sitios web, como Squarespace, Wix, Shopify, etc. Sí, esas plataformas atraen a comunidades nicho, pero siguen siendo competidores para WordPress. La cuota de mercado de WordPress sigue creciendo, pero la de sus competidores también.

Nuevo tema: Twenty Nineteen

A los diseñadores de WordPress les gusta introducir un nuevo tema cada año. WordPress 5.0 también incluyó el tema predeterminado más reciente, Twenty Nineteen.

Como la mayoría de los temas del equipo de WordPress, Twenty Nineteen es moderno, minimalista, ligero y profesional. Es altamente personalizable y se ve genial en dispositivos móviles.

Lo más importante es que el nuevo tema está diseñado específicamente para el nuevo editor de bloques de Gutenberg. Dado que el editor de Gutenberg es completamente nuevo, es uno de los pocos temas disponibles que funcionan perfectamente. El equipo de WordPress dice que actualizará los temas antiguos de WordPress (hasta Twenty Ten) con el tiempo para adaptarse a Gutenberg.

Editor de bloques de Gutenberg

El nuevo editor es el cambio más drástico en WordPress 5.0. Reorganiza por completo la forma en que creamos contenido para páginas y entradas. Gutenberg ha estado disponible como un plugin independiente durante varios meses, por lo que es posible que ya hayas experimentado con él. Ahora es el editor predeterminado de WordPress.

“El objetivo que lo abarca todo de Gutenberg es una experiencia de creación de entradas y páginas que facilita la creación de diseños enriquecidos”, dice el equipo de WordPress.

Si alguna vez has utilizado un constructor de páginas como Thrive Architect, Elementor, Visual Composer o Beaver Builder, reconocerás el nuevo sistema predeterminado de WordPress.

Gutenberg es un sofisticado editor basado en bloques. En lugar de escribir o pegar tu contenido en un gran cuadro de texto, "construyes" contenido con bloques modulares.

Los diferentes bloques tienen diferentes propósitos. Por ejemplo, el bloque de imagen es para imágenes. El bloque de encabezado es para encabezados. El bloque de párrafo es para... lo has adivinado... párrafos. Cada bloque tiene un propósito específico y no puedes usarlos de otra manera.

WordPress 5.0 viene con más de 40 bloques predeterminados. Puedes instalar plugins adicionales de terceros con sus propios bloques. Si quieres más bloques, consulta Atomic Blocks, Stackable, Advanced Gutenberg Blocks o CoBlocks.

¿Cómo funciona Gutenberg?

Para añadir un bloque, simplemente selecciónalo del menú o haciendo clic en uno de los iconos "+" en tu página. Puedes mover bloques simplemente arrastrándolos a una nueva ubicación.

Este método de apilar bloques de contenido te da control sobre el diseño final sin tocar el código. ¿Quieres mover esa imagen encima de otro párrafo? Es un simple arrastre del ratón sin necesidad de reformatear ni dejar código duplicado en el HTML.

Además, los bloques de diseño ofrecen más funcionalidad de la que teníamos antes. Puedes crear columnas, separadores, botones y widgets (para shortcodes) de forma rápida y sencilla.

Cada bloque viene con su propio panel de configuración para que puedas construir tu contenido exactamente como quieras. Cuando haces clic en un bloque, un menú en el lado derecho de tu interfaz cambiará para mostrar la configuración de ese bloque.

Si creas un bloque que te gustaría usar en otro lugar (ya sea en esa página o en otro lugar de tu sitio), puedes guardarlo como reutilizable. Esto te da la capacidad de añadir rápidamente el bloque con esa configuración en esa página o en cualquier otra página.

Podrías pensar que este nuevo estilo de "construcción" para crear contenido es más complicado que simplemente escribir en un cuadro de texto, pero WordPress lo ha simplificado aún más añadiendo muchos atajos de teclado. Estos comandos te ayudan a añadir, eliminar y manipular bloques rápidamente para que puedas crear contenido velozmente.

Sin duda veremos muchas actualizaciones de tus plugins y temas favoritos en los próximos meses (si no han ocurrido ya). Querrán hacer cambios para adaptarse a Gutenberg.

Gutenberg y WP Simple Pay

¿Cómo afecta Gutenberg a WP Simple Pay?

Afortunadamente, no afecta mucho. Si quieres añadir un formulario de WP Simple Pay a una página, simplemente añade un nuevo bloque, busca el bloque Shortcode en la categoría Widgets, y luego pega tu shortcode.

Alternativamente, puedes pegar tu shortcode en un bloque de párrafo. El bloque debería convertirse automáticamente en un bloque de shortcode.

La belleza de Gutenberg es que el sistema de bloques mantendrá tu formulario de pago en su propia fila, por lo que no habrá un conflicto de formato con otros elementos de la página.

De Cara al Futuro

Si bien es posible instalar un plugin que recupere el editor clásico, te recomendamos que te familiarices con el editor de bloques tan pronto como puedas. Una vez que le cojas el truco, te darás cuenta de que puedes crear rápidamente páginas y entradas increíbles sin tocar código.

Francamente, creemos que Gutenberg y WordPress 5.0 son solo el comienzo de un cambio hacia la accesibilidad y el diseño de nivel profesional. WordPress —y otros sistemas de gestión de contenido— quieren que construyas todo tu sitio web en su plataforma, con la menor cantidad posible de herramientas de terceros.

Encontrarás muchas críticas en la web sobre el lanzamiento de Gutenberg y WordPress 5.0, pero estamos emocionados de ver cómo la gente lo usa y por el futuro de WordPress.

Ah, y si encuentras un error, ¡asegúrate de informarlo! WordPress depende de su comunidad devota para recibir comentarios para que puedan iterar continuamente sobre su producto.