Wie füge ich CSS für WordPress-Menüsymbole hinzu?Installieren Sie das WP-Navigationssymbol-Font-Plugin

WordPressWie füge ich Menüsymbol-CSS hinzu?

Installieren Sie das WP-Navigationssymbol-Font-Plugin

neue MedienMenschen tunSEOEs dient der Optimierung der Website und der Verbesserung der Benutzererfahrung.

Sie können Ihrer WordPress-Website Symbolschriften hinzufügen, die sehr schön sind und responsive Design-WP-Designvorlagen unterstützen.

Icon-Fonts und Icons im kleinen Bildformat unterscheiden sich:

• Retina-Display unterstützen.
• Können无限vergrößern.
• Personalisieren Sie die Elemente des Navigationsmenüs individuell als Icon-Fonts.

Das spezifische Wirkungsdiagramm kann eingesehen werdenChen WeiliangBlog-Navigationsmenü.

Wie verwendet man Icon-Fonts?

1 步：Installieren Sie das Plugin

• WP-Hintergrund → Plugins → Plugins installieren → Nach „Font Awesome 4 Menus“ suchen, herunterladen und installieren und aktivieren;
• Sie können auch direkt von der Website herunterladen und nach dem Hochladen per FTP hochladen oder installieren.

2 步：Finden Sie Icon-Fonts

Öffnen Sie die offizielle Website der Symbolschrift und finden Sie das benötigte Symbol▼

• die Sie anzeigen können, wenn Sie auf das Symbol klicken <i class =“fa fa-home”> </ i>Kopieren fa fa-home.
• Wenn der Name des Home-Symbols home ist, müssen wir in "Menu CSS Class" eingeben. fas fa-home

3 步：CSS-Klassenschriftsymbol für die Menüeingabe

• WP-Hintergrund → Aussehen → Menü, rufen Sie die Menüeinstellungsseite auf.
• einen Menüpunkt auswählen und bearbeiten,
• Fügen Sie in der CSS-Klasse den Namen der Symbolschriftart ein, die wir gerade kopiert haben (fa fa-home) ▼

• (Die Bedienung anderer Symbole ist die gleiche)
• Klicken Sie abschließend auf Speichern.

注意 事项

Wenn Sie im Bedienfeld „Menüelemente bearbeiten“ keine CSS-Klassen haben, können Sie die „Anzeigeoptionen“ in der oberen rechten Ecke und in öffnenErweiterte Eigenschaften des Menüs anzeigen, wählen Sie „CSS-Klasse“ ▼

• Natürlich ist diese Symbolfontbibliothek nicht auf die Verwendung im Navigationsmenü beschränkt, solange der entsprechende Symbolcode an der entsprechenden Position der Themenvorlage hinzugefügt wird.