Aggiungi facilmente icone personalizzate al menu dei temi in WordPress

Fügen Sie Ihrem Themenmenü in WordPress ganz einfach benutzerdefinierte Symbole hinzu

⌛ Reading Time: 4 minutes

Wollten Sie schon immer Ihre eigenen Menüsymbole zu Ihrem WordPress-Thema hinzufügen, um die Ästhetik Ihres Blogs oder Ihrer Website zu verbessern? Standardmäßig unterstützt WordPress das Hinzufügen von Menüsymbolen, indem Sie einfach Ihr eigenes CSS und die daraus resultierenden Klassen zu den Menüelementen hinzufügen. Dieser Ansatz zum Hinzufügen von Menüsymbolen bietet eine größere Flexibilität, erfordert jedoch, dass Sie ein oder zwei Dinge über den Umgang mit CSS und anderen benutzerdefinierten Backend-Änderungen wissen. Wenn Sie also nur die Menüsymbole ohne alle technischen Details hinzufügen möchten, können Sie hier die Menüsymbole verwenden, um die jeweilige Aufgabe zu erfüllen.

Verwenden des Menüsymbol-Plugins

Menüsymbole ist ein kostenloses Plugin, das über das WordPress-Repository verfügbar ist. Sie können es wie jedes andere Plugin herunterladen und installieren. Einmal installiert, aktivieren Sie das Plugin und Sie können loslegen.

Als einfaches und unkompliziertes Plugin verfügt Menu Icons nicht über eine separate Einstellungsseite. Stattdessen wird es direkt in die WordPress-Menüseite integriert. Um Menüsymbole zu verwenden, navigieren Sie zur Seite „Menü“ unter der Registerkarte „Darstellung“.

Menü-Symbole-Menü-Seite

Erweitern Sie dort den Menüpunkt, indem Sie auf den kleinen Abwärtspfeil neben dem Menünamen klicken. Klicken Sie hier auf den Link “Auswählen”.

Menü-Symbole-Klick-Symbol-Link

Die obige Aktion öffnet den Symbolbildschirm, auf dem Sie das entsprechende Symbol entsprechend Ihren Anforderungen auswählen können. Nach der Auswahl werden in den Menüsymbolen einige zusätzliche Einstellungen sowie eine Vorschau im rechten Bereich angezeigt. Mithilfe der zusätzlichen Einstellungen können Sie das Erscheinungsbild und Verhalten des Symbols optimieren, z. B. das Ausblenden der Beschriftung, das Ändern der Ausrichtung des Symbols usw.

Menü-Symbole-Auswahl-Symbol

Das Gute an Menüsymbolen ist, dass sie einige der beliebtesten Symbolsätze wie Dashicons, Font Awesome, Foundation usw. enthalten. Auf diese Weise können Sie Symbole verschiedener Sätze mischen und anpassen, ohne die Ästhetik Ihrer Website zu beeinträchtigen.

Menü-Icons-Font-Awesome-Icons

Wenn Sie die erforderlichen Symbole in den bereitgestellten Symbolsätzen nicht gefunden haben, können Sie Ihre eigenen Symbole einfach hinzufügen, indem Sie sie hochladen. Wählen Sie dazu einfach die Option „Bild“ im linken Bereich und klicken Sie auf die Schaltfläche „Dateien auswählen“ oder ziehen Sie das Bild per Drag & Drop.

Menü-Symbole-Upload-Symbole

Neben dem Hochladen der Bilder können Sie auch eigene Symboltypen hinzufügen, indem Sie die Dateien “type – *. PHP” manuell im “Includes” -Verzeichnis des Plugins hinzufügen oder bearbeiten. Aber tun Sie es nur, wenn Sie wissen, was Sie tun.

Wenn Sie mit dem Hinzufügen der Symbole fertig sind, speichern Sie die Menüeinstellungen, indem Sie auf die Schaltfläche „Speichern“ in der oberen rechten Ecke klicken. Greifen Sie jetzt auf das Frontend Ihrer Site zu, um die hinzugefügten Menüsymbole in Aktion zu sehen.

Menü-Symbole-Live-Site

Wie bei jeder anderen Optimierung des Erscheinungsbilds können jedoch die Ausrichtung und das tatsächliche Erscheinungsbild der hinzugefügten Symbole im Front-End unterschiedlich aussehen, da sie von Ihren vorhandenen CSS-Themendateien beeinflusst werden. Wenn Sie also glauben, dass die Symbole von Ihrem vorhandenen CSS betroffen sind, überschreiben Sie die Einstellungen mit dem benutzerdefinierten CSS.

Fazit

Menu Icons ist ein einfaches, aber effektives Plugin, das das Beste aus beiden Welten, Benutzerfreundlichkeit und eine große Auswahl an Symbolen bietet. Wenn Sie also schnell Menüsymbole ohne viele Einstellungen hinzufügen möchten, sind Menüsymbole eine gute Wahl.

Das ist alles für jetzt und hoffentlich hilft das. Kommentieren Sie unten Ihre Gedanken und Erfahrungen über die Verwendung dieses einfachen Plugins, um Menüsymbole auf Ihrer WordPress-Site hinzuzufügen.

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.