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.
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.
El área de inicio también enumera preguntas y respuestas comunes sobre Gutenberg y Atomic Blocks.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.