image 1 | Die WP-Meister

Menübutton WordPress hervorheben

So kannst du in WordPress jeden beliebigen Menübutton hervorheben. Du kannst auf diese Weise z.B:

  • einen Rahmen um den Menüeintrag setzen
  • Hover-Animationen hinterlegen
  • den Button bei Mouse-Over die Farbe wechseln lassen
  • die Schriftfarbe unterschiedlich von den restlichen Menüelementen stylen

Alles was du dafür machen musst, ist eine Klasse für den Button vergeben, bzw. für den Text im Menü.

image 1 | Die WP-Meister
Um beispielsweise das Styling für den „Contact us“ Button so hervorzuheben, haben wir folgenden CSS Code im Customizer hinzugefügt:
.menuhighlight{
border: 2px solid; 
border-color:#1e2d45; 
padding: 7px; 
font-weight:bold;
}

Und, was ganz wichtig ist, gleichzeitig eine SPAN-Klasse für das Menü-Item vergeben:

image 2 | Die WP-Meister
Menübutton WordPress hervorheben 4

Weitere coole Möglichkeiten zum Hervorheben von Menüelementen findest du in diesem Video:

0 Kommentare

Hinterlasse einen Kommentar

An der Diskussion beteiligen?
Hinterlasse uns deinen Kommentar!

Schreibe einen Kommentar