Bienvenido a la guía oficial de Cavare Monster Pro v1.0. Esta hoja de ruta está diseñada para seguir el orden lógico del Personalizador de WordPress, permitiéndote construir un sitio web de alto rendimiento y diseño impactante.
1. Apariencia Global: El ADN de tu marca
Esta sección define las reglas básicas que se aplicarán a todo el sitio web. Es el primer paso obligatorio.
- Disposición y Ancho: Controla el ancho máximo de tu contenido. Puedes elegir entre un diseño estándar (1140px) o uno más expansivo y moderno.
- Tipografía: Selecciona las fuentes de Google Fonts para el cuerpo de texto y cada uno de los títulos (H1 a H6). Define pesos y tamaños para una jerarquía visual clara.
- Paleta de Colores: Define los colores corporativos. Aquí configuras el color primario, secundario, de acento y de alerta, los cuales se aplicarán automáticamente a botones, enlaces y elementos decorativos.
2. Header: La Puerta de Entrada
Configura la parte superior de tu sitio con un sistema dinámico único.
- Identidad del Sitio: Sube tu logotipo y ajusta su ancho exacto. También puedes configurar el Favicon (ícono de pestaña).
- Top Bar: Una barra superior inteligente. Puedes dividirla en hasta 3 columnas, asignando anchos del 1 al 12 para escritorio y móvil. Activa con un clic: Redes Sociales, Mini Carrito, Menús o Texto personalizado.
- Diseños (Presets): Elige entre 4 estructuras maestras: Logo a la izquierda, centrado, menú dividido (Split) o ancho completo.
- Fondo Header: Sube imágenes de fondo, aplica colores sólidos y añade “Overlays” (capas de color) para asegurar que el menú sea legible.
- Configuración de Menú: Define la profundidad de los submenús (niveles) para mantener la navegación simple o compleja según tu necesidad.
- Botón / Búsqueda Header: Elige qué elemento destacar a la derecha: un botón de llamada a la acción (CTA) o un buscador de productos integrado.
- Header Móvil: Cavare sirve una cabecera optimizada solo para celulares. Aquí configuras su color, fondo y qué elementos mostrar para mejorar la UX móvil.
3. Footer: El Cierre Perfecto
- Fondo Footer: Configura el color o imagen de fondo del pie de página.
- Columnas: Elige entre 1, 2 o 3 columnas y rellénalas con el contenido que desees (Texto, HTML o Menús).
- Derechos de Autor: Personaliza la barra final con tu texto de propiedad y créditos.
4. Ajustes Front Page: El Maquetador Modular
Esta es la sección más potente de Cavare. Permite construir una Home única sin usar constructores visuales pesados.
- Ordenar Secciones: Un sistema Drag & Drop donde puedes activar, desactivar y reordenar las 13 secciones disponibles.
- Las 13 Secciones Maestras:
- Hero: Tu mensaje principal con opción de imagen o formulario de contacto.
- Servicios (Categorías): Una rejilla con íconos de monstruos para tus servicios principales.
- Galería de Trabajos: Un mosaico tipo Grid para mostrar proyectos con Lightbox.
- Bloques Multimedia (4.1 al 4.4): Cuatro bloques independientes que admiten Imagen (JPG/PNG), Video MP4 local o Video de YouTube en diseño zigzag.
- Agencia: Sección de “Sobre Nosotros” con columnas de características.
- Productos Destacados: Muestra tus mejores productos de WooCommerce.
- Propuesta de Valor: Un bloque de impacto visual con texto e imagen lateral.
- Precios (Planes): Tablas de precios dinámicas vinculadas a productos de WooCommerce.
- Clientes: Un slider de logotipos con efecto hover.
- Testimonios: Muestra reseñas manuales o integra un shortcode de Trustpilot.
- Feed de Instagram: Conecta tu red social mediante shortcode.
- Llamada a la Acción (CTA): Un bloque final para capturar leads.
- Últimas Noticias (Blog): Muestra los artículos más recientes de forma automática.
5. Blog / Noticias: Tu Centro Editorial
- Configuración Global: Activa o desactiva las migas de pan específicas para el blog.
- Archivo (Lista de Entradas): Elige entre diseño Clásico o Grid. Controla si se ve el autor, la fecha, las categorías o el extracto.
- Entrada Individual: Alterna entre el diseño Estándar o el diseño Periódico (Título arriba, imagen e intro en 2 columnas).
6. WooCommerce (Cavare): El Motor de Ventas
Optimizado para convertir visitantes en compradores.
- 1. Diseño y Sidebar: Define la posición de la barra lateral (Izquierda/Derecha/Oculta) y activa el “Ocultar en Móviles” para limipiar la vista.
- 2. Miga de Pan: Personaliza el texto de inicio y decide si ocultar el título de la página actual.
- 3. Rejilla (Columnas): Controla cuántos productos se ven por fila en Desktop (1-4) y en Móvil (1-2).
- 4. Elementos del Grid: Toggles para ocultar precios, botones de carrito, contador de resultados o selector de orden.
- 5. Carrito: Añade textos persuasivos arriba y abajo del carrito de compras.
- 6. Checkout (Pagamento): Activa el modo de “Placeholders” para un formulario más limpio y moderno.
- 7. Página de Producto: Configura el Zoom de imagen, el diseño de la ficha y el botón de Compra Rápida (salta el carro e ir directo al pago).
-
- La Regla de Oro:
- La página que tiene el shortcode DEBE ser la que selecciones en Ajustes > Avanzado > Página del carrito.
La página que tiene el shortcode [woocommerce_cart] DEBE ser la que selecciones en Ajustes > Avanzado > Página del carrito.
La página que tiene el shortcode [woocommerce_checkout] DEBE ser la de Página de pago. Ajustes > Avanzado > Finalizar compra
7. Páginas Esenciales y Utilidades
- Redes Sociales: Pega tus enlaces (Facebook, Instagram, TikTok, YouTube, etc.) para que los íconos aparezcan en todo el sitio.
- Página de Contacto: Configura el shortcode de tu formulario y el aviso legal de protección de datos (Caja UE).
- Páginas Esenciales: Elige qué páginas de tu WordPress corresponden a la 404, Privacidad, Reembolso, Cookies y Términos. Cavare les aplicará el diseño correspondiente automáticamente.
CONSEJO MAESTRO: Siempre que realices cambios de diseño, recuerda limpiar la caché de tu sitio para ver los resultados instantáneamente en todos los dispositivos.