Beschreibung

Hero Color Picker fügt der Seitenleiste des Editors pro Beitrag Steuerelemente für Hintergrund- und Schriftfarbe hinzu, um Elemente mit der Klasse hero-colored per CSS zu stylen.

Funktionen:
– Zwei Farboptionen: Hintergrundfarbe und Schriftfarbe
– Farbwähler bei Bedarf in kompakten Dropdown-Popovers
– Live-Vorschau beider Farben zusammen direkt in der Seitenleiste
– Wendet die ausgewählten Farben auf den Beitragszusammenfassungsbereich im Editor an, für eine realistischere Backend-Vorschau
– Entfernt die Umrandung der Beitragsbild-Vorschau, solange eine benutzerdefinierte Hintergrundfarbe aktiv ist
– Barrierefreiheitsprüfung für WCAG AAA Normal Text mit ERFÜLLT– / NICHT ERFÜLLT-Status
– Das Panel wird nur beim Bearbeiten von Beiträgen (post) angezeigt, nicht in Template-Bearbeitungskontexten
– Fügt eine Core-ähnliche Beitragslistenansicht Hero-Hintergrund hinzu, die nur Beiträge mit benutzerdefinierter Hero-Hintergrundfarbe anzeigt
– Funktioniert auf Elementen mit der CSS-Klasse hero-colored

Gespeichert als Beitragsmetadaten:
– hero_color_picker_hero_color
– hero_color_picker_font_color

Frontend-Ausgabe (nur wenn Werte gesetzt sind):

.hero-colored {
    background-color: $background;
    color: $font;
}

Wichtige Template-Einrichtung:
– Öffne dein Block-Theme-Template (zum Beispiel Single) im Website-Editor.
– Wähle den Gruppe-Block aus, der die Hero-Stile erhalten soll.
– Füge in den Block-Einstellungen hero-colored zu Zusätzliche CSS-Klasse(n) hinzu.

Screenshots

Seitenleisten-Panel von Hero Color Picker mit Hintergrundfarbe, Schriftfarbe, Live-Vorschau und WCAG-Status.

Installation

Lege das Plugin in wp-content/plugins/hero-color-picker ab.
Aktiviere das Plugin in WordPress.
Öffne Design > Editor und bearbeite dein Beitrags-Template (zum Beispiel Single).
Wähle den gewünschten Gruppe-Block aus und füge die Klasse hero-colored in Zusätzliche CSS-Klasse(n) ein.
Optional: Öffne Beiträge > Alle Beiträge und klicke auf Hero-Hintergrund, um Beiträge mit benutzerdefiniertem Hero-Hintergrund aufzulisten.

FAQ

Wie füge ich die CSS-Klasse `hero-colored` in Templates hinzu?

Gehe zu Design > Editor und öffne das Template, das du für Beiträge verwendest (zum Beispiel Single).
Erstelle einen Gruppe-Block, der die Elemente umschließt, die du stylen möchtest, zum Beispiel den Titel und das Beitragsbild.
Öffne die Einstellungen des Gruppe-Blocks, erweitere Erweitert und trage hero-colored in Zusätzliche CSS-Klasse(n) ein.
Speichere das Template.

Rezensionen

Für dieses Plugin gibt es keine Rezensionen.

Mitwirkende und Entwickler

„Hero Color Picker“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Marc Tönsing

„Hero Color Picker“ wurde in 1 Sprache übersetzt. Danke an die Übersetzer für ihre Mitwirkung.

Übersetze „Hero Color Picker“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.0.17

Updated the WordPress.org icon assets.
Added refreshed WordPress.org banner assets in 1544x500 and 772x250.

1.0.16

Fixed loading of WordPress.org language packs for editor JavaScript strings.
Marked the editor panel title as translatable.

1.0.15

Wortlaut im Readme-Text und im Vorschautext des Editors korrigiert und verfeinert.

1.0.14

Die Plugin-Beschreibung in den Plugin-Metadaten und im WordPress.org-Readme verfeinert.

1.0.13

Den FAQ-Link im Editor aktualisiert, sodass er direkt auf den relevanten WordPress.org-FAQ-Eintrag verweist.

1.0.12

Einen FAQ-Link im Editor zur Fehlerbehebung bei der Frontend-Einrichtung hinzugefügt.
Die WordPress.org-FAQ um Anleitungen zur Template-Einrichtung erweitert.

1.0.11

Plugin-Version auf 1.0.11 erhöht.
Nicht verwendete WordPress.org-Banner-Assets entfernt.

1.0.10

Plugin-Version auf 1.0.10 erhöht.

1.0.9

Plugin-Version auf 1.0.9 erhöht.

1.0.8

Plugin-Version auf 1.0.8 erhöht.
Release-Note-Eintrag für 1.0.8 hinzugefügt.

1.0.7

Die Ansicht Hero-Hintergrund unter Beiträge > Alle Beiträge hinzugefügt, um Beiträge mit benutzerdefinierter Hero-Hintergrundfarbe aufzulisten.
Die Editor-Vorschau entfernt jetzt die Umrandung des Beitragsbildes, solange eine benutzerdefinierte Hintergrundfarbe aktiv ist.
Die Dokumentation um neu hinzugefügte Backend-/Editor-Funktionen erweitert.

1.0.6

Die Dokumentation für Beschreibung und Installation verbessert und erweitert.
Explizite Einrichtungsschritte zum Anwenden der CSS-Klasse hero-colored in Block-Theme-Templates hinzugefügt.

1.0.5

Eine zweite Farboption in der Seitenleiste für Schriftfarbe hinzugefügt.
Die Frontend-Ausgabe wendet jetzt sowohl background-color als auch color auf .hero-colored an.
Der Farbwähler in der Seitenleiste wird jetzt bei Bedarf per Dropdown-Popover angezeigt.
Status für WCAG AAA Normal Text mit ERFÜLLT / NICHT ERFÜLLT hinzugefügt.
Abstände im Button für den Farbwert verbessert.