Máster en GeneratePress y GenerateBlocks Pro para Desarrolladores
Avanzado (busco especializarme) · 8 módulos · 22 vídeos · Creado por Mariano Pérez Caro (Mpc)
Aprenderás a construir sitios web ultra rápidos y dinámicos utilizando las herramientas más avanzadas de maquetación, control de hooks y datos dinámicos sin penalizar el rendimiento.
Añade este curso a tu lista para seguirlo y guardar tu progreso. Se contará como un curso creado en tu cuenta.
Módulo 1. Elementos Avanzados y Hooks en GeneratePress Premium
Dominar el sistema de Hooks e inserts condicionales para inyectar bloques personalizados en cualquier parte de la plantilla.
Lección 1⏱ 21:01DeXafio
Hook Elements con condiciones lógicas complejas
Cómo hacer la estructura de la home de nuestro sitio web con GeneratePress y GenerateBlocks
En este video vamos a ver cómo están construidos los bloques de la home de la plantilla Donate de GeneratePress® Premium, editar, crear y eliminar bloques, crear efectos de sombreado, efectos de movimiento, resaltados, efectos en hover y mucho más. Tu mejor plan de Hostinger aquí: https://www.hostg.xyz/SHH6J Podemos…
Lección 2⏱ 5:36Adam Wright Design
Diseño de Cabeceras Dinámicas (Page Hero)
How to Create a Dynamic Page Hero Design in GeneratePress & GenerateBlocks
I was working on a website build the other day, and wanted the ability to insert a different background image, but maintain global settings/design. With this approach, you can do just that! -- Learn More about GenerateBlocks: https://generateblocks.com/ Learn More about GeneratePress: https://generatepress.com/ Check…
Lección 3⏱ 21:26The Admin Bar
Custom Layouts para maquetación condicional de secciones
Recreating an EPIC layout in GenerateBlocks (my #1 hack for getting better at design & development)
Have you ever stumbled upon a stunning design layout on the internet and wondered, "How did they do that?" Me too! Recreating impressive designs has been one of my secret weapons for honing my skills, and today, I want to bring you along for the ride! In this video, I dive into a visually striking section I found on a…
Módulo 2. Sistema de Diseño y Clases Globales con GenerateBlocks Pro
Aprender a estructurar un sistema de diseño consistente utilizando estilos y clases globales para agilizar el desarrollo.
Lección 1⏱ 8:24Jonathan Jernigan
Uso del Administrador de Clases Globales (Global Styles)
No More Classes Names with GenerateBlocks Global Styles
I got asked in my Facebook group about whether the lack of classes in GenerateBlocks is something that’s a missing link for me as compared to a tool like Bricks or Oxygen. The short answer to your question is no, I don’t miss having a class first builder. In this video, I’ll explain why that is and give you practical…
Lección 2⏱ 6:47GeneratePress
Configuración centralizada de fuentes y paletas de colores CSS
How to Style Patterns to Match Your Website in GenerateBlocks
This video shows how to customize the styles of patterns found in the GenerateBlocks pattern library so they match your sites styling. We'll touch on how patterns inherit theme styles such as font families and font styling, as well as how to customize elements like buttons to use your theme colors. Pattern Global…
Lección 3⏱ 15:24webempresa.com
Creación y exportación de patrones de bloques reutilizables
Cómo crear bloques reutilizables en Gutenberg
Cómo crear bloques reutilizables en Gutenberg ⬇️ ⬇️ ⬇️ ⬇️ Un bloque reutilizable puede ser creado a partir de cero, en una Entrada o Página, o utilizando bloques ya añadidos en una publicación, a los que se les aplican ajustes específicos y luego se pueden agrupar para guardarlos como un tipo de bloque reutilizable a…
Módulo 3. Query Loop Avanzado y Estructuras de Contenido
Construir bucles de contenido dinámico personalizados para mostrar entradas y portfolios con diseños a medida.
Lección 1⏱ 2:17:25Ryan Welcher Codes
Configuración del bloque Query Loop para Custom Post Types
Live Stream: Jan 12, 2023 | Gutenberg 14.9 | Advanced Query Loop | WordPress Tutorial
This video initially streamed on January 12, 2023, looks at some WordPress developer-focused changes in the Gutenberg 14.9 release. Additionally, we add the ability to query multiple post types in my Advance Query Loop plugin. 0:00 Intro. 3:30 Starting to review some dev-focused items in Gutenberg 14.9 5:12 Shadow…
Lección 2⏱ 6:17Jonathan Jernigan
Filtros, exclusión de posts y ordenación personalizada en el bucle
How to Use WP Grid Builder to Filter GenerateBlocks Query Loop
WP Grid Builder has been for some time now my preferred way to add filters to your WordPress site. Filtering posts of any kind by categories or custom taxonomies, adding search fields and more can all be done with WP Grid Builder facets. In this tutorial, I show you how to get WP Grid Builder working with the…
Lección 3⏱ 33:17The Admin Bar
Maquetación de rejillas (Grids) asimétricas dinámicas para el blog
Dynamic Blog Page in GenerateBlocks 2.0 → New for 2025 ← Query Loop, CSS Grid, & Unique Tweaks!
With GenerateBlocks 2.0 and GeneratePress, there's a new process to create a dynamic blog layout that pulls in your posts automatically. In this video, I walk through: ✅ Setting up a custom blog loop using GenerateBlocks ✅ Styling a 3-column grid layout that adapts to different screen sizes ✅ Connecting dynamic data…
Módulo 4. Integración de Datos Dinámicos con ACF y Pods
Conectar los bloques de GenerateBlocks Pro con campos personalizados para generar portales dinámicos autónomos.
Lección 1⏱ 5:49Como hacer una pagina
Mapeo de campos de texto y numéricos avanzados de ACF
Añadir DATOS DINÁMICOS de ACF en GeneratePress
📍 Instawp: https://go.comohacerunapagina.es/instawp 📍 GeneratePress: https://swiy.co/generatepress 📍 ACF: https://es.wordpress.org/plugins/advanced-custom-fields/ En este video tutorial, se explica cómo añadir campos dinámicos en la plantilla Generate Press y cómo crear una plantilla personalizada para usar esos…
Lección 2⏱ 6:54WPStackable
Inserción dinámica de imágenes de fondo, galerías y enlaces de ACF
Stackable: Using Dynamic Content in Reusable Blocks
🚨 Please note that Stackable has just released a new and improved user interface! While this video may show the old UI, we are currently in the process of updating our Learn videos to reflect the new changes. Check out our Learn video highlighting the new UI here: https://www.youtube.com/watch?v=RukT93hvzn8…
Lección 3⏱ 24:40Adam Wright Design
Diseño completo de la plantilla Single Post mediante bloques dinámicos
Blog Post Template Design with Dynamic Content in GeneratePress & GenerateBlocks
As an update to my initial blog post template video, I've recorded a new version with the latest versions of GP/GB. This is just a sample design I created in Figma, but you can use the same concept to create your own in GeneratePress Premium and GenerateBlocks. - Learn More about GenerateBlocks:…
Módulo 5. Maquetación de Alta Precisión con Flexbox y CSS Grid
Crear estructuras visuales complejas alineando elementos con absoluto control del contenedor de GenerateBlocks.
Lección 1⏱ 8:35Philip Gledhill
Dominio absoluto del eje principal y secundario en contenedores Flexbox
GenerateBlocks 2 Using FlexBox Settings to Justify, or Align, Content in Containers.
GenerateBlocks 2 has alignment settings for space between, space around, as well as align top, centre, and bottom. But, you have to select the correct parent element to make those settings work. This video shows how to apply flexbox to the correct parent element.. 0:00 Intro and Overview 1:21 Starting From Scratch…
Lección 2⏱ 13:32Academia de Hostinger
Ajustes responsivos y puntos de ruptura personalizados para tabletas y móviles
Guía Completa de Gutenberg en WordPress (2026)
¡Crea tu Web con Hostinger!👉 https://bit.ly/4gRLoNy 💥 ¡Usa el código de descuento AHWP10 para obtener un 10% de DESCUENTO! Quieres personalizar tu sitio web en WordPress sin complicaciones? En este video, te enseñaré cómo usar Gutenberg, el editor de WordPress, para diseñar y modificar tu página de manera fácil y…
Módulo 6. Efectos Visuales, Animaciones y Atributos Personalizados
Enriquecer la experiencia de usuario aplicando micro-interacciones, efectos hover y atributos para maquetación interactiva.
Lección 1⏱ 12:28Adam Wright Design
Creación de transiciones, filtros CSS y sombras al pasar el cursor
4 Hover Effects for Buttons using GenerateBlocks Global Styles
📰 Become a Design to Dollars subscriber & receive design tips that make cents: https://adamwrightdesign.com/subscribe Looking to help add a subtle effect to your buttons on hover? In this video, I show you 4 different button hover styles that I personally use on sites I build. With GenerateBlocks Global Styles, you…
Lección 2⏱ 13:29Addison Hall Design
Uso de Custom Attributes para triggers JS, accesibilidad y modales
Yes, you can still hide elements in GenerateBlocks based on post meta
Previous versions of GenerateBlocks allowed for container/block visibility based on post meta fields. If you miss that feature, there's actually another way using custom data attributes. While I normally go for the Block Visibility plugin (link below), this little trick can work in a pinch. Enjoy! LINKS (some are…
Lección 3⏱ 9:14The Admin Bar
Estructuras plegables: Tabs y Acordeones dinámicos avanzados
Create a Pricing Toggle with GenerateBlocks Pro (it's so dang easy!)
In this video, I'm going to show you one of the ways I'm using the new Tabs block in GenerateBlocks Pro to create a pricing toggle. The Tabs block unlocks so many cool possibilities, and this just scratches the surface! [ Video Created and Produced by Kyle Van Deusen ] 👏 COMMUNITY Join our free community:…
Módulo 7. Optimización del Rendimiento (WPO) y Código Limpio
Reducir al mínimo la carga del sitio web optimizando los assets generados por el maquetador.
Lección 1⏱ 12:01DeXafio
Configuración de carga CSS (Inline vs Archivo externo) y manejo de SVGs
Los Mejores Plugins Pro para WordPress® de WPMUDEV®
Los complementos de WordPress son herramientas indispensables para completar las funcionalidades de tu sitio web; estos mejorarán la funcionalidad y la experiencia del usuario en tu casa digital. Existen muchísimos plugins con funcionalidades diferentes, te aconsejamos instalar sólo aquellos que necesites para tu…
Lección 2⏱ 1:59Gabi Florensa - Tutoriales de WordPress en Español
Desactivación de componentes no utilizados y modularidad de recursos
🚀 Plugin para Mejorar el PageSpeed y Velocidad en WordPress (WP ROCKET)
Cómo optimizar el SEO de tu web mejorando el PageSpeed con Wp Rocket 👇 Abre la descripción para Enlaces/Más... Enlaces mencionados: ➜ TOP 5 PLUGINS SEO: https://www.youtube.com/watch?v=3KbTWgYpRnA ➜ TUTORIAL WP ROCKET: https://www.youtube.com/watch?v=VK1Wgp-OVhc&t=119s ➜ Enlace al Plugin WP ROCKET:…
Módulo 8. Proyecto Final: Réplica e Implementación de un Directorio Dinámico
Desarrollar un sitio de catálogo dinámico optimizado partiendo de un boceto para consolidar el flujo avanzado.
Lección 1⏱ 9:17Guia Español
Traducir un diseño complejo (Figma/Sketch) a bloques de GenerateBlocks
Cómo Convertir un Diseño de Figma a un Sitio Web de WordPress (2026) – Guía Paso a Paso
Cómo Convertir un Diseño de Figma a un Sitio Web de WordPress (2026) – Guía Paso a Paso En este vídeo, también hemos cubierto Convierte un diseño de Figma a un sitio WordPress en 2026: prepara estilos, exporta assets, replica secciones con un constructor visual y optimiza rendimiento (tipografías, imágenes, CSS).…
Lección 2⏱ 6:36David Lozano
Desarrollo de una estructura de directorio web interactiva con buscador
Tutorial de ACF en WordPress ⌛ Ahorra MUCHO TIEMPO diseñando webs
👇 Así pasé de 400€ a +10.000€ por web https://heroesdeldiseno.com/basicos/ =============================== ¿Diseñas páginas web y sientes que pierdes horas repitiendo tareas? Este tutorial te va a ahorrar cientos de horas al año usando una herramienta gratuita que ya deberías estar dominando: Advanced Custom Fields…
Lección 3⏱ 5:44Chrome for Developers
Auditoría de rendimiento, SEO técnico y accesibilidad del portal
Auditorías de Lighthouse con Herramientas para desarrolladores para agentes
Mejora tus sitios web con las auditorías de Lighthouse de Herramientas para desarrolladores para agentes. Descubre cómo puedes ...