Saltar al contenido

Atomic Blocks – Plugin de bloques para vitaminizar el Editor Gutenberg para WordPress

32vE0Cr

El nuevo editor te permite crear contenido hermoso usando bloques de contenido. Hay bloques para encabezados, galerías, columnas, botones, vídeos, etc. Gutenberg fue lanzado como el nuevo editor por defecto para WordPress en diciembre de 2018.

Millones de usuarios de WordPress han instalado el Editor Clásico para que puedan continuar usando el viejo editor para crear contenido; sin embargo, muchos propietarios de sitios web están empezando a apreciar lo que Gutenberg puede hacer. Una de las razones es el creciente número de plugins de la colección Gutenberg que amplían Gutenberg ofreciendo bloques de contenido adicionales y más opciones.

En este artículo, me gustaría mostrarles Atomic Blocks; que es uno de los mejores plugins de la colección Gutenberg disponible en WordPress.org.

¿Qué ofrecen los bloques atómicos?

Originalmente desarrollado por Mike McAlister, Atomic Blocks fue adquirido por la compañía temática de WordPress StudioPress y la compañía de hosting de WordPress WP Engine (junto con la tienda Mike’s Array Themes). Los desarrolladores de WordPress Mark Sabbath y John Parris también han contribuido al plugin.

Atomic Blocks WordPress Plugin

Los bloques atómicos se pueden descargar gratuitamente de WordPress.org. Alternativamente, puede instalarlo directamente en su área de administración de WordPress.

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

The Future of Site Building

Esta página enumera 11 bloques: Publique la cuadrícula, el contenedor, la llamada a la acción, el testimonio, el aviso en línea, el compartir iconos, el perfil del autor, el acordeón, el botón personalizable, la tapa de la gota, el espaciador y el divisor.

Available Content Blocks in Atomic Blocks

Cuatro bloques adicionales que no están listados en la página de inicio están disponibles en Gutenberg: Diseños, columnas avanzadas, precios y boletín de noticias.

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.

Atomic Blocks List

El área de introducción también contiene una lista de preguntas y respuestas comunes sobre Gutenberg y los bloques atómicos.

Getting Started with Atomic Blocks

La clave de la API de MailChimp se puede introducir en la página de configuración de Atomic Blocks. Esto es necesario si desea utilizar el bloqueo del boletín informativo.

Atomic Blocks Settings

Curiosamente, Atomic Blocks apoya 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 aparece incluso como plugin en la página de AMP para WordPress, ya que Atomic Blocks añade soporte para AMP incorporado en cada bloque.

Creación de layouts con bloques atómicos

Atomic Blocks incluye secciones y diseños prediseñados para ayudarle a dar forma a sus páginas.

El selector de diseño se puede seleccionar de la lista de bloqueos o del botón de diseños en la parte superior de cada página. Actualmente hay ocho secciones y cuatro layouts.

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

Layout Selector

Dos diseños de lanzamiento de productos están disponibles como diseños. También hay un diseño para empresas y otro para autónomos.

Product Launch Layout

El bloque de contenedores se puede utilizar para colocar varias secciones en una sección y luego se puede ajustar usando relleno, márgenes, colores de fondo e imágenes.

Siempre he encontrado que el bloque de columnas por defecto de Gutenberg es frustrante, ya que automáticamente tiene dos columnas por defecto. A continuación, deberá ajustar el bloque para añadir columnas adicionales.

Atomic Blocks maneja mejor las columnas. Cuando se selecciona el bloque de columnas, se puede seleccionar de una a seis columnas. Si selecciona dos, tres o cuatro columnas, obtendrá una selección de disposiciones que muestran las columnas en diferentes anchos.

Atomic Blocks Columns

Atomic Blocks le ofrece un control considerablemente mayor sobre los diseños que el editor Gutenberg predeterminado. 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

Las disposiciones, los bloques de contenedor y de columnas se visualizan en su área de contenido al añadir un nuevo bloque.

Layout Buttons

Los 12 bloques restantes se pueden utilizar para mejorar el contenido.

En la captura de pantalla que se muestra a continuación puede ver un ejemplo de los bloques drop cap, testimonial, espaciador y notice. Todos son fáciles de usar y hay una buena selección de opciones para cada bloque que le ayudarán a modificar el texto y los colores.

Styling Your Content with Atomic Blocks

El bloque de cuadrícula de contabilización y de página es un bloque útil. Puede seleccionar el número de columnas para mostrar los mensajes, los tipos de mensajes que se muestran y la longitud de ejercicio. La meta información también se puede activar y desactivar.

Posts and Page Grid

El bloque de tabla de determinación de precios es una buena adición. Para cada producto puede definir el título, la descripción, el precio, las múltiples características y el 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 mesa.

The Pricing Table Block

Otro bloque útil es el bloque de la llamada a la acción. Usted podría utilizar esto para promover un boletín de noticias o promocionar un nuevo producto que está vendiendo.

Adopta un diseño simple: Título, descripción y botón. El botón es conectable y puede ajustar los colores e incluso asignar una imagen de fondo si lo desea.

Call to Action Block

En general, me impresionaron los bloques que se ofrecieron.

Los diseños de los bloques se ven bien, son fáciles de usar y ofrecen muchas opciones de estilo.

El tema de los bloques atómicos

Los desarrolladores de Atomic Blocks también han publicado un tema gratuito de WordPress del mismo nombre. Fue diseñado para ser usado con Gutenberg y el plugin de Atomic Blocks.

El tema de los bloques atómicos tiene un diseño mínimo. Hay algunas opciones para el tema dentro del personalizador de temas de WordPress; sin embargo, en comparación con la mayoría de los demás temas de WordPress, es bastante limitado.

Atomic Blocks Theme

A través del personalizador puede ajustar el ancho del área de contenido, añadir una barra de búsqueda a su menú de navegación, seleccionar el estilo y el tamaño de la fuente y cambiar el eslogan de pie de página.

El tema de los bloques atómicos puede ser adecuado para aquellos de ustedes que quieren un diseño mínimo de blog, pero no hace lo suficiente para destacar entre la multitud.

Reflexiones finales

Encontrará muchos plugins de la colección Gutenberg en WordPress.org, sin embargo, Atomic Blocks está considerado como uno de los mejores.

Sus secciones y distribuciones predefinidas, y su versátil sistema de columnas, mejoran una zona en la que Gutenberg está ausente. También hay una buena variedad de bloques relacionados con el contenido y todos ellos le dan control sobre el estilo.

¿Usar/usar bloques atómicos? Pensamientos?

Comparte esto:

  • Twitter
  • Facebook
  • LinkedIn
  • Más
  • Reddit
  • Imprimir
  • Correo electrónico

Por Kevin Muldoon

Kevin Muldoon es un blogger profesional con un amor por los viajes. Escribe regularmente sobre marketing en Internet en su blog personal y habla activamente sobre tecnología en YouTube.

Mensajes relacionados

OFERTAS SUPERIORES

Themify

Ahorre un 20% en cualquier compra de Themify!

MaxCDN

Ahorre un atractivo 25% en MaxCDN!

WP Engine

Hasta 4 meses gratis con WP Engine!

 

(ver todas las ofertas)

Comentarios (política)

Dejar una respuesta Cancelar respuesta

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

Comentario

Nombre*

Correo electrónico

Sitio web

Notificarme de los comentarios de seguimiento por correo electrónico.

Todos los comentarios se guardan para su moderación. Sólo publicaremos comentarios que estén relacionados con el tema y que se ajusten a nuestra política de comentarios.

Nuestro formulario de comentarios también soporta el uso de Markdown.