Manche Inhalte sollen einfach mehr Aufmerksamkeit bekommen – sei es ein Hinweis, eine Empfehlung oder ein besonders wichtiger Abschnitt. Genau dafür haben wir das Plugin Beitragsauszeichnung entwickelt.
Mit einer simplen CSS-Klasse (is-highlighted) lässt sich im Editor festlegen, welche Blöcke oder Beiträge visuell hervorgehoben werden. Das Plugin übernimmt die gesamte Gestaltung – sowohl im Editor als auch im Frontend.
Einheitliches Design, ohne Aufwand
Die Hervorhebung orientiert sich an den Farbvariablen des aktiven Themes. Wenn diese nicht vorhanden sind, greift das Plugin automatisch auf definierte Fallback-Farben zurück. Damit bleibt die Darstellung konsistent – unabhängig vom Theme.
is-highlighted. Die farbliche Markierung ist bereits während der Bearbeitung sichtbar.
Farben mit Fallback – flexibel und sicher
Die Hervorhebungen nutzen WordPress-Theme-Variablen wie --wp--preset--color--highlight-100 und --highlight-500, um sich nahtlos ins Design einzufügen. Falls diese Variablen im aktiven Theme nicht vorhanden sind, greifen automatisch definierte Fallback-Farben. So bleibt die Gestaltung auch dann stabil und sinnvoll, wenn kein blockbasiertes Theme verwendet wird.
background-color: var(--wp--preset--color--highlight-100, #CCE2CF);
border-color: var(--wp--preset--color--highlight-500, #4C9C5A);Anwendung
Einfach im Editor unter „Erweiterte Einstellungen“ die Klasse is-highlighted hinzufügen – und fertig.
Im Editor wird der Block direkt farblich gekennzeichnet. Im Frontend erscheint er ebenfalls mit abgestimmter Hintergrund- und Rahmenfarbe.
Mehr Infos & Download
Hier geht es zum GitHub-Repository.
