Online,  Wordpress

Wie kann ich einen Menupunkt wie einen Button darstellen?

Button in WordPress im Menu erstellen

Der Menüpunkt wird farbig hinterlegt und sieht wie ein Button aus.

  1. Design – Menü anklicken
  2. Entsprechenden Menüpunkt wählen, der Button werden soll
    Dazu muss in CSS eine Klasse angelegt werden
    Sollte der Punkt CSS-Klassen nicht aufgeführt sein, muss das oben unter
    Ansicht anpassen aktiviert werden
  3. In CSS-Klassen einen Namen vergeben. Dieser Name bezieht sich auf den
    ausgewählten Menüpunkt
  4. Abspeichern
  5. Im Customizer den Punkt Zusätzliches CSS wählen
  6. Das dort einfügen

.deineklasse {
background-color: orange;
}

.deineklasse a {
color: white !important;
padding: 15px 15px 15px 15px !important;
}

Hierbei muss statt deineklasse der Name des Buttons eingegeben werden.
Der Befehl „a“ ist der Link des Buttons. Color ist die Farbe des Links.

  1. Dahinter „!important“ setzen, denn alle Links in WordPress sind per se schon vordefiniert.
    Mit „!important“ gibt man den Befehl, dass der Code sich sich in der Hirarchie darüber legt.
    padding ist der Innenabstand eines Objektes, in diesem Fall des Links und bestimmt den  Innenabstand nach außen. Die Anordnung ist im Uhrzeigersinn festgelegt:
    oben, rechts, unten, links.
    Ändert man hier den Wert z. B. auf 30, dann geht es 30 Pixel nach oben; 20 nach rechts, 30 nach unten und 20 nach links. Auf diese Weise bestimmst man, wie groß der Button wird!