Bloques at√≥micos: ¬Ņuno de los mejores complementos de bloques de Gutenberg / WordPress?

Gutenberg, lanzado como el nuevo editor predeterminado para WordPress en Diciembre 2018, le permite crear contenido hermoso utilizando bloques de contenido, con opciones para encabezados, galerías, columnas, botones, videos y más.

Millones de usuarios de WordPress han instalado el Editor cl√°sico para que puedan seguir usando el antiguo editor para crear contenido. Sin embargo, muchos propietarios de sitios web est√°n comenzando a apreciar lo que Gutenberg puede hacer. Una raz√≥n para esto es el creciente n√ļmero de complementos de colecci√≥n de Gutenberg que lo extienden al ofrecer bloques de contenido adicionales y m√°s opciones.

En este artículo, veremos Bloques atómicos Рuno de los mejores complementos de colección de Gutenberg disponibles en WordPress.org.

¬ŅQu√© ofrecen los bloques at√≥micos?

Originalmente desarrollado por Mike McAlister, Atomic Blocks fue adquirido por la compa√Ī√≠a de temas de WordPress StudioPress y administr√≥ la compa√Ī√≠a de alojamiento de WordPress WP Engine (junto con la tienda Mike’s Array Themes). Desarrolladores de WordPress Marcos Schratzenstaller y John Parris Tambi√©n han contribuido al complemento.

Los bloques atómicos pueden ser descargado gratis de WordPress.org, o puede instalarlo directamente dentro de su área de administración de WordPress.

Después de activar el complemento, verá una página de inicio. Debajo hay una lista de bloques disponibles.

Esta página enumera 11 bloques: cuadrícula de publicaciones, contenedor, llamado a la acción, testimonio, aviso en línea, iconos para compartir, perfil de autor, acordeón, botón personalizable, capitular y separador y separador.

Bloques de contenido disponibles en bloques atómicos

Cuatro bloques adicionales que no figuran en la p√°gina de inicio est√°n disponibles en Gutenberg: dise√Īos, columnas avanzadas, precios y bolet√≠n informativo.

El bloque de dise√Īos tambi√©n se puede seleccionar desde un bot√≥n de dise√Īos dedicado en la parte superior de la p√°gina.

Lista de bloques atómicos

El área de inicio también enumera preguntas y respuestas comunes sobre Gutenberg y Atomic Blocks.

Comenzando con los bloques atómicos

Su clave API de MailChimp se puede ingresar en la página de configuración de Bloques atómicos, que es necesaria si desea utilizar el bloque de boletín informativo.

Configuración de bloques atómicos

Curiosamente, Atomic Blocks es compatible con Google Páginas móviles aceleradas (AMP) proyecto, que fue creado para mejorar los sitios web para usuarios móviles.

Bloques atómicos es incluso aparece como un complemento en la página AMP para WordPress, ya que Atomic Blocks tiene soporte para AMP integrado en cada bloque.

Crear dise√Īos con bloques at√≥micos

Atomic Blocks incluye secciones y dise√Īos predise√Īados para ayudarlo a dar forma a sus p√°ginas.

El selector de dise√Īo se puede elegir de la lista de bloqueo o del bot√≥n de dise√Īos en la parte superior de cada p√°gina y, en este momento, hay ocho secciones y cuatro dise√Īos.

Hay secciones para un encabezado, servicios (tres y cuatro columnas), medios y texto, lista de texto e imagen, miembros del equipo, testimonios e información de contacto con el mapa.

Selector de dise√Īo

Dos dise√Īos de lanzamiento de productos est√°n disponibles como dise√Īos, y tambi√©n hay un dise√Īo para empresas y otro para aut√≥nomos.

Dise√Īo de lanzamiento de producto

El bloque contenedor se puede usar para colocar varios bloques individuales en un contenedor, que se puede usar para crear secciones en su sitio. A continuación, puede definir el relleno, los márgenes, los colores de fondo y las imágenes para esa sección.

Siempre he encontrado que el bloque de columnas Gutenberg predeterminado es frustrante, ya que autom√°ticamente toma dos columnas por defecto, y luego debe ajustar el bloque para agregar columnas adicionales.

Atomic Blocks maneja mejor las cosas: cuando selecciona el bloque de columnas, puede elegir de una a seis columnas, y si selecciona dos, tres o cuatro, se le ofrece una selecci√≥n de dise√Īos que los muestran en diferentes anchos.

Columnas de bloques atómicos

Atomic Blocks le brinda un control mucho mayor sobre los dise√Īos que el editor Gutenberg predeterminado, pero me encantar√≠a ver a los desarrolladores construir sobre su sistema de dise√Īo e introducir m√°s secciones, m√°s dise√Īos y estructuras adicionales de columnas y filas.

Los bloques de contenido

Los bloques de dise√Īos, contenedores y columnas se muestran en su √°rea de contenido al agregar un nuevo bloque.

Botones de dise√Īo

Los 12 bloques restantes se pueden usar para mejorar su contenido.

En la siguiente captura de pantalla, puede ver un ejemplo de los capitulares, testimoniales, espaciadores y bloques de avisos. Todos son fáciles de usar, y hay una buena selección de opciones para cada bloque para ayudarlo a modificar texto y colores.

Dale estilo a tu contenido con bloques atómicos

El bloque de cuadr√≠cula de publicaciones y p√°ginas es √ļtil y le permite seleccionar el n√ļmero de columnas para mostrar las publicaciones, qu√© categor√≠as de publicaciones se muestran y la longitud del extracto. La metainformaci√≥n tambi√©n se puede activar y desactivar.

Publicaciones y cuadrícula de página

El bloque de la tabla de precios es una buena adici√≥n. Para cada producto, puede definir el t√≠tulo, la descripci√≥n, el precio, las funciones m√ļltiples y un bot√≥n Comprar ahora. Todo lo que tiene que hacer es hacer clic en la parte que desea editar.

Las secciones de color y relleno est√°n disponibles para cada parte de la tabla.

El bloque de tabla de precios

Otro bloque √ļtil es el llamado a la acci√≥n. Puede usar esto para promocionar un bolet√≠n informativo o promocionar un nuevo producto que est√° vendiendo.

Adopta un dise√Īo simple: t√≠tulo, descripci√≥n y bot√≥n. El bot√≥n se puede vincular, y puede ajustar los colores e incluso asignar una imagen de fondo si lo desea.

Llamado a la Acción Bloque

En general, estoy impresionado por los bloques que se ofrecen.

Los dise√Īos de bloques se ven bien, son f√°ciles de usar y cuentan con muchas opciones de estilo.

El tema de los bloques atómicos

Los desarrolladores de Atomic Blocks tambi√©n han lanzado un tema gratuito de WordPress del mismo nombre, dise√Īado para ser utilizado con Gutenberg y el complemento Atomic Blocks.

El tema Bloques at√≥micos tiene un dise√Īo minimalista. Hay algunas opciones para el tema dentro del personalizador de temas de WordPress, pero, en comparaci√≥n con la mayor√≠a de los otros temas de WordPress, es bastante limitado.

Tema de bloques atómicos

A trav√©s del personalizador, puede ajustar el ancho del √°rea de contenido, agregar una barra de b√ļsqueda a su men√ļ de navegaci√≥n, seleccionar el estilo y tama√Īo de fuente y cambiar el lema del pie de p√°gina.

Tema de bloques at√≥micos puede ser adecuado para aquellos de ustedes que desean un dise√Īo de blog m√≠nimo, pero no hace lo suficiente para destacar entre la multitud.

Pensamientos finales

Encontrarás muchos complementos de la colección Gutenberg en WordPress.org, pero Atomic Blocks es considerado uno de los mejores.

Sus secciones y dise√Īos predefinidos, y su vers√°til sistema de columnas, mejoran un √°rea en la que falta Gutenberg. Tambi√©n hay una buena variedad de bloques relacionados con el contenido y todos ellos le dan control sobre el estilo.

Te animo a echa un vistazo a los bloques atómicos para que usted obtenga una apreciación completa de lo que puede hacer.