Dashboard CSS Anpassung
Alex Reservations bietet einen WordPress-Hook, der es Ihnen ermöglicht, benutzerdefiniertes CSS in das Dashboard einzufügen, um das Erscheinungsbild verschiedener Elemente anzupassen.
Implementierung
Fügen Sie den folgenden Code zur functions.php-Datei Ihres Child-Themes hinzu:
add_action('alex-reservations-dashboard', function(){
?>
<style>
/* Ihr benutzerdefiniertes CSS hier */
</style>
<?php
});
Wichtig: Fügen Sie benutzerdefinierten Code immer zur
functions.php-Datei Ihres Child-Themes hinzu und ändern Sie niemals direkt das Eltern-Theme. Dadurch werden Ihre Anpassungen bei Theme-Updates nicht verloren gehen.
Beispielverwendung
Hier ist ein praktisches Beispiel zur Anpassung der Kalenderansicht. Fügen Sie diesen Code zur functions.php Ihres Child-Themes hinzu:
add_action('alex-reservations-dashboard', function(){
?>
<style>
#month-days-wrap .bg-indigo-300 { background:orange; }
</style>
<?php
});
Fehlerbehebung
Wenn Ihr benutzerdefiniertes CSS nicht angewendet wird:
- Stellen Sie sicher, dass Sie ein korrekt konfiguriertes Child-Theme verwenden
- Überprüfen Sie, ob die
functions.php-Datei Ihres Child-Themes geladen wird - Stellen Sie sicher, dass der Hook-Name korrekt geschrieben ist:
alex-reservations-dashboard - Überprüfen Sie, ob Ihre CSS-Selektoren spezifisch genug sind
- Verwenden Sie die Browser-Entwicklertools, um Elemente zu inspizieren und die CSS-Spezifität zu überprüfen
Hinweise
- Das benutzerdefinierte CSS wird nur auf den Alex Reservations Dashboard-Seiten eingefügt
- Änderungen werden sofort nach dem Speichern Ihrer
functions.php-Datei angewendet - Sie können mehrere CSS-Regeln in einem einzigen Hook-Callback kombinieren
- Der Hook akzeptiert PHP-Code, der es Ihnen ermöglicht, Ihr CSS dynamisch basierend auf Bedingungen oder Einstellungen zu gestalten