Das HNP Variable CSS WordPress Plugin ist eine Erweiterung für WordPress-Websites, die eine einfache Möglichkeit bietet, CSS-Variablen oder CSS-Custom-Properties zu verwenden. Nach der Installation und Aktivierung des Plugins können Sie Ihre gewünschten Werte in den Plugin-Optionen festlegen und anschließend diese festgelegten CSS-Variablen in Ihrem Theme verwenden. Dadurch können Sie Ihre Website modern gestalten und zukunftssicher machen, oder sogar das Plugin für Funktionen wie einen Dark Mode nutzen (diese Funktion erfordert möglicherweise zusätzliche Anpassungen).
Folgende CSS-Variablen stehen zur Verfügung:
- hnp_primary-color
- hnp_secondary-color
- hnp_tertiary-color
- hnp_quaternary-color
- hnp_quinary-color
- hnp_font-size-small
- hnp_font-size-medium
- hnp_font-size-large
- hnp_font-weight-normal
- hnp_font-weight-bold
- hnp_font-weight-light
- hnp_font-family-primary
- hnp_font-family-secondary
- hnp_padding-small
- hnp_padding-big
- hnp_transparency-low
- hnp_transparency-high
- hnp_margin-small
- hnp_margin-big
Zusammenfassung der Funktionen:
- Erstellt eine Optionen-Seite im Plugin, um die VAR CSS-Werte festzulegen und zu speichern.
- Verwendet JavaScript (ohne jQuery), um die Variablen mit dem CSS zu verbinden.
- Nutzen Sie die CSS-Variablen für Container, Schriftarten oder andere Stilelemente in Ihrem Theme.
Mehr Information und Download:
HNP Variable CSS WordPress Plugin
↩ Zurück zur Blogübersicht