Wie verwende ich Dashicons in WordPress Theme oder Plugin?

Zusammen mit dem überarbeiteten WP-Admin brachte WordPress 3.8 auch eine Reihe von brandneuen Icons namens Dashicons. Dashicons ist ein von Mel Choyce entworfenes Schriftarten-Icon, das in erster Linie für die neue WP-Admin-Benutzeroberfläche vom Content-Bildschirm-Editor zum Administrations-Menü erstellt wurde, wie Sie im folgenden Screenshot sehen können.

Da WordPress es jetzt verwendet, um Icons in WP-Admin zu liefern, solltest du es auch in deinen Themes und Plugins verwenden. Mit einem Zeichensatz wie Dashicons können Sie die Ausgabe einfach über CSS anpassen . Wenn Sie ein Entwickler sind, der Ihre Plugins oder Themes aktualisieren möchte, gemäß dem neuesten WordPress-Design sowie mit seinen neuen Eigenschaften, ist dieser Artikel definitiv für Sie.

Dashicons im Administrationsmenü

Unter der Annahme, dass Sie den benutzerdefinierten Post-Typ in Ihr Design oder Plugin integrieren, können Sie Dashicons auf folgende Weise verwenden. Der benutzerdefinierte Post-Typ verwendet menu_icon, um das Symbol anzuzeigen. Vor WordPress 3.8 können Sie Ihren Bildsymbolpfad darin einfügen. In Version 3.8 kann dieser Parameter auch zum Deklarieren des Symbols aus Dashicons verwendet werden.

Besuchen Sie zuerst die Dashicons-Website. Klicken Sie auf eines der Symbole. Sie können sehen, dass das ausgewählte Symbol in der Kopfzeile wiedergegeben wird und den Namen des Symbols mit Optionen zum Kopieren in verschiedene Formate anzeigt: CSS, HTML und Glyph.

Kopieren Sie den Namen des Symbols und fügen Sie es in das menu_icon Ihrer benutzerdefinierten Post-Type-Funktion ein. Beachten Sie, dass ich den Code entfernt habe, um diesen Artikel kürzer zu halten. Die vollständige Code-Länge finden Sie hier.

 $ args = array ('label' => __ ('Buch', 'Buch'), 'Beschreibung' => __ ('Beitragstyp Beschreibung', 'Buch'), 'labels' => $ labels, 'unterstützt' => array (), 'taxonomies' => array ('kategorie', 'post_tag'), 'menu_position' => 20, 'menu_icon' => 'dashicons-buch', 'capability_type' => 'post', ; 

In diesem Beispiel habe ich einen benutzerdefinierten Beitragstyp für das Buchen von Büchern erstellt. Und wie Sie unten sehen können, erscheint daneben das Buchsymbol.

Menüseite

Plugins können auch die Funktion add_page_menu verwenden, um ein Administrationsmenü hinzuzufügen. In diesem Fall können Sie einfach den Dashicons-Symbolnamen als sechsten Parameter angeben. Im folgenden Beispiel wird auf der Seite "Optionen" das Symbol "Schraubenschlüssel" angezeigt.

 Funktion hkdc_custom_menu_page () {add_menu_page ('Options Page', 'Optionen', 'manage_options', 'myplugin / option.php', '', 'dashicons-admin-tools', 81); } add_action ('admin_menu', 'hkdc_custom_menu_page'); 

Gehen Sie zu WP-Admin, und Sie sollten das Symbol wie gezeigt sehen.

Der Fallback

Niemals davon ausgehen, dass alle Ihre Benutzer auf das neueste WordPress aktualisieren werden. In einigen Fällen nicht. Sie haben möglicherweise ein Plugin installiert, um automatische Updates zu deaktivieren. Daher ist es notwendig, einen Fallback bereitzustellen, der ältere WordPress-Versionen unterstützt. Wenn nicht, erscheint die Symbolseite als ein unterbrochenes Bild (wie in diesem Bild neben den Büchern).

Bevor Sie fortfahren, vergewissern Sie sich, dass Sie das Bildsymbol in Ihr Design- oder Plugin-Verzeichnis platziert haben. Dann können wir das Symbol mit einer bedingten Funktion wie folgt angeben:

Zuerst legen wir den Standardwert fest, der die Dashicons verwendet.

 $ icon = 'dashicons-book-alt'; 

Und wir ersetzen den Wert der $ icon-Variablen, wenn es in WordPress 3.7 und niedriger ist.

 if (version_compare ($ GLOBALS ['wp_version'], '3.8', '<')) {$ icon = get_template_directory_uri (). '/extra///hideout-lastation.com/img/book-brown.png'; } 

Ersetzen Sie den Parameter icon in Custom Post Type (sowie in der Funktion add_menu_page ) durch die Variable $icon .

 $ args = array ('label' => __ ('Buch', 'Buch'), 'Beschreibung' => __ ('Beitragstyp Beschreibung', 'Buch'), 'labels' => $ labels, 'unterstützt' => array (), 'menu_position' => 20, 'menu_icon' => $ icon, ); register_post_type ('Buch', $ args); 

Und wir sind fertig. Es wird Dashicons für WordPress 3.8 verwenden, während das Symbol "Bild" in älteren Versionen angezeigt wird.

10 Gründe, warum Sie mit DuckDuckGo suchen sollten

Heutzutage ist eine Suchmaschine die einzige Informationsquelle, wenn jemand die Antwort auf ein Problem oder eine Frage sucht. In der Regel führen wir unsere Suchanfragen über die beliebteste Suchmaschine Google.com aus, die täglich mehr als 3 Milliarden Suchanfragen rund um den Globus stellt.Einige andere Suchmaschinen sind jedoch auch für Benutzer mit Soundfunktionen verfügbar. Ein

(Tech- und Design-Tipps)

Erstellen eines lokalen Servers, auf den von einer öffentlichen Adresse aus zugegriffen werden kann

Ich entwickle seit fast 10 Jahren Websites und eines meiner größten Probleme war immer die lokale Entwicklung und die Synchronisierung lokaler Websites mit Live-Tests. Die Verwendung einer lokalen Umgebung ist großartig, weil sie schnell ist, aber aus der Ferne nicht sichtbar ist und die Übertragung irgendwo einen Datenbankbetrieb, das Umbenennen von Tabellen, Werten usw. be

(Tech- und Design-Tipps)