Documenti

Personalizzazione CSS della Dashboard

Alex Reservations fornisce un hook di WordPress che ti consente di iniettare CSS personalizzato nella dashboard, consentendoti di personalizzare l'aspetto di vari elementi.

Implementazione

Aggiungi il seguente codice al file functions.php del tuo tema figlio:

add_action('alex-reservations-dashboard', function(){
    ?>
    <style>
        /* Il tuo CSS personalizzato qui */
    </style>
    <?php
});

Importante: Aggiungi sempre il codice personalizzato al file functions.php del tuo tema figlio, evita di modificare direttamente il tema principale. In questo modo garantisci che le tue personalizzazioni non vengano perse durante gli aggiornamenti del tema.

Esempio di Utilizzo

Ecco un esempio pratico di personalizzazione della vista del calendario. Aggiungi questo codice al file functions.php del tuo tema figlio:

add_action('alex-reservations-dashboard', function(){
    ?>
    <style>
        #month-days-wrap .bg-indigo-300 { background:orange; }
    </style>
    <?php
});

Risoluzione dei Problemi

Se il tuo CSS personalizzato non viene applicato:

  1. Verifica di utilizzare un tema figlio configurato correttamente
  2. Controlla se il file functions.php del tuo tema figlio viene caricato
  3. Verifica che il nome dell'hook sia scritto correttamente: alex-reservations-dashboard
  4. Controlla se i selettori CSS del tuo sono abbastanza specifici
  5. Utilizza gli strumenti di sviluppo del browser per ispezionare gli elementi e verificare la specificità del CSS

Note

  • Il CSS personalizzato viene iniettato solo nelle pagine della dashboard di Alex Reservations
  • Le modifiche vengono applicate immediatamente dopo aver salvato il tuo file functions.php
  • Puoi combinare più regole CSS in un'unica chiamata di hook
  • L'hook accetta codice PHP, consentendoti di rendere il tuo CSS dinamico in base a condizioni o impostazioni