Del artefacto al template - Single CPT (Servicio)
Maquetamos la single del CPT servicio de forma que salga bien a la primera y utilizando la IA de forma inteligente.
Ver lección
Serie
Curso de diseño de páginas web con WordPress DESDE CERO para PROFESIONALES
Esta serie supone la puerta de entrada del aprendizaje WordPress pero desde un punto de vista profesional. Aprende WordPress desde el principio, desde cero, pero con la base más solida posible.
38 lecciones
Volver a las Series
Lecciones
Contenido relacionado
MCP + Abilities API + IA
Analizamos a fondo como configurar servidores MCP para tus webs WordPress y como crear abilities para poder ejecutar cualquier funcionalidad que se te ocurra.
Ver lección
MI OPINIÓN sobre los BUILDERS
Os traigo mi opinión sobre los builders, comparativa, y en qué acierta o falla cada uno.
Ver lección
De un vistazo | Bricks
Echamos un vistazo a cómo sería el flujo de trabajo en Bricks respecto a la creación de clases, variables y gestión de estilos.
Ver lección
De un vistazo | Elementor V4 Editor
Repasamos el funcionamiento del nuevo editor de Elementor, su versión 4. Admite clases y variables, pero... ¿da la talla?
Ver lección
De un vistazo | Trabajando con FSE (Editor del sitio)
Echamos un vistazo al funcionamiento de los temas de bloques. ¿Es lo que recomiendo para nuestro tipo de proyectos? NO. Hay que saber cómo funcionan? SIN DUDA.
Ver lección
De un vistazo | Trabajando con CÓDIGO + IA
Vamos a ver diferentes formas de trabajo en el curso, y vamos a comenzar por la más "pura". A código. Eso sí, al final del vídeo te enseño cómo puede ayudarnos la IA si tenemos bien definidas las bases.
Ver lección
Cómo usar Tailwind de forma sencilla con WindPress
Si lo que quieres es utilizar un framework existente y estandarizado en lugar del tuyo propio, te enseño cómo puedes instalar Tailwind en WordPress de forma muy sencilla con el plugin WindPress.
Ver lección
Sistema de diseño CSS - De la idea a tu framework
En este vídeo trasladamos la idea de diseño a un sistema de css con variables, componentes y utilidades.
Ver lección
Creando la estructura con IA | JetEngine MCP
Conectamos VS Code con JetEngine MCP para poder crear la estructura web usando inteligencia artificial y echamos un vistazo rápido al command center.
Ver lección
Crea tu primer PLUGIN propio y aprende a crear shortcodes parametrizados
Aprende a crear tu primer plugin para WordPress y a crear tus propios shortcodes parametrizados.
Ver lección
Todo sobre las Queries de WordPress
Aprende a sacar cualquier lista de objetos de WordPress con una Query. WP_Query, tax_query, meta_query, WP_User_Query, $wpdb...
Ver lección
Aprende a usar las FUNCIONES de WordPress más importantes
Descubre las funciones de WordPress más importantes. Serán las piezas clave en el desarrollo de cualquier funcionalidad a medida.
Ver lección
Fundamentos de PHP orientado a WordPress
Aprendemos lo básico y fundamental de PHP para que cuando generes código por tu cuenta o con la IA te enteres de la idea principal.
Ver lección
Crea tu propio tema de WordPress desde cero
Os enseño a crear un tema para WordPress desde cero y de qué archivos imprescindibles se compone. Será la base para el workflow más potente y controlable que existe. La creación de temas a medida con código y la ayuda de la IA como asistente.
Ver lección
Preparación de GitHub Copilot | Inteligencia Artificial en Visual Studio Code
Preparamos Visual Studio Code para trabajar con un asistente de inteligencia artificial de la mano de GitHub Copilot.
Ver lección
Contenido dinámico, medios personalizados e iconografía
Os enseño a preparar las columnas de administración para los contenidos dinámicos, tamaños de medios personalizados y svgs para iconografía.
Ver lección
El Editor de Bloques de WordPress (Gutenberg)
Analizamos el editor de bloques de Gutenberg y cómo trabajar con él, sus bloques y opciones.
Ver lección
Contenido VS Diseño: Cómo meter correctamente el contenido
Os explico mi visión acerca del error de mezclar diseño y contenido. Algo que el propio Editor de Bloques de WordPress permite. Y esto, lo siento, pero me parece mal.
Ver lección
Páginas de opciones: A código VS con JetEngine
Gracias a las páginas de opciones podemos controlar valores de forma global en nuestra web para facilitarnos la vida tanto a nosotros como a nuestro cliente.
Ver lección
Custom Content Types: A código VS con JetEngine
Creamos tablas adicionales en la base de datos (CCTs) para trabajar con datos que o bien son privados, o bien queremos usarlos sin que haya una single pública con url.
Ver lección
Campos personalizados: A código VS con JetEngine
Crea campos personalizados para dotar de contenido adicional estructurado a tus elementos de WordPress. Os lo enseño con código y con JetEngine.
Ver lección
Taxonomías: A código VS con JetEngine
Crea taxonomías para poder clasificar los posts en categorías o cualquier otro tipo de término personalizado. Os lo enseño con código y con JetEngine.
Ver lección
Custom Post Types: A código VS con JetEngine
Aprende como crear Custom Post Types (CPT) desde código o utilizando el mejor plugin de estructuras: JetEngine.
Ver lección
Fundamentos CSS: Estilos visuales, animaciones y responsive
Terminamos con los fundamentos de CSS ahondando en temas como contenedores, fondos, degradados, estilos visuales, animaciones, breakpoints y más.
Ver lección
Fundamentos CSS: Unidades, Box Model, Flex, Grid y principios de la maquetación
En esta lección repasamos todo lo necesario para saber posicionar cualquier elemento a nuestro gusto. ¡Utilizamos box model, analizamos los tipos de unidades de medida, flexbox, grid y más!
Ver lección
Fundamentos CSS: Selectores y especifidad
Llega la hora del CSS. De los estilos. Para empezar, hablemos acerca de selectores y especifidad. Si no sabemos a qué le podemos dar estilo, mal vamos... así que, ¡al lío!
Ver lección
Fundamentos de HTML
No te vas a poner a diseñar webs a medida sin tener nociones de HTML. No en nuestra comunidad, así que, ¡Al lío!
Ver lección
Ajustes básicos de WordPress
Repasamos los ajustes de WordPress para preparar la instalación para el desarrollo.
Ver lección
La idea visual del diseño
Nos adentramos poco a poco en el mundo del diseño y os enseño diferentes partes del proceso creativo a la hora de diseñar una página web.
Ver lección
Definiendo la estructura de datos
Sin esta parte, prepárate para dolores de cabeza. Es vital crear un esquema de la estructura de datos que tendrá el sitio web. ¡Vamos a ello!
Ver lección
Material y contenido
Charlamos un poquito acerca del material y los contenidos para la web. ¡Es importante hacer esta parte antes de empezar a diseñar!
Ver lección
Wireframes y HTML semántico
Visualizamos la estructura de los elementos en un esquema visual o wireframe y aprendemos las etiquetas HTML semánticas más importantes-
Ver lección
Planificación y objetivos
Comenzamos con la parte más importante de un proyecto exitoso: la planificación y definición de los objetivos.
Ver lección
Los plugins: primer contacto
Tenemos nuestro primer contacto con los plugins de WordPress. Qué son, qué tienen y para qué sirven.
Ver lección
Los temas: primer contacto
Tenemos nuestro primer contacto con los temas de WordPress. Qué son, qué tienen y para qué sirven.
Ver lección
La base de datos: primer contacto
Aprende cómo se guarda la información en WordPress y qué estructura tiene su base de datos para tener una buena base en tus proyectos.
Ver lección
Principios del desarrollo web con WordPress
Comenzamos el curso entendiendo de verdad qué es WordPress y cómo se manejan los datos, el diseño y las funcionalidades de forma separada.
Ver lecciónAcceso
Accede a esta Serie desde la Comunidad
La Serie organiza el contenido. El acceso completo vive dentro para miembros activos.