← Cursos creados

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…

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis

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…

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis

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…

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis

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:…

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis

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…

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis

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:…

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis

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:…

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis

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

Recomendado

Haz el test y descubre qué negocio online deberías crear hoy según tus conocimientos, pasiones y las oportunidades del mercado

Hacer el test gratis