Wenn du dem mit Filament Admin erstellten Administrationsbereich ein individuelles Favicon hinzufügen möchtest, kannst du diese Schritte befolgen, um deinem Admin-Bereich eine persönliche Note zu verleihen. Zunächst lädst du das gewünschte Favicon hoch. In unserem Beispiel verwenden wir „admin_favicon.ico“. Platziere diese Datei im Verzeichnis */public*
deines Projekts. Das Favicon sollte nun direkt über die URL erreichbar sein, was es Filament ermöglicht, darauf zuzugreifen und es zu nutzen.
Der nächste Schritt erfordert eine kleine Anpassung in der boot()
-Methode deines Filament Service Providers. Öffne hierzu die Datei unter */app/Providers/FilamentServiceProvider.php*
. In der boot()
-Methode ergänzt du den folgenden Code:
use Illuminate\Support\HtmlString;
use Filament\Facades\Filament;
Filament::pushMeta([
new HtmlString('<link rel="icon" type="image/x-icon" href="/admin_favicon.ico">'),
]);
Mit diesem Code fügst du dem <head>
-Bereich deines Admin-Panels ein neues Meta-Tag hinzu, das auf das Favicon verweist. Der Einsatz von HtmlString
sorgt dafür, dass der HTML-Code korrekt gerendert wird. Diese Zeilen spezifizieren den Pfad und den Dateityp deines Favicons und stellen sicher, dass es bei der Navigation in deinem Admin-Bereich angezeigt wird.
Nachdem du diese Änderungen vorgenommen hast, sollte das neue Favicon im Administrationsbereich von Filament Admin sichtbar sein.