Cómo Crear una Web Profesional con WordPress y ChatGPT en 2 Horas: Guía Completa Paso a Paso

por | May 9, 2025 | Vídeo Tutoriales

🔴🖥️ HOSTING, DNS, WORDPRESS DESDE CERO | 08-05-2025 🚀 #wordpress #dns #hosting

  • El video comienza con una canción emotiva sobre vacaciones y buenos deseos del canal.
  • Tema repetido: “Vámonos de viaje sin rumbo, sin prisa. Disfrutemos la vida con una gran sonrisa”.
  • Se despide con esperanza de volver y compartir nuevas historias.

👨‍🏫 Bienvenida y Contexto del Directo

  • El presentador, David, da la bienvenida y comenta que transmite desde casa.
  • Explica la razón: su esposa tiene una entrevista y él no tiene coche.
  • Anuncia que trabajará en una nueva página web sobre peritajes informáticos.

🌐 Creación de Página Web en Vivo

  1. Dominio registrado: peritoinformatico.name.
  2. Configuración inicial:
    • Servidor, registros DNS y hosting listos.
    • Instalación de WordPress en el servidor.
  3. Plan del directo:
    • Explicación de qué es un dominio, DNS y hosting.
    • Demostración paso a paso para montar una web profesional.

🧠 Brecha digital y divulgación tecnológica

  • David explica que el canal busca reducir la brecha digital.
  • Fomenta el aprendizaje en directo y comenta cómo ChatGPT le ayuda a ordenar ideas.

👥 Interacción con la Comunidad

  • Saluda a usuarios de YouTube y Twitch.
  • Menciona problemas con suscripciones debido al aumento de precios en Twitch.
  • Promueve el apoyo al canal mediante la compra de su libro digital.

🖥️ Conceptos técnicos explicados

  1. Qué es un dominio y cómo funciona:
    • Relación dominio – dirección IP – servidor.
    • Explicación de DNS, registros A y AAAA, servidor web y seguridad con SSL.
  2. WordPress y hosting:
    • Instalación, plantillas, indexación, robots.txt.
    • Revisión de configuración desde panel Plesk.
  3. Explicación gráfica con GIMP:
    • Ilustración de dominios, subdominios y apuntes DNS.
    • Referencias a protocolos (HTTP, HTTPS, FTP, mail).

📧 Configuración avanzada de correo electrónico

  • Apuntes MX (Mail Exchanger):
    • Especifican a qué servidor deben llegar los correos electrónicos.
    • Se crea un subdominio tipo mail.midominio.name y se asocia con una IP.
    • Permite separar el servidor de correo del de la web.
  • Seguridad en los correos:
    • Explicación de SPF, DKIM y DMARC:
      • SPF: quién puede enviar correos desde tu dominio.
      • DKIM: firma digital para validar integridad del mensaje.
      • DMARC: qué hacer si SPF/DKIM fallan (rechazar, avisar, etc.).
    • Añadidos como registros TXT en el servidor de nombres.

🔐 Seguridad del dominio y SSL

  • Se detalla cómo configurar certificados SSL gratuitos con Let’s Encrypt.
  • Cómo añadir un TXT de validación para obtener el certificado.
  • Explicación técnica sobre cómo los certificados garantizan que el sitio es seguro.

🧪 Comprobaciones y herramientas útiles

  • Se utiliza MXToolbox para comprobar apuntes DNS.
  • Se muestran comandos como dig y nslookup para inspeccionar servidores de nombres.
  • Demostraciones de:
    • Registros A, MX, TXT, CNAME.
    • Verificación de propagación del dominio.
    • Búsqueda de errores en certificados.

🧰 Fundamentos de WordPress

  • Introducción técnica a WordPress:
    • Requisitos: PHP + base de datos (MySQL o MariaDB).
    • Archivos clave: wp-config.php (muy sensible).
    • Menús del administrador: entradas, medios, páginas, plugins.
  • Comentario sobre importancia de actualizaciones automáticas:
    • Más vale una web que se rompa por incompatibilidad que una vulnerable.

🧱 Diseño de la Web: Simplicidad ante todo

  • Se recomienda una landing page ligera y directa.
  • Páginas como Amazon se citan como ejemplo: enfocadas en la conversión inmediata.
  • La prioridad: rapidez de carga, accesibilidad y claridad en la información de contacto.

🛠️ Estructura de WordPress y Seguridad

  • Backoffice vs. Front Office: se explica la diferencia y funciones.
  • Creación y uso de categorías y etiquetas para organizar contenidos.
  • Configuración de la biblioteca de medios y protección contra ejecución de scripts PHP en carpetas públicas.
  • Se remarca no permitir comentarios ni registros si no son necesarios.

🔐 Seguridad en WordPress

  • Críticas al editor interno de WordPress por ser un posible vector de ataque.
  • Ejemplo: cómo un atacante podría ejecutar código malicioso si accede como administrador.
  • Recomendación: desactivar el editor desde el panel Plesk.

🎨 Temas y Plugins

  • Se comparan temas predeterminados con temas premium como DIVI.
  • Recomendación: usar la menor cantidad posible de plugins.
  • Se menciona ThemeForest como sitio confiable para plantillas y plugins.
  • Advertencia contra usar plugins piratas, ya que pueden contener malware.

👤 Usuarios y Accesos

  • Explicación del sistema de usuarios en WordPress.
  • Señala que muchos sitios revelan el usuario administrador por defecto (un fallo básico de seguridad).
  • Promueve el uso de emails con filtros y configuraciones SPF para seguridad.

📍 ChatGPT como Asistente Creativo

  • Se demuestra cómo usar ChatGPT para:
    • Crear descripciones breves del sitio.
    • Diseñar iconos con herramientas gráficas.
  • Ejemplo: cómo reducir una imagen a 512×512 píxeles y hacerla transparente.

🧪 Configuraciones finales

  • Ajustes generales como zona horaria, formato de fecha/hora y accesibilidad del sitio.
  • Reflexión sobre el uso de newsletter y decisiones estratégicas de crecimiento.
  • Muestra cómo configurar qué se muestra en la página principal (página estática o últimas entradas).
  • Configura la fuente RSS para mostrar solo extractos de las entradas.

⚙️ Configuración final de WordPress

  • Desactivación de comentarios para evitar spam y riesgos de seguridad.
  • Ajustes de medios, enlaces permanentes amigables y URL legibles para SEO.
  • Política de privacidad: se crea, modifica y ajusta manualmente con ayuda de ChatGPT.

🎨 Activación de Plantilla Divi

  • Instalación y activación de una plantilla premium (Divi).
  • Demostración de personalización de diseño desde el panel de administración.
  • Muestra cómo crear una landing page desde cero o con plantillas predefinidas.

🤖 Uso de Inteligencia Artificial con Divi

  • Se prueba la opción de «construir con IA»:
    • ChatGPT sugiere nombres y estructura de página.
    • Se generan imágenes automáticamente.
  • Comentario sobre cómo estas herramientas aumentan la productividad web.

✅ Finalización del Proyecto Web

  • Se crea y configura la página de inicio estática.
  • Personalización del logotipo y diseño general.
  • Reflexión del presentador sobre lo aprendido:
    • DNS, hosting, WordPress, seguridad, diseño y productividad digital.

🎤 Cierre del Directo

  • Agradecimiento a los espectadores.
  • Reafirma la misión del canal: reducir la brecha digital y fomentar la curiosidad tecnológica.
  • Frase final: «Fácil, fácil, sencillo, sencillo. Nos vemos en el siguiente vídeo.»