# Navigazione tra Post - Implementazione

## Descrizione
È stata implementata una navigazione tra post con pulsanti "Articolo precedente" e "Articolo successivo" nelle pagine single degli articoli.

## File Modificati

### 1. Componente di Navigazione
- **File**: `resources/views/components/partials/partial-post-navigation.blade.php`
- **Descrizione**: Nuovo componente che mostra i pulsanti di navigazione tra post
- **Funzionalità**: 
  - Utilizza le funzioni WordPress `get_previous_post()` e `get_next_post()`
  - Mostra il titolo dell'articolo precedente e successivo
  - Include icone SVG per le frecce
  - Responsive design

### 2. Template Single
I seguenti template sono stati aggiornati per includere la navigazione:

- `resources/views/single.blade.php` - Template principale per gli articoli
- `resources/views/single-card.blade.php` - Template per le card
- `resources/views/single-video.blade.php` - Template per i video
- `resources/views/single-gallery.blade.php` - Template per le gallerie

### 3. CSS Custom (Inclusione Globale)
- **File**: `dist/css/custom.css`
- **Inclusione**: `resources/views/components/partials/partial-head.blade.php`
- **Descrizione**: Stili personalizzati caricati globalmente in tutte le pagine
- **Caratteristiche**:
  - Design moderno con hover effects
  - Layout responsive
  - Icone SVG integrate
  - Animazioni fluide

## Funzionalità

### Logica di Navigazione
La navigazione segue le logiche standard di WordPress:
- **Articolo precedente**: Post pubblicato prima dell'articolo corrente
- **Articolo successivo**: Post pubblicato dopo l'articolo corrente
- **Ordine**: Basato sulla data di pubblicazione

### Responsive Design
- **Desktop**: Layout orizzontale con due colonne
- **Tablet**: Layout adattivo con dimensioni ridotte
- **Mobile**: Layout verticale con pulsanti impilati

### Stili
- **Colori**: Utilizza la palette del tema esistente
- **Tipografia**: Coerente con il design del sito
- **Hover Effects**: Animazioni fluide per migliorare l'UX
- **Accessibilità**: Contrasti appropriati e focus states

## Utilizzo

Il componente viene automaticamente incluso in tutti i template single e si attiva solo quando esistono articoli precedenti o successivi.

### Struttura HTML Generata
```html
<nav class="post-navigation">
  <div class="post-navigation__container">
    <div class="post-navigation__item post-navigation__item--prev">
      <a href="[URL_ARTICOLO_PRECEDENTE]" class="post-navigation__link">
        <div class="post-navigation__arrow">[ICONA_FRECCIA]</div>
        <div class="post-navigation__content">
          <span class="post-navigation__label">Articolo precedente</span>
          <h3 class="post-navigation__title">[TITOLO_ARTICOLO]</h3>
        </div>
      </a>
    </div>
    <div class="post-navigation__item post-navigation__item--next">
      <!-- Struttura simile per l'articolo successivo -->
    </div>
  </div>
</nav>
```

## Note Tecniche

- Il componente utilizza le funzioni native di WordPress per la navigazione
- Gli stili sono caricati globalmente tramite il template base
- Il design è responsive e si adatta a tutti i dispositivi
- Le icone SVG sono integrate direttamente nel template per performance ottimali

## Manutenzione

Per modificare gli stili, editare il file `dist/css/custom.css`.
Per modificare la logica, editare il file `resources/views/components/partials/partial-post-navigation.blade.php`.
Per modificare l'inclusione CSS, editare il file `resources/views/components/partials/partial-head.blade.php`.
