Creé (REALMENTE) un sitio web WordPress en 2026 usando Claude Design y Elementor

Visita Claude Design: https://claude.ai/design Importar diseño a WordPress: https://hostinger.com/darrel10 Obtén NovaMira gratis: https://www.darrelwilson.com/novamira Descarga Claude: https://claude.com/download En este tutorial de diseño web con Claude AI, te mostraré cómo crear un sitio web completo usando Claude AI, crear un sistema de diseño profesional y después importar ese sitio a WordPress para personalizarlo completamente con Elementor. Sitios web mencionados: https://designmd.ai/explore?page=1 https://getdesign.md/ Prompts de Evernote (migrados a Tiberium): https://tiberium.app/p/2FwUcExQQqN2 En este tutorial aprenderás a usar Claude Design para crear un sitio web y después llevar ese diseño a WordPress con Elementor para poder personalizarlo completamente. En lugar de utilizar un creador de sitios web con IA básico donde tienes que modificar prompts una y otra vez, este workflow combina lo mejor de ambos mundos: Claude te ayuda a crear un diseño web moderno y limpio, mientras que WordPress con Elementor te ofrece control total sobre el sitio final. También utilizaremos NovaMira para conectar Claude con WordPress. NovaMira permite que los agentes de IA accedan a WordPress mediante MCP, permitiendo que herramientas como Claude trabajen directamente con tu entorno WordPress en lugar de darte solo sugerencias o fragmentos de código. Según NovaMira, puede proporcionar acceso a archivos de WordPress, consultas de base de datos, comandos WP-CLI, ejecución PHP, plugins, temas y constructores de páginas como Elementor. En este video te mostraré todo el proceso: usar Claude Design para crear la estructura de tu sitio web, conectar Claude con WordPress mediante NovaMira y utilizar Elementor para editar y personalizar la página. Es perfecto para principiantes, diseñadores web, freelancers, agencias y cualquier persona que quiera crear sitios WordPress más rápido usando inteligencia artificial. Marcas de tiempo 0:00 Introducción 0:37 Por qué editar solamente en Claude resulta complicado 2:27 Abrir Claude Design (plan Pro, solo navegador) 3:05 Crear un sistema de diseño 3:39 Recurso 1: designmd.ai 4:29 Recurso 2: getdesign.md 5:37 Pegar un sistema de diseño en Claude 6:28 Crear un segundo sistema de diseño (Lamborghini) 8:05 Crear tu primera página web con IA 8:25 Las 3 formas de crear un sitio web 9:02 Método 2: usar un prompt preparado 9:31 Método 3: método de captura de pantalla 10:08 ThemeForest + extensión Go Full Page Screenshot 10:58 Prompts gratuitos (enlace de Evernote) 12:18 Completar el prompt 12:38 Añadir palabras clave SEO 13:01 Definir la dirección del diseño y las páginas 14:30 Ejecutar el prompt 15:23 Demo con captura de pantalla (tema Essentials) 16:28 Revisando el sitio web inmobiliario terminado 17:51 Revisando el sitio creado con captura de pantalla 19:22 Resumen antes de pasar a WordPress 19:44 Configurar hosting con Hostinger 19:59 Elegir un plan (recomendado Business) 20:37 Periodo de facturación 21:02 Código de descuento Darrel10 21:28 Crear cuenta y realizar pago 22:06 Preguntas de Hostinger e instalación de WordPress 23:56 Verificar dominio y cuenta 24:40 Iniciar sesión en tu sitio WordPress 25:51 Por qué instalamos plugins 26:16 Instalar el tema Astra 26:38 Instalar Elementor y WPForms 27:27 Instalar XPro 27:53 Por qué usar XPro (constructor gratuito de header y footer) 28:38 Instalar el plugin Nova Mirror 29:26 Ajustar configuraciones de Elementor 30:35 Instalar Node.js 31:36 Conectar WordPress con Claude 32:30 Descargar Claude Desktop 32:55 Editar la configuración para conectar 34:11 Descargar el proyecto en formato ZIP 34:29 Prompt de importación (enlace de Evernote) 35:13 Importar el sitio a WordPress 36:06 Revisar el sitio WordPress importado 37:40 Editar el sitio con Elementor 39:18 Corregir colores y fuentes globales 41:12 Diseñar el header y footer con XPro 44:25 Final Aprenderás a utilizar Claude para planificar tu sitio web, generar un diseño atractivo, estructurar tus páginas, mejorar tus textos y después personalizar todo dentro de Elementor. El objetivo es simple: usar la IA para acelerar el proceso de diseño manteniendo la flexibilidad y el control de WordPress. NovaMira está diseñado para entornos de desarrollo y staging. Su propio sitio recomienda utilizar copias de seguridad porque proporciona a la IA acceso avanzado a tu instalación de WordPress. Al finalizar este video entenderás cómo combinar Claude Design, WordPress, Elementor y NovaMira para crear un workflow moderno de creación de sitios web con inteligencia artificial.