Personalizar el editor Gutenberg con Ultimate Addons for Gutenberg

personalizar el editor Gutenberg

En diciembre de 2018, WordPress lanzó su nuevo editor: Gutenberg para WordPress o, simplemente, Gutenberg. Se trata de un editor de bloques que supera en muchos aspectos al antiguo editor por defecto. El editor ha evolucionado en estos años, incluyendo nuevos bloques. También se puede personalizar el editor Gutenberg  con nuevos plugins, como el Ultimate Addons for Gutenberg.

Qué podemos hacer con Ultimate Addons for Gutenberg

El editor Gutemberg cuenta con un amplio repertorio de bloques que nos ayudan a construir nuestra web fácilmente y sin necesidad de usar código. A pesar de ello, se echa en falta algunas opciones de bloques que sí que encontramos en otros editores profesionales más avanzados, como Divi o Elementor.

La solución fácil para paliar estas carencias  la tenemos -cómo no- instalando otros plugins que potencian las herramientas de Gutenberg. Este es el caso de Ultimate Addons for Gutenberg, el plugin que nos toca analizar hoy. 

A continuación, repasamos algunos de los bloques extras que incorpora.

Calificaciones con estrellas  

Gracias a este módulo, nuestros lectores pueden votar el artículo, calificándolo con estrellas de uno a cinco según les haya gustado. Es una forma más de interactuar con los lectores y medir su nivel de aceptación. 

Formularios  

El bloque de formulario de Ultimate Addons es muy completo. Cuenta con tres opciones para elegir:

  • de contacto simple
  • formulario de boletín
  • sugerencias

El bloque es editable.  Basta poner y quitar los campos que se adapten a nuestras necesidades, como  la casilla de verificación para cumplir con el RGPD. Con estos formularios es sencillo recabar nombres, teléfonos, email y  realizar pequeños cuestionarios con campos de respuestas alternativas y opciones. 

Pestañas 

El bloque de pestañas es un recurso habitual en cualquier web desde hace años y se echaba en falta en el nuevo editor. Este bloque muestra el contenido de forma atractiva y facilita la experiencia de uso de los lectores, ya que ayuda a maquetar mejor ciertos contenidos. También encontramos muchas opciones de estilo y  personalización. 

Bloque para reseñas 

Este bloque tiene opciones  muy interesantes y es ideal para webs que se dedican a hacer reseñas de productos, críticas de libros, música o cine. También para páginas de gastronomía o de viajes. Si necesitas valorar diferentes aspectos y lo quieras hacer con el clásico esquema de puntuación por estrellas, utiliza este bloque, que es todo un plugin en sí mismo. Permite puntuar diferentes aspectos, añadir fotografías, introducción, detalles de la reseña, etc.  

Encabezado avanzado

El encabezado avanzado es un bloque muy eficaz para maquetar y  hacer entradillas de los artículos desarrollando el título. El encabezado se completa, si así lo queremos, con más información. También tiene muchas opciones de estilo para que se adapte bien a nuestra web. 

Columnas avanzadas 

La columna avanzada tiene más opciones de diseño que las secciones normales de Gutenberg. Con una columna avanzada se consiguen crear sombras, bordes personalizados y otros interesantes efectos. 

Sección

El bloque sección es uno de los más interesantes y que más juego dan en cuanto a diseño. Con este bloque, podemos configurar el borde, color de fondo, sombras, etc. Nuestra página tendrá una apariencia más profesional. Por otro lado, este bloque se complementa muy bien con el de “columnas avanzadas”, ya que podemos incluir en la sección columnas avanzadas. 

Bloque de animaciones de Lottie  

En Lottie existen infinidad de animaciones, muchas de ellas gratuitas, con las que daremos un toque de color a nuestra página web; también reforzar el mensaje que queremos transmitir. Las animaciones de Lottie destacan por su viveza y atractivo visual. Se personalizan  en la propia web de Lottie y también con el menú de ajustes que trae el bloque incorporado. Solo tenemos que darnos de alta en su servicio, copiar la url de la animación que nos interese y pegarla en el bloque de Lottie.

Aquí tienes un ejemplo. 

https://assets7.lottiefiles.com/datafiles/dlzGwlfS0fkCJcq/data.json

Blockquote 

Con el bloque cita o blockquote es fácil introducir  textos de autores en nuestros contenidos. El bloque es muy personalizable y se pueden elegir estilo de la cita, colores y tipografías. También colocar un botón para tuitear directamente la cita.

Llamada a la acción

La llamada a la acción (CTA)  necesita diferenciarse y ser original para incitar a nuestros lectores a que hagan algo. Potencia la conversación en nuestra web. El bloque de llamada a la acción de Ultimate Addons cumple con creces estás expectativas, ya que dispone de un título atractivo y un botón con grandes opciones de diseño.

Línea de tiempo 

Este bloque es un complemento ideal para determinados textos, como artículos de historia, descripciones de  logros personales o empresariales, curriculum vitae, etc. Se incluyen encabezados y fechas para ordenar la línea de tiempo, además de contar con un espacio para la descripción de hito. Para añadir nuevos acontecimientos, solo tenemos que pulsar en la tecla +  al final de la línea para incluir un nuevo bloque anidado a esta.  

Contact Form 7 Styler  

Este bloque de Gutenberg ofrece grandes opciones de personalización a los formularios de de Contact Form 7, que, aunque son muy populares y versátiles, no destacan por su estilo precisamente. Si quieres que tus formularios no sean iguales que los de todos y que se adapten mejor a la estética de tu web, tendrás que echar mano de esta nueva opción de Gutenberg que te ofrece esta extensión. 

Cuadro de información 

El cuadro de información permite colocar una imagen o icono junto con un encabezado y una descripción dentro de un solo bloque. Puede seleccionar la imagen o el icono y escribir el contenido dentro del bloque; también personalizar el estilo. 

Lista de iconos 

Para hacer nuestro texto más atractivo y ameno, recurrimos a utilizar iconos. Con este bloque, se crean atractivas listas encabezadas por iconos. Con el menú ajustes, tenemos a nuestro alcance 72 iconos de diferentes temáticas. 

Google Map

Este bloque está destinado a integrar fácilmente un mapa de Google. Aunque no cuenta con muchas opciones de diseño y ajustes, es fácil hacer zoom sobre el mapa para buscar la localización que nos interese destacar. 

Botón de marketing 

 Con este bloque disponemos de un botón de marketing con el que mejorar nuestro CTA. El bloque es modificable a nuestro gusto, utilizando los bordes, colores e iconos que más se adapten a nuestro sitio. 

Botones múltiples

Con este bloque se incrustan fácilmente hasta cinco botones en un mismo lugar. Los botones son personalizables uno a uno y pueden tener su propio enlace a otra web o sección.

Carrusel de publicaciones  

Con el carrusel de publicaciones, estas se presentan en un deslizador, facilitando así la navegación por las entradas del blog. Son configurables aspectos como el orden, las categorías que queremos que aparezcan, el número de publicaciones, etc.  

Cuadrícula de publicaciones

Otra forma de presentar los enlaces a las publicaciones, en este caso en formato de cuadrícula. Permite elegir el número de publicaciones que aparecerán en la cuadrícula, así como  el número de columnas. 

Línea de tiempo de publicación

Este  bloque muestra las publicaciones de un  sitio web en una lista ordenada según las fechas de subida. El aspecto se puede modificar: elegir la imagen destacada, el contenido que se ve y el formato de fecha.

Lista de precios 

Una cuadrícula con lista de precios para presentar de forma atractiva y muy visual los importes que cobramos por nuestros productos o servicios. 

Muro de entradas

Las entradas del blog aparecen con un formato de muro de entradas. Se configura la visualización de las publicaciones y el contenido de la entradilla, también la imagen destacada. 

Equipo

Nos sirve para destacar la imagen y la información básica del equipo de nuestra empresa, colaboradores, etc. 

Si has llegado hasta aquí, ya sabes que es posible personalizar el editor Gutenberg. Aunque no esté al mismo nivel que otros editores de sobra conocidos, tendremos una poderosa herramienta gratuita con la que diseñar nuestra web. 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: FELIPE MARTINEZ MARTINEZ.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Scroll al inicio