246 | Atomic Blocks y Genesis Blocks [A fondo]

WordPress Semanal

En el episodio 246 de Wordpress Semanal te cuento en detalle cómo los plugins Genesis y Atomic Blocks potencian las posibilidades del editor de bloques de WordPress (Gutenberg).

¡Vamos allá!

Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify

Atomic Blocks y Genesis Blocks a fondo

En este episodio vamos a ver:

1. Atomic Blocks y Genesis Blocks: dos plugins que hacen lo mismo
2. Opciones de “layout”
3. Bloques de diseño
4. Bloques de estilo
5. Bloques de call to action
6. Bloques de contenido
7. Migrar de Atomic Blocks a Genesis Blocks

1) Atomic Blocks y Genesis Blocks: dos plugins que hacen lo mismo

• Añaden bloques extra para Gutenberg y opciones especiales para la maquetación
• Atomic Blocks es el plugin original
• Genesis Blocks es el sustituto
• De momento conviven los dos y tienen las mismas opciones
• Se pueden usar con cualquier theme (aunque no sea de Genesis)

2) Opciones de “layout”

• Inserta secciones y páginas pre diseñadas
• Los temas pueden aprovechar esto para añadir sus propias colecciones

3) Bloques de diseño

• Contenedor
  • Te da control total sobre los espacios estructurales de la web
  • Margin y padding a medida
  • Dentro puedes insertar otros bloques
• Columnas
  • Mejora el bloque de columnas nativo
  • Ofrece mucho más control en cuanto a disposición y control de los espacios

4) Bloques de estilo

• Drop cap (primera letra mayúscula)
• Spacer (espacio)

5) Bloques de call to action

• Botón
• Call to Action
• Newsletter (con Mailchimp)

6) Bloques de contenido

• Acordeón
• Avisos
• Grid
• Tablas de precios
• Caja de perfil
• Compartir en redes sociales
• Testimonios

7) Migrar de Atomic Blocks a Genesis Blocks

• Asistente de migración automático
• Si has modificado por css algún bloque, debes cambiar el prefijo de la clase (ac por bc)

Plugin de la semana

Prevent Direct Access – Protect WordPress Files te va a permitir proteger tus archivos de WordPress y evitar que Google, otros motores de búsqueda y usuarios no deseados indexen y roben tus documentos o vídeos.

Contenido recomendado para suscriptores

• Zona Código: vídeo 22 actualizado: Stylebot
• Curso de Genesis Blocks (antiguo Atomic Blocks)

Enlaces mencionados

• Plugin Genesis Blocks
• Plugin Atomic Blocks

Curso de Genesis Blocks (Atomic Blocks)

Aprende a utilizar todos los bloques y funcionalidades del plugin Genesis Blocks (antiguo Atomic Blocks).

👉 Ir al curso

La entrada 246 | Atomic Blocks y Genesis Blocks [A fondo] es una artículo de Gonzalo Navarro.