Opciones del Tema Divi — Panel Completo
📌 ¿Qué es este panel?
Antes de abrir el Visual Builder y ponerte a diseñar, hay un lugar en WordPress donde le dices a Divi cómo quieres que se comporte tu web en general. No es el diseño de una página específica — es la configuración global de todo el sitio. Es como los ajustes de tu celular: no cambias el fondo de una sola app, cambias cómo funciona el celular completo.
La Barra Superior del Panel
Al entrar verás una barra con 8 pestañas principales. En la esquina derecha, encontrarás iconos de utilidades rápidas:
- ⚙️ [ + ] → Importar configuración guardada.
- ⚙️ [ ⏻ ] → Activar/desactivar Divi en el sitio.
- ⚙️ [ ↕ ] → Exportar/Importar toda la configuración.
- ⚙️ [ ↺ ] → Restaurar configuración por defecto.
- ⚙️ [ Vaciar Caché De CSS ] → Borra el CSS guardado. Úsalo cuando haces cambios y no se ven en el sitio.
PESTAÑA 1 — General
Esta es la pestaña más extensa y se divide en dos secciones fundamentales:
Sub-pestaña: General
| Opción | Para qué sirve |
|---|---|
| Logotipo | Subir el logo de tu web (aparece en el header por defecto). |
| Barra De Navegación Fija | El menú se queda fijo al hacer scroll. ✓ |
| Activar Galería De Divi | Habilita el módulo de galería nativo. |
| Tomar La Primera Imagen | Usa la primera imagen de la entrada como miniatura en el blog. |
| Modo De Estilo De Blog | Activa un estilo especial para páginas de blog. |
| Barra Lateral | Elige si va a la derecha o izquierda. |
| Google Fonts | Activa fuentes de Google. ✓ |
| Google API Key | Necesario para usar el módulo de Google Maps. |
| Íconos Sociales | Muestra íconos (FB, X, IG, RSS) en el footer. ✓ |
| URLs de Perfiles | Pega aquí los enlaces a tus redes sociales. |
| Número de Entradas | Cuántas entradas muestra el blog por página (defecto 5-6). |
| Formato de Fecha | Cómo aparece la fecha en los artículos. |
| Imágenes Responsivas | Las imágenes se adaptan al dispositivo. ✓ |
| ⭐ CSS Personalizado | Aquí pegamos el CSS global (como el del menú o botones). |
Sub-pestaña: Rendimiento
- ✔ Framework de Módulos Dinámicos: Carga solo el código necesario.
- ✔ Íconos Dinámicos: Carga solo los íconos usados.
- ✔ CSS Crítico: El contenido visible carga al instante.
- ✔ Altura del Umbral Crítico: Recomendado en «Baja».
- ✔ Desactivar Emojis: Elimina scripts innecesarios de WordPress.
- ✔ Aplazar CSS/JQuery: Mejora la velocidad de carga al no bloquear la página.
PESTAÑA 2 — Navegación
Controla el menú automático de Divi a través de 3 secciones:
📄 Páginas
Permite excluir páginas del menú, mostrar submenús desplegables, añadir el enlace de «Inicio» y ordenar los enlaces (por título, ID, etc.).
🏷️ Categorías
Permite excluir categorías específicas u ocultar aquellas que no tengan contenido (Vacías).
⚙️ Ajustes Generales
Opción para que los menús superiores no sean clicables, funcionando solo como contenedores de submenús.
PESTAÑA 3 — Builder
Post Type Integration
Activa o desactiva el Divi Builder en Entradas, Páginas o Proyectos. Si desactivas uno, usarás el editor clásico de WordPress.
Avanzado
- ✔ Output Styles Inline: Desactivado (mejor rendimiento).
- ✔ Product Tour: El tour de bienvenida (puedes quitarlo si ya sabes usar Divi).
- ✔ Classic Editor / D4 Shortcode: Mantener desactivados para usar Divi 5.
PESTAÑA 4 — Diseño
Define los elementos visuales por defecto en contenidos individuales.
| Entrada Individual | Muestra Autor, Fecha, Categorías y Comentarios. Permite ocultar miniaturas. |
|---|---|
| Página Individual | Controla si aparecen miniaturas o comentarios en páginas estáticas. |
| Ajustes Generales | Controla los metadatos y miniaturas en las páginas de índice (listados). |
PESTAÑA 5 — Anuncios
PESTAÑA 6 — SEO
Incluye ajustes básicos para la Página de Inicio, Entradas Individuales y Páginas de Índice.
PESTAÑA 7 — Integración
Lugar para pegar códigos de seguimiento externos:
- ✔ Código al Head: Verificación de Google Search Console.
- ✔ Código al Body: Ideal para Google Analytics.
- ✔ Código Superior/Inferior: Aparece antes o después del contenido de los artículos del blog.
PESTAÑA 8 — Actualizaciones
Aquí introduces tu Nombre de Usuario y Clave API de Elegant Themes para recibir actualizaciones.
🔄 Version Rollback: Úsalo para regresar a una versión anterior si algo falla tras actualizar.
✅ Las 5 que usarás siempre
- Logotipo: En Pestaña General.
- CSS Personalizado: Al final de Pestaña General.
- Google API: Para los mapas.
- Integración Body: Para Google Analytics.
- Vaciar Caché CSS: Cuando los cambios no se reflejan.