Markenfarben im Admin · Brand Admin Schemes

Plugin-Banner von Brand Admin Schemes

Deine Farben. Dein WordPress. Wenige Markenfarben genügen für einen vertrauten WordPress-Admin, einen schönen Login und Browser-Tabs, die du sofort auseinanderhalten kannst. Verwende Core Framework, Bricks Builder, Automatic.css oder deine eigene Palette. Atmosphäre und Markennähe ausprobieren, Vorschau prüfen, speichern. Kein eigenes CSS nötig.

Version: 1.1.1 · Voraussetzungen: WordPress 6.4+ / PHP 8.1+ · Lizenz: GPL v2 oder höher

Download · Anleitung · English

Inhaltsverzeichnis

Auf einen Blick

Installation und erstes Schema

  1. Lade das Plugin-ZIP aus den GitHub-Releases.
  2. Installiere es über Plugins → Plugin hinzufügen → Plugin hochladen und aktiviere es.
  3. Öffne Einstellungen → Markenfarben im Admin, wähle eine Palette und stelle Atmosphäre und Markennähe ein.
  4. Prüfe eine Schemakarte per Hover oder Tastaturfokus. Wähle deinen Favoriten, vergib optional einen Namen und speichere über die fixierte Leiste oben.
  5. Mit Seite neu laden siehst du das gespeicherte Ergebnis vollständig im aktuellen Adminbildschirm.

Alles wird auf einer Einstellungsseite verwaltet. Login-Gestaltung und generierte Tab-Icons sind optional; aktiviere und speichere sie bei Bedarf.

Markenfarben und Adminschemas

Ordne Farben den Rollen Primary, Secondary, Tertiary und Akzent zu. Drei Farben genügen: Tertiary kann das Plugin ableiten. Atmosphäre und Regler erzeugen passende Töne für Menüs, Toolbar, Buttons und Links. Persönliche Benutzerfarben lassen sich beibehalten, ein Standard anbieten oder das aktive Schema für alle festlegen.

Gespeicherte Farben bleiben erhalten, wenn der Provider später fehlt. Bei Änderungen an der Quelle kannst du alte und neue Farben vergleichen, bevor du ein aktualisiertes Schema speicherst. Die Kontrastprüfung der Beispiele hilft beim Einschätzen der Lesbarkeit.

Favicons für Browser-Tabs

Erkenne sofort, ob ein Browser-Tab die öffentliche Website, den WordPress-Admin oder den Builder-Editor zeigt. Erstelle Favicons aus einem kurzen Kürzel oder einem Umrisssymbol, mit Schemafarben oder eigenen Farben. Vorgaben erkennen unterstützte Editorkontexte von Bricks, Elementor und Oxygen.

Im Frontend darf das vorhandene WordPress-Website-Icon erhalten bleiben. Optionale Umgebungsbuchstaben unterscheiden Lokal, Entwicklung, Staging und Live. Die Funktion verändert das Icon im Browser-Tab; der in WordPress gespeicherte Website-Icon-Eintrag bleibt bestehen.

Login und Toolbar

Die Login-Gestaltung folgt deiner aktiven Palette. Wähle ein geteiltes oder zentriertes Layout und ergänze optional Foto, Logo oder kleines Banner. Website-Icon, Websitetitel und Slogan liefern sinnvolle Vorgaben. Neun Verläufe und eine optionale Zitatbox gestalten die Bildfläche. Prüfe Desktop, Tablet und Mobil vor dem Speichern.

Die Frontend-Toolbar kann eine passend zur Atmosphäre berechnete Schemafarbe verwenden. Ein kompaktes Umgebungsbadge erscheint in Frontend und Backend. Die Erkennung berücksichtigt WordPress-Umgebungen, Local-App-Websites mit .local und localhost-Adressen; manuelle Auswahl und eigene Statusfarben sind möglich.

Import, Export und Gutenberg

Übertrage Einstellungen und gespeicherte Schemas als JSON oder unterstützte lokale Login-Bilder zusätzlich in einem Agentur-ZIP. Prüfe importierte Einstellungen und speichere zum Anwenden. ZIP-Importe legen enthaltene Bilder sofort in der Mediathek an und benötigen PHP ZipArchive. SVG-Dateien sind von diesen Paketen ausgeschlossen.

Auf Wunsch stehen die vier benannten Markenfarben neben der Theme-Palette in Gutenberg bereit. Vorhandene Inhalte behalten ihre Farben.

Updates und Dokumentation

Updates kommen direkt aus dem DECKERWEB-Plugin-Repository auf GitHub und erscheinen im regulären WordPress-Updatesystem. Aktualisiere wie gewohnt über Plugins oder Aktualisierungen; ein zusätzliches Updater-Plugin ist nicht nötig.

Die deutsche Wiki-Anleitung und die englische Wiki-Anleitung erklären alle Einstellungen, Farbquellen, Login-Bilder, Tab-Icons und häufige Fragen. Der Footer der Einstellungsseite verlinkt die Anleitung in deiner Sprache und öffnet den jüngsten lokalen Verlauf mit einem Link zur vollständigen Historie. Deutsch ist enthalten und folgt der WordPress-Website- oder Benutzersprache.

Häufige Fragen

Wie funktioniert der neue Farbdialog? Neben einem bearbeitbaren HEX-Feld auf Farbe auswählen klicken. Eine Farbe visuell prüfen oder ihren HEX-Wert eingeben. Fertig schließt den Dialog; mit Alle Änderungen speichern das Branding übernehmen. Gesperrte Rollen vor dem Bearbeiten entsperren.

Kann ich Branding auf einer anderen Website verwenden? Eine portable Vorlage oder ein Agentur-ZIP exportieren. Portable Vorlagen schließen Bilder, Website-Texte, Kürzel und erzwungene Benutzervorgaben aus. Bilder auf der Zielwebsite auswählen. Beim Agenturimport werden Bilder sofort hinzugefügt; Einstellungen anschließend prüfen und speichern.

Was passiert, wenn ein anderer Editor zuerst speichert? Die veraltete Speicherung wird abgewiesen. Deinen Entwurf vor dem Neuladen exportieren und mit dem aktuellen Stand vergleichen.

Wie funktioniert der Verlauf? Auf dieser Website bleiben bis zu zehn frühere Einstellungsstände erhalten. Du kannst Einträge deines Kontos und Speicherbereichs wiederherstellen. Dabei wird auch deine vorherige persönliche Farbe übernommen und ein ungespeicherter Entwurf ersetzt; der aktuelle Stand wird zum neuen Verlaufseintrag.

Kann das Netzwerk Branding automatisch verteilen? Eine optionale Netzwerk-Startvorlage wird einmalig auf neu angelegte Websites angewendet. Vorhandenes Branding wird nie überschrieben. Es gibt keine laufende Vererbung oder Synchronisierung. Die Verwaltungsanbindung ist optional.

Ersetzt BAS das WordPress-Website-Icon? Im Frontend bleibt es standardmäßig erhalten. Nur die separate, ausdrücklich bestätigte Aktion Als offizielles Website-Icon verwenden ersetzt es. Medienaktionen wirken sofort und sind vom Speichern des Editorentwurfs unabhängig.

Was passiert bei der Deinstallation? Branding, Bilder und persönliche Farben bleiben erhalten. Temporäres Undo und Schreibsperren werden entfernt. Die optionale Bereinigung entfernt nur gespeicherte Vorlagen und Verlauf dieser Website; sie ist standardmäßig aus. Netzwerk-Startvorlagen bleiben erhalten.

Alle Fragen nach Themen

Geführte Einrichtung

Die optionale geführte Einrichtung führt durch Farben, Atmosphäre, Login und Tab-Icons sowie Prüfung und Speichern. Sie verwendet den vorhandenen Entwurf, lässt sich erneut öffnen und übernimmt Änderungen erst beim ausdrücklichen Speichern.

Website-Zustand

Ein kompakter, rein informativer Bereich unter Werkzeuge → Website-Zustand zeigt die Schema-Auswahl, Palettenquelle, den Standardmodus für Benutzer, optionale Gestaltung und die erkannte Umgebung. Es erfolgen keine Status-Tests, Dateiprüfungen oder externen Abfragen.

Multisite und Integrationen

Einzeln oder netzwerkweit aktivierbar. Jede Website verwaltet ihre eigenen Schemen, Login-Einstellungen, Toolbar, Browser-Tab-Icons und Medien. Auch die persönliche Farbauswahl bleibt je Website getrennt. Neue Unterwebsites erhalten die Administrator-Berechtigung für Tab-Icons automatisch; bestehende Websites beim ersten berechtigten Aufruf. Bewusst entzogene Rechte werden nicht wieder vergeben. Einstellungen findest du im Admin der jeweiligen Website.

BAS funktioniert ohne Verwaltungsanbindung. Verwaltungsanbindung kann die regulären WordPress-Site-Optionen lesen und auf den dokumentierten Änderungshook reagieren. Ein optionales Verwaltungsanbindung-Modul verlinkt die Website-Einstellungen. Netzwerk-Startvorlagen lassen sich auf jeder Website prüfen und ausdrücklich übernehmen. Die deckerweb Plugin Library 1.1.0 ist eingebettet; BAS-Updates liefert weiterhin der Updater 2.2.1 über WordPress.

Daten und Deinstallation · Sicherheit · Kompatibilität

Branding-Abläufe

Den Farbdialog für Marken-, Login-, Umgebungs- und Favicon-Farben verwenden. Gesperrte Rollen behalten exakte Markenfarben. Schemas duplizieren oder umbenennen, einen Abschnitt zurücksetzen, gespeicherten Stand und Entwurf vergleichen und Importe vor dem Speichern prüfen. Portable Vorlagen schließen lokale Bilder und Website-Texte aus. Der Verlauf behält bis zu zehn Einstellungsstände; Wiederherstellen ersetzt den Entwurf und betrifft die persönliche Farbe auf dieser Website.

Changelog

Sieben jüngste Versionen; Wiki und lokaler vollständiger Verlauf erhalten alle dokumentierten Einträge.

1.1.1

2026-10-22

1.1.0

2026-10-21

1.0.0

2026-10-06

0.18.0

2026-10-05

0.16.3

2026-09-30

0.16.2

2026-09-30

0.16.1

2026-09-29

Über das Plugin

Entwickelt von David Decker – DECKERWEB, damit Kunden ihre Marke auf beiden Seiten des Logins wiedererkennen. Einige Ideen wurden seit 2022 in eigenen Snippets eingesetzt.

Das Schema gestaltet den WordPress-Adminrahmen; fremdes CSS kann einzelne Elemente beeinflussen. Gutenberg-Inhalte und Builder-Arbeitsflächen behalten ihr eigenes Design. SVG-Loginbilder benötigen Safe SVG und eine Administratorbestätigung. Mehr dazu im Wiki.

Eine Idee oder einen Fehler gefunden? Melde dich auf GitHub.

© 2022–2026 David Decker – DECKERWEB · GPL v2 oder höher

Berechtigungen für Tab-Icons

Standardmäßig sehen nur angemeldete Benutzer mit bas_view_context_icons die kontextabhängigen Favicons; die Administratorrolle erhält diese Berechtigung einmalig. Über einen Rollen-Editor kannst du anderen Rollen oder Benutzern die Anzeige erlauben, ohne Zugriff auf Plugin-Einstellungen zu geben. Wähle Alle, einschließlich Besucher und speichere, um die Anzeige für alle freizugeben. Bei eingeschränkter Anzeige behalten Besucher das offizielle WordPress-Website-Icon. Unter Verwenden und exportieren kannst du jede erzeugte Gestaltung als SVG oder PNG mit 512 × 512 Pixeln herunterladen, als PNG in der Mediathek speichern oder als offizielles WordPress-Website-Icon übernehmen. Mediathek-Aktionen wirken sofort, unabhängig vom Einstellungsentwurf. Die Übernahme als Website-Icon erfordert eine Bestätigung, lässt den Umgebungsmarker weg und stellt den gespeicherten Frontend-Favicon-Modus auf das WordPress-Website-Icon um. Andere Entwürfe bleiben ungespeichert; bisherige Bilder bleiben in der Mediathek. SVG-Downloads erlauben keine SVG-Uploads.