So ändern Sie den Menüstil in WordPress

Wie ändere ich den WordPress-Menüstil? Öffnen Sie Ihr WordPress-Dashboard und wählen Sie „Darstellung“ > „Menü“. Wählen Sie das Menü aus, das Sie ändern möchten, und aktivieren Sie das Kontrollkästchen „CSS-Klassen“. Klicken Sie auf das Feld „CSS-Klasse“ neben dem Namen des Menüelements, das Sie ändern möchten. Geben Sie den gewünschten CSS-Klassennamen ein. Fügen Sie benutzerdefiniertes CSS im Abschnitt „Zusätzliches CSS“ hinzu. Klicken Sie auf die Schaltfläche „Menü aktualisieren“, um die Änderungen zu speichern.

So ändern Sie den WordPress-Menüstil

WordPress-Menüs bieten Struktur und Zugänglichkeit für die Navigation Ihrer Website. Das Anpassen des Erscheinungsbilds Ihres Menüs kann das Benutzererlebnis verbessern und sich an das Design Ihrer Website anpassen. Hier ist eine Schritt-für-Schritt-Anleitung zum Ändern des WordPress-Menüstils:

1. Öffnen Sie das WordPress-Dashboard.

Melden Sie sich bei Ihrem WordPress-Konto an und navigieren Sie zum Dashboard.

2. Navigieren Sie zum Menü

Wählen Sie im linken Menü „Darstellung“ > „Menü“.

3. Wählen Sie das Menü aus, das Sie ändern möchten.

Auf der Seite „Menüs“ sehen Sie alle von Ihnen erstellten Menüs. Wählen Sie das Menü aus, das Sie formatieren möchten.

4. Erweitern Sie „Bildschirmoptionen“

Klicken Sie in der oberen rechten Ecke des Bildschirms auf das Dropdown-Menü „Bildschirmoptionen“. Aktivieren Sie das Kontrollkästchen „CSS-Klassen“, um CSS-Klassen für Menüelemente anzuzeigen.

5. CSS-Klassen hinzufügen

Klicken Sie für jeden Menüpunkt, dessen Stil Sie ändern möchten, auf das Feld „CSS-Klasse“ neben dem Namen des Menüpunkts. Geben Sie die gewünschten CSS-Klassennamen ein und trennen Sie mehrere Klassennamen durch Leerzeichen.

6. Benutzerdefiniertes CSS hinzufügen

Fügen Sie im Abschnitt „Darstellung > Zusätzliches CSS“ das folgende benutzerdefinierte CSS hinzu:

.css-class-name {
  /* 修改样式的 CSS 属性 */
}

Um beispielsweise „Homepage“ zu ändern, ändern Sie die Hintergrundfarbe Wenn der Menüpunkt in Rot geändert wird, können Sie das folgende CSS hinzufügen:

.home-menu-item {
  background-color: red;
}

7. Änderungen speichern

Klicken Sie auf die Schaltfläche „Menü aktualisieren“, um Ihre Änderungen zu speichern.

Tipp:

• Verwenden Sie ein Inspect Element-Tool (wie das F12-Tool in Chrome), um die CSS-Klasse des Menüelements zu identifizieren, dessen Stil Sie ändern möchten.
• Ein Untermenü erstellen? Verwenden Sie das Feld „CSS-Klasse“ neben dem Namen des Untermenüelements, um eine CSS-Klasse hinzuzufügen.
• Für eine erweiterte Anpassung sollten Sie ein Menüverwaltungs-Plugin wie Max Mega Menu verwenden.

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Menüstil in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!