Bloques atómicos: ¿uno de los mejores complementos de bloques de Gutenberg / WordPress?

Ofertas de WordPress


Gutenberg, lanzado como el nuevo editor predeterminado para WordPress en diciembre de 2018, le permite crear contenido hermoso usando 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 editor anterior 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 los Bloques Atómicos, uno de los mejores complementos de la colección Gutenberg disponibles en WordPress.org.

¿Qué ofrecen los bloques atómicos??

Originalmente desarrollado por Mike McAlister, Atomic Blocks fue adquirido por la empresa de temas de WordPress StudioPress y administrado por la empresa de alojamiento de WordPress WP Engine (junto con la tienda de temas Array de Mike). Los desarrolladores de WordPress Marcos Schratzenstaller y John Parris también han contribuido al complemento.

Los Bloques Atómicos se pueden descargar de forma gratuita desde WordPress.org, o puede instalarlo directamente dentro de su área de administración de WordPress.

El futuro de la construcción del sitio

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, compartir iconos, perfil de autor, acordeón, botón personalizable, capitular y separador y divisor.

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 los Bloques atómicos.

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 el proyecto de páginas móviles aceleradas (AMP) de Google, que fue creado para mejorar los sitios web para usuarios móviles.

Atomic Blocks 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 el 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 de Gutenberg predeterminado es frustrante, ya que automáticamente se establece en dos columnas, 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 diseño..

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 usarse 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.

El tema 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á 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 te dan control sobre el estilo.

Te animo a que revises los Bloques Atómicos por ti mismo para obtener una apreciación completa de lo que puede hacer..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me