Curso Diseño Web WordPress + Elementor y Woocommerce 2026

Introducción a WordPress: diferencias wordpress.org y wordpress.com.

1. Escritorio (Dashboard):Página inicial que muestra un resumen del sitio, actualizaciones, y actividad reciente.

Menú Principal (Lateral izquierdo):

• Entradas:Para gestionar las publicaciones del blog (artículos).
  1. Entrada de Blog: Las entradas son contenido dinámico, cronológico y categorizado.
  2. Editar entrada o página: seleccione abrir el editor o utilizando Edición rápida para modificar detalles como etiquetas o estado sin abrir el editor completo.
• Medios:Biblioteca para imágenes, videos y archivos.
• Páginas:Gestión de contenido estático.
• Comentarios:Moderación de mensajes de usuarios.
• Apariencia:Configuración de temas, menús y widgets.
  1. Menús: permitiendo organizar enlaces a páginas, entradas, categorías o URLs.
  2. Temas: Los temas son conjuntos de archivos que definen la apariencia, el diseño y la estructura funcional de un sitio web o aplicación, permitiendo cambiar su aspecto sin modificar el contenido, especialmente en plataformas como WordPress. 
• Plugins:Herramientas para añadir nuevas funcionalidades al sitio.
  1. Plugins específicos para SEO: para mejorar la seguridad y redes sociales.
• Usuarios:Gestión de cuentas, perfiles y roles (administrador, editor, suscriptor).
• Herramientas y Ajustes:Configuración general, de lectura, escritura y enlaces permanentes.
  1. Documento: creación de nuevo documento, configuración, tipos de documentos y unidades de medida.

Barra Superior (Toolbar): Enlaces rápidos para ver el sitio, añadir nuevo contenido, y gestionar el perfil de usuario. 

Editor de Contenidos (Gutenberg)

1. Área de contenido: Donde se redactan las entradas o páginas mediante bloques.
2. Barra lateral de ajustes: Configuración específica del documento (página/entrada) o del bloque seleccionado.

Hosting & Dominio: Ambos son indispensables para que una web funcione. 

Panel de administración: (WP-Admin) es el centro de control centralizado para gestionar sitios web.

Instalación Servidor: local o remoto

cPanel: Permite administrar dominios, correos electrónicos, archivos, bases de datos y seguridad, facilitando tareas como la instalación de WordPress con pocos clics.

Cuentas de correo: incluido en cPanel, es un servicio de alojamiento de correo electrónico común, que le permite enviar correos electrónicos, administrar cuentas de correo electrónico a través de correo web y clientes de correo electrónico.

1. Instalar Elementor y Elementor Pro: Opciones gratuitas.
2. La interfaz de Elementor:es un editor visual intuitivo de «arrastrar y soltar» basado en WordPress, que permite diseñar sitios web en tiempo real sin programar. Se divide en un panel lateral izquierdo (widgets y ajustes) y un área de trabajo derecha.
3. Partes fundamentales:
4. Contenedores/Secciones (Sections):Son la unidad estructural más grande. Definen el diseño básico y la disposición (horizontal o vertical).
5. Columnas (Columns):Se encuentran dentro de las secciones y dividen el espacio. Una sección debe tener al menos una columna, pero pueden dividirse en varias para organizar widgets.
6. Widgets:Son los elementos básicos que se arrastran dentro de las columnas: títulos, editores de texto, imágenes, vídeos, botones, separadores, iconos, etc..
7. Panel de Ajustes (Sidebar):Ubicado a la izquierda, permite editar el estilo, contenido y configuración avanzada de cada elemento, columna o sección.
8. Gestor de Temas (Theme Builder – Pro):Permite diseñar partes dinámicas del sitio como cabeceras (header), pies de página (footer), páginas de archivo y plantillas individuales.
9. Widgets Globales (Pro):Elementos que se pueden guardar y reutilizar en todo el sitio, actualizándose automáticamente si se modifica el original.
10. Plantillas predefinidas y bloques: recursos prediseñados (páginas completas, secciones o contenedores), permitiendo acelerar la construcción de sitios web en WordPress.
11. Mejorar experiencia del usuario: Usuario (UX) en WordPress, enfócate en la velocidad de carga, un diseño responsive (móvil primero) y una navegación intuitiva. Utiliza hosting rápido, optimiza imágenes, implementa caché, usa un tema ligero y mantén plugins actualizados para reducir el rebote y aumentar conversiones.
12. Plantillas: Plantillas predeterminadas, Theme Builder (o maquetador de temas) es una herramienta avanzada para WordPress que permite diseñar la estructura global de un sitio web sin necesidad de escribir código. 
13. Problemas comunes: Las causas principales suelen ser plugins incompatibles, temas desactualizados o límites de memoria.
14. Diseño responsivo: enfoque de programación que facilita la adaptación automática de un sitio web al tamaño y la disposición de los dispositivos que utilizan los usuarios.
15. Estructura de una Web: Encabezado:<header>. Menú de navegación: <nav>, Contenido principal: <main>, con varias subsecciones (además de la barra lateral) representadas por los elementos <article>, <section>, y <div>. Barra lateral: <aside>; a menudo colocada dentro de <main>. Pie de página: <footer>.
16. Tipos de Web: Landing Pages (Páginas de Aterrizaje):Diseñadas con un único objetivo «call to action» sin menús de navegación, ideales para campañas de publicidad. Webs Corporativas (Institucionales): Representan a una empresa, mostrando historia, servicios, misión y datos de contacto. Suelen tener un diseño formal y estructurado. E-commerce (Tiendas Online): Sitios enfocados a la venta directa de productos o servicios, con carrito de compra, pasarelas de pago y gestión de inventario.
17. Crear una landing page en WordPress: es convertir visitantes en clientes potenciales (leads) o ventas mediante una acción específica y enfocada.
18. Plugins: Plugins específicos para SEO, para mejorar la seguridad y redes sociales.
19. Formularios: Para gestionar formularios y correos en un e-commerce, Estos permiten crear formularios de contacto, pedidos y suscripción con opciones de reCAPTCHA, integraciones con servicios de email marketing.
20. Insertar código: Insertar HTML y CSS en WordPress se puede hacer mediante bloques personalizados en el editor.
21. Menús avanzados: Los menús avanzados en WordPress permiten crear estructuras de navegación complejas, como mega menús, menús responsivos con múltiples niveles y menús con widgets.
22. Custom Post Type (CPT): tipos de contenido personalizados que permiten organizar y mostrar información especializada como productos, testimonios, portafolios o eventos separada de las entradas y páginas estándar.
23. La seguridad en WordPress: se estructura en niveles progresivos: básico (contraseñas fuertes, actualizaciones), intermedio (plugins de seguridad, SSL, cambios de configuración) y avanzado (firewall a nivel de servidor, ocultar archivos críticos).
24. Mantenimiento: implica tareas esenciales para garantizar la seguridad, velocidad y buen funcionamiento de la web, incluyendo la actualización del núcleo, temas y plugins, copias de seguridad periódicas, optimización de la base de datos y monitorización de seguridad.
25. Cumplimiento de la normativa de protección de datos y privacidad: El cumplimiento de RGPD (GDPR) y CCPA en WordPress es crucial, Aviso Legal, Política de Privacidad, Política de Cookies.
26. Realizar copias de seguridad (backups): Backup del Hosting.

1. Ecommerce: Comercio electrónico es la compra y venta de productos, servicios o información a través de internet y plataformas digitales.
2. Competidores (prestashop – Shopify): PrestaShopes una plataforma de comercio electrónico (CMS) de código abierto y gratuita, diseñada para crear y gestionar tiendas en línea de forma modular. Shopify es una plataforma de comercio electrónico basada en la nube que permite a emprendedores y empresas crear, personalizar y gestionar tiendas en línea sin necesidad de conocimientos técnicos avanzados.
3. Requisitos:Elección de hosting, dominio y certificado SSL.
4. Instalación:Configuración del asistente inicial (dirección, tipo de moneda).
5. Configuración básica:Ajustes generales de WordPress y WooCommerce.
6. Gestión de Catálogo de Productos:
7. Productos Simples:Creación, descripción, imágenes, precio.
8. Productos Variables:Tallas, colores, precios distintos.
9. Productos Digitales/Virtuales:Descargas, membresías.
10. Categorías y Etiquetas:Organización de productos.
11. Gestión de inventario:Control de stock y productos agotados. 
12. Configuración de la Tienda (Checkout y Envíos):
13. Pasarelas de Pago:Configuración detransferencia bancaria y contrareembolso.
14. Zonas de Envío:Tarifas planas, envío gratuito, recogida local.
15. Impuestos:Configuración de IVA o impuestos locales.
16. Páginas de la tienda:Carrito, finalización de compra y mi cuenta.
17. Diseño y Personalización:
18. Temas/Plantillas:Selección de temas compatibles.
19. Personalización:Ajuste de colores, cabeceras y diseño de página de producto.
20. Widgets y Menús:Estructura de navegación y filtros de búsqueda.
21. Gestión de Pedidos y Marketing:
22. Administración:Procesamiento de pedidos, reembolsos y notas al cliente.
23. Cupones:Creación de descuentos y promociones.
24. Email Marketing:Personalización de correos automáticos (confirmación, envío).
25. Informes:Análisis de ventas y productos más vendidos.
26. Mantenimiento y Optimización Avanzada:
27. Seguridad:Backups y protección de la tienda.
28. SEO para WooCommerce:Optimización de productos para buscadores.
29. Velocidad:Optimización de imágenes y caché.
30. Crear una landing page en WordPress: Diseñada para campañas de marketing, busca captar datos (nombre/email) a cambio de ofertas o productos.