# Guía de Instalación Completa - SliderDL Theme

## Paso 1: Preparar el Theme

1. Comprime toda la carpeta `SliderDL` en un archivo ZIP
2. Asegúrate de que la estructura sea:
   ```
   SliderDL.zip
   └── SliderDL/
       ├── style.css
       ├── functions.php
       ├── header.php
       └── ... (resto de archivos)
   ```

## Paso 2: Instalar en WordPress

1. Accede a tu panel de WordPress
2. Ve a **Apariencia > Temas**
3. Haz clic en **Añadir nuevo**
4. Haz clic en **Subir tema**
5. Selecciona el archivo `SliderDL.zip`
6. Haz clic en **Instalar ahora**
7. Una vez instalado, haz clic en **Activar**

## Paso 3: Configuración Inicial

### 3.1 Crear Menú Principal

1. Ve a **Apariencia > Menús**
2. Crea un nuevo menú llamado "Menú Principal"
3. Añade los siguientes elementos:
   - Inicio (enlace personalizado a tu home)
   - Juegos (enlace a la página de blog o categoría)
   - Colecciones (se añadirá automáticamente)
   - Categorías (crear página primero)
4. Asigna el menú a la ubicación "Primary Menu"
5. Guarda el menú

### 3.2 Crear Página de Categorías

1. Ve a **Páginas > Añadir nueva**
2. Título: **Categorías**
3. En el editor, puedes añadir texto descriptivo (opcional)
4. En la barra lateral derecha, busca **Atributos de página**
5. En **Plantilla**, selecciona **Categorías**
6. Publica la página

### 3.3 Configurar Permalinks

1. Ve a **Ajustes > Enlaces permanentes**
2. Selecciona **Nombre de la entrada** o **Estructura personalizada**: `/%postname%/`
3. Guarda los cambios

## Paso 4: Configurar Sliders

1. Ve a **SliderDL > Home** en el menú lateral
2. Configura cada slider:

   **Slider Principal (Destacados):**
   - ✅ Activar slider
   
   **Slider Últimas Publicaciones:**
   - ✅ Activar slider
   - Título: "Últimas Publicaciones"
   - Cantidad: 6 (o el número que prefieras)
   - Enlace "Ver Más": URL de tu página de blog
   
   **Slider Publicaciones Populares:**
   - ✅ Activar slider
   - Título: "Publicaciones Populares"
   - Cantidad: 6
   - Enlace "Ver Más": URL de tu página de blog
   
   **Slider Colecciones:**
   - ✅ Activar slider
   - Título: "Colecciones"
   - Cantidad: 2
   - Enlace "Ver Más": URL de colecciones

3. Guarda los cambios

## Paso 5: Crear Contenido de Prueba

### 5.1 Crear Posts Destacados

1. Ve a **Entradas > Añadir nueva**
2. Crea al menos 3-5 posts con:
   - Título atractivo
   - Contenido
   - Imagen destacada (recomendado: 1600x600px)
3. En la barra lateral derecha, busca **Destacado en Slider**
4. ✅ Marca "Marcar como destacado"
5. Publica el post

### 5.2 Crear Posts Normales

1. Crea varios posts adicionales (al menos 10-15)
2. Añade contenido e imágenes destacadas
3. Asigna categorías y etiquetas
4. Publica los posts

### 5.3 Crear Colecciones

1. Ve a **Colecciones > Añadir nueva**
2. Título: Ejemplo "Saga Grand Theft Auto"
3. Contenido: Descripción de la colección
4. Imagen destacada: 300x200px (horizontal)
5. Publica la colección
6. Crea al menos 2-4 colecciones

## Paso 6: Configurar Anuncios (Opcional)

1. Ve a **SliderDL > Anuncios**
2. Pega el código HTML de tus anuncios en los campos:
   
   **Ejemplo de código de anuncio:**
   ```html
   <div style="text-align: center; padding: 20px; background: #1a2038; border-radius: 10px;">
       <p style="color: #9ca3af;">Espacio publicitario</p>
   </div>
   ```

3. Configura anuncios para:
   - Home (Superior, Medio, Inferior)
   - Posts individuales (Superior, Medio, Inferior)

4. Guarda los cambios

## Paso 7: Optimizaciones Recomendadas

### 7.1 Configurar Logo

1. Ve a **Apariencia > Personalizar**
2. Selecciona **Identidad del sitio**
3. Sube tu logo (recomendado: PNG transparente, 200x50px)
4. Publica los cambios

### 7.2 Crear Categorías

1. Ve a **Entradas > Categorías**
2. Crea categorías relevantes:
   - Acción
   - Aventura
   - RPG
   - Deportes
   - Estrategia
   - etc.

### 7.3 Crear Etiquetas

1. Ve a **Entradas > Etiquetas**
2. Crea etiquetas relevantes:
   - 2024
   - 2025
   - Multijugador
   - Un jugador
   - etc.

## Paso 8: Verificación Final

Verifica que todo funcione correctamente:

- ✅ El slider principal muestra los posts destacados
- ✅ Los sliders de grid muestran 6 posts
- ✅ El slider de colecciones muestra 2 colecciones
- ✅ Las flechas de navegación funcionan
- ✅ El menú principal está visible
- ✅ La página de categorías muestra todas las categorías
- ✅ Los posts individuales se ven correctamente
- ✅ El contador de visitas funciona
- ✅ El diseño es responsive en móviles

## Solución de Problemas

### Los sliders no se mueven

1. Verifica que jQuery esté cargado
2. Abre la consola del navegador (F12) y busca errores
3. Asegúrate de que el archivo `js/sliders.js` existe

### Las imágenes no se ven bien

1. Ve a **Ajustes > Medios**
2. Configura los tamaños:
   - Tamaño miniatura: 150x150
   - Tamaño medio: 400x280
   - Tamaño grande: 1024x1024
3. Usa un plugin como "Regenerate Thumbnails" para regenerar las imágenes

### El contador de visitas no funciona

1. Asegúrate de que los posts se estén viendo en el frontend
2. Verifica que la función `sliderdl_track_post_views` esté en `functions.php`
3. Los contadores empiezan en 0 y se incrementan con cada visita

### Los posts destacados no aparecen en el slider

1. Edita el post
2. Busca el meta box "Destacado en Slider" en la barra lateral
3. Marca la casilla
4. Actualiza el post
5. Limpia la caché si usas un plugin de caché

## Personalización Avanzada

### Cambiar Colores

Edita el archivo `style.css` y modifica las variables CSS:

```css
:root {
    --primary-bg: #0a0e27;      /* Fondo principal */
    --secondary-bg: #151b35;     /* Fondo secundario */
    --card-bg: #1a2038;          /* Fondo de tarjetas */
    --accent-color: #3b82f6;     /* Color de acento */
    --text-primary: #ffffff;     /* Texto principal */
    --text-secondary: #9ca3af;   /* Texto secundario */
}
```

### Añadir Más Sliders Personalizados

En el futuro se podrá añadir esta funcionalidad desde el panel de administración.
Por ahora, puedes duplicar el código de los sliders existentes en `index.php`.

## Soporte

Si tienes problemas con la instalación:

1. Verifica que tu versión de WordPress sea 5.0 o superior
2. Verifica que tu versión de PHP sea 7.4 o superior
3. Desactiva otros plugins para verificar conflictos
4. Revisa los logs de errores de WordPress

## Próximos Pasos

Una vez instalado y configurado:

1. Añade más contenido regularmente
2. Optimiza las imágenes para mejorar la velocidad
3. Instala un plugin de SEO (Yoast SEO o Rank Math)
4. Configura un plugin de caché (WP Super Cache o W3 Total Cache)
5. Haz copias de seguridad regulares

¡Disfruta de tu nuevo theme SliderDL!
