Jetpack es uno de los plugins más usados y conocidos dentro de WordPress. En un artículo anterior vimos algunos de los módulos dentro de Jetpack más interesantes que tiene. Y es que una de las características más interesantes de este complemento es la cantidad y diversidad de módulos que posee, que van desde funciones de SEO, creación de galerías de imágenes, hasta formularios de contacto o mejora de la velocidad de nuestra web. Pero en la actualización 6.8 que salió hace unos días, incorporó otro aspecto interesante: nuevos bloques para Gutenberg.
Como está pasando en muchos complementos y temas, están pasando por un proceso de cambios para adaptarse a WordPress 5.0. Y más concretamente, para amoldarse y no tener incompatibilidades con Gutenberg. El nuevo editor es la gran novedad, y el campo de batalla entre los que ven un paso necesario para modernizar el editor, y los que piensas que es una idea que se queda en tierra de nadie.
Ya centrándonos en la actualización de Jetpack, los nuevos bloques que nos añade son los siguientes: inserción de mapa, Markdown, creación de formulario de contacto, y sistema de pago. Nos centraremos en los tres primeros, para ver como añadirlos a nuestras entradas y/o páginas, y repasar algunas de sus características.
Pero antes de nada, vamos a ver como activar los módulos necesarios para que nos aparezcan estos nuevos bloques para Gutenberg.
Activar módulos de Jetpack
Como hemos dicho, Jetpack se compone de diferentes módulos. En su plan de precios vemos que características trae cada tipo de suscripción. Y cuales deberíamos tener activas para que nos aparezcan los tres bloques que vamos a ver en este artículo.
En mi caso, estoy trabajando en local. No lo hago por casualidad ya que, al traer tantos cambios la nueva versión de WordPress, aun no es recomendable instalarlo en nuestras web en vivo. Mejor probar estas nuevas características en un entorno en el que, si tenemos problemas, podamos borrar todo sin lamentaciones. Una buena idea es tener un WordPress en local en una Raspberry Pi, tal como vimos hace unos meses.
En esta instalación en local, vamos a activar el modo desarrollador de Jetpack, que nos da acceso a todos los módulos del plugin. Para hacer, es tan sencillo como agregar esta línea de código en el archivo wp-config.php:
define( 'JETPACK_DEV_DEBUG', true );Hay que cerciorarse que situamos esta línea justo antes de otra que dice /* That’s all, stop editing! Happy blogging. */ line dentro del archivo. Una vez que guardemos los cambios, iremos a la pantalla de ajustes de Jetpack, y en la parte inferior de la pantalla, pincharemos en Depuración.
Dentro de depuración, buscaremos un link que dice Acceso a la lista completa de módulos de Jetpack disponibles en tu sitio. Clicamos en ese link, y veremos todos los módulos de Jetpack. Sois libre de poder activar todos los módulos para comprobar el potencial que tiene este plugin.
Pero hemos venido a ver las novedades con respecto a Gutenberg. Así que, una vez activados los módulos, volvemos nuestros pasos atrás para abrir una nueva entrada o página, y ver que nos depara esta característica.
Usos de Bloques de Jetpack
Si nunca has usado Gutenberg, te recomendamos que leas nuestro artículo de introducción a este nuevo editor. Ahí te mostramos las bases de esta nueva forma de crear contenido en WordPress, y que puede resultar útil para lo que nos queda de artículo.
Sin más dilación, veamos que nos traen estos nuevos bloques para Gutenberg.
Bloque de Mapa
El bloque de mapa hace que insertar un mapa en una página de WordPress sea más sencillo que nunca. Simplemente, buscamos el bloque dentro del catálogo que tenemos en Gutenberg. Este bloque lo encontramos dentro de una subsección nueva que se nos habrá creado, llamada Jetpack. O simplemente, podemos encontrarlo usando el buscador. Una vez lo tengamos localizado, pulsamos sobre el icono y veremos algo así en nuestro editor.
Para usarlo, tendremos en primer lugar crearnos una cuenta en Mapbox, e insertar el token con nuestro mapa. Lo bueno de usar Mapbox es que podemos tener en nuestra web un mapa completamente personalizado. Entre otros aspectos, podemos seleccionar el tipo de vista para el mapa, crear puntos de interés o recorridos. Muy útil si tenemos un negocio, y queremos resaltar su localización dentro de nuestro mapa.
Bloque de Formulario
Posiblemente el bloque que muchos vais a considerar como el más interesante de este listado. Como ya hemos visto en SiloCreativo, hay infinidad de plugins para la creación de formularios en WordPress. Estando Jetpack entre ellos. Algo normal, ya que el formulario de contacto es una de las páginas que consideramos como imprescindibles cuando estamos construyendo un blog.
Si alguna vez habéis creado un formulario de contacto en WordPress, lo más usual es crearlo dentro de una nueva sección que nos habilitará el plugin que hayamos instalado. Una vez creado, obtendremos un shortcode que pegaremos en la página donde estará el formulario. Pero con este nuevo bloque que nos trae Jetpack, cambiamos por completo este workflow.
Lo primero, será elegir el bloque Form dentro de nuestro listado de bloques. Una vez agregado el bloque, nos pedirá el correo electrónico donde llegarán los mensajes del formulario, y el asunto con el que queremos que nos llegue. Una vez añadamos estos dos datos, tendremos el bloque así.
Ya hemos llegado a la parte divertida. Por defecto, tendremos cuatro campos: nombre, e-mail, website y mensaje. Campos que podremos dejar, borrar o añadir otros nuevos, gracias al botón de añadir bloque que tendremos justo debajo de los campos que ya aparecen. Entre ellos, un número de teléfono, una selección mediante una lista desplegable, o un selector de fecha en calendario
Tendremos libertad total para tener todos los campos que consideremos necesarios. Y, por supuesto, posicionarlos en el orden que queramos dentro del formulario.
Bloque de Markdown
Aunque no soy un gran fan de Markdown, se que muchos lo usáis con asiduidad. Y es que este lenguaje invención de John Gruber y Aaron Swartz tiene una legión de seguidores por su sencillez con respecto a HTML para escribir textos ricos. Y por ello, los desarrolladores de Jetpack no se han olvidado de él, y han creado un bloque específico.
Una vez agregado el bloque, simplemente tendremos una campo de texto donde podemos escribir con este lenguaje. Tan simple como eso. Si quieres saber más sobre Markdown, te aconsejo que eches un vistazo a su sintaxis, Quizás te conviertas en otro amante de este lenguaje,
En definitiva, como podéis ver, los plugins mas reconocibles empiezan a abrazar Gutenberg. Lo más seguro es que durante la próximas semanas nos vayan llegando noticias sobre plugins y temas que se van adaptando a WordPress 5.0 y sus cambios. Y es que, a pesar de todas las quejas que está recibiendo el nuevo editor de WordPress, ha llegado para quedarse. Por lo que a los desarrolladores no les queda mas remedio que adaptarse para no quedarse atrás.
Como siempre, esperamos que os haya servido este artículo. Tenéis los comentarios abiertos para decirnos que otros plugins conocéis que añadan funcionalidades a Gutenberg. Seguro que entre todos podemos aumentar aun más las funcionalidades del nuevo editor.
