WordPress Dashicons – Webmaster.de Hilfe Guide
Was sind WordPress Dashicons und wie verwendet man sie?
Dashicons sind die offizielle Icon-Schriftart der WordPress-Administrationsoberfläche. Diese Symbole können in Ihren WordPress-Themes und -Plugins verwendet werden, um benutzerdefinierte Menüelemente und visuelle Verbesserungen hinzuzufügen.
Wie fügt man Dashicons hinzu?
Dashicons sind standardmäßig in WordPress enthalten. Um sie in Ihrem Theme oder Plugin zu verwenden, müssen Sie lediglich die Dashicons-Schriftart einbinden. Hier ist, wie Sie das machen können:
- Einbindung in Ihr Theme: Fügen Sie den folgenden Code in die functions.php-Datei Ihres Themes ein:
function enqueue_dashicons() {
wp_enqueue_style('dashicons');
}
add_action('wp_enqueue_scripts', 'enqueue_dashicons');
- Einbindung in Ihr Plugin: Fügen Sie den folgenden Code in die Hauptdatei Ihres Plugins ein:
function load_dashicons_in_front_end() {
wp_enqueue_style('dashicons');
}
add_action('wp_enqueue_scripts', 'load_dashicons_in_front_end');
Verwendung von Dashicons in Ihrem Inhalt
Nachdem Sie Dashicons eingebunden haben, können Sie sie in Ihrem Inhalt verwenden. Hier sind einige Beispiele:
- In Beiträgen und Seiten: Sie können Dashicons in Ihren Beiträgen und Seiten mit HTML hinzufügen:
<span class="dashicons dashicons-wordpress"></span>
- In benutzerdefinierten Menüs: Verwenden Sie Dashicons in benutzerdefinierten Menüs, indem Sie sie in den CSS-Klassen einfügen:
.menu-item .dashicons {
font-size: 20px;
vertical-align: middle;
}
Häufig verwendete Dashicons
Hier sind einige der am häufigsten verwendeten Dashicons mit ihren CSS-Klassen:
Weitere Informationen und Ressourcen
Um weitere Informationen über Dashicons zu erhalten, besuchen Sie die offizielle [Dashicons-Website](https://developer.wordpress.org/resource/dashicons/).
Mit diesen Tipps und Anleitungen können Sie Dashicons effektiv in Ihren WordPress-Projekten einsetzen, um das Erscheinungsbild und die Benutzerfreundlichkeit Ihrer Website zu verbessern.
