Comment utiliser Dashicons dans WordPress Thème ou Plugin

Avec le WP-Admin remanié, WordPress 3.8 a également apporté un ensemble de toutes nouvelles icônes appelées Dashicons. Dashicons est une icône de police conçue par Mel Choyce qui a été créée principalement pour accueillir la nouvelle interface utilisateur WP-Admin, de l'éditeur d'écran de contenu au menu Administration, comme vous pouvez le voir dans la capture d'écran ci-dessous.

Comme WordPress l'utilise maintenant pour fournir des icônes dans WP-Admin, vous devriez aussi l'utiliser dans vos thèmes et plugins. En utilisant un jeu d'icônes de polices, comme Dashicons, vous pouvez facilement personnaliser la sortie via CSS . Si vous êtes un développeur qui souhaite mettre à jour vos plugins ou thèmes, selon le dernier design de WordPress et en utilisant ses nouvelles propriétés, cet article est pour vous.

Dashicons dans le menu Administration

En supposant que vous incorporiez Custom Post Type dans votre thème ou votre plugin, vous pouvez utiliser Dashicons de la manière suivante. Custom Post Type utilise menu_icon pour afficher l'icône. Avant WordPress 3.8, vous pouvez y ajouter votre chemin d'icône d'image. Dans la version 3.8, ce paramètre peut également être utilisé pour déclarer l'icône de Dashicons.

Tout d'abord, visitez le site Web de Dashicons. Cliquez sur l'une des icônes. Vous pouvez voir que l'icône sélectionnée est reflétée sur l'en-tête et il affiche le nom de l'icône avec des options pour le copier dans plusieurs formats: CSS, HTML et Glyph.

Copiez le nom de l'icône et ajoutez-le dans le menu_icon de votre fonction Custom Post Type, comme ceci. Notez que j'ai supprimé le code afin de garder cet article plus court. La longueur complète du code peut être trouvée ici.

 $ args = array ('label' => __ ('book', 'book'), 'description' => __ ('Post Type Description', 'book'), 'labels' => $ labels, 'supports' => array (), 'taxonomies' => array ('category', 'post_tag'), 'menu_position' => 20, 'menu_icon' => 'dashicons-book', 'capability_type' => 'post', ) ; 

Dans cet exemple, j'ai créé un type de message personnalisé pour la publication de livres. Et comme vous pouvez le voir ci-dessous, l'icône du livre apparaît à côté.

Menu

Les plugins peuvent également utiliser la fonction add_page_menu pour ajouter un menu d'administration. Dans ce cas, vous pouvez simplement spécifier le nom de l'icône Dashicons comme sixième paramètre. Dans l'exemple suivant, nous afficherons l'icône "clé à molette" dans notre page Options.

 function hkdc_custom_menu_page () {add_menu_page ('Page d'options', 'Options', 'options_gestion', 'myplugin / option.php', '', 'dashicons-admin-tools', 81); } add_action ('admin_menu', 'hkdc_custom_menu_page'); 

Dirigez-vous vers WP-Admin, et vous devriez voir l'icône comme indiqué.

Le repli

Ne supposez jamais que tous vos utilisateurs mettront à jour le dernier WordPress. Dans certains cas, ils ne le font pas. Ils peuvent avoir installé un plugin pour désactiver les mises à jour automatiques. Donc, il est nécessaire de fournir une solution de secours qui prend en charge la version WordPress plus ancienne. Si ce n'est pas le cas, le côté de l'icône apparaîtra comme une image brisée (comme ce qui se passe dans cette image, à côté des livres).

Avant de continuer, vérifiez que vous avez placé l'icône de l'image dans votre répertoire de thèmes ou de plugins. Ensuite, nous pouvons spécifier l'icône avec une fonction conditionnelle, comme suit:

Tout d'abord, nous définissons la valeur par défaut, qui utilise les Dashicons.

 $ icon = 'dashicons-book-alt'; 

Et nous remplaçons la valeur de la variable $ icon si elle est dans WordPress 3.7 et ci-dessous.

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

Remplacez le paramètre d'icône dans Custom Post Type (ainsi que dans la fonction add_menu_page ) avec la variable $icon .

 $ args = array ('label' => __ ('book', 'book'), 'description' => __ ('Post Type Description', 'book'), 'labels' => $ labels, 'supports' => array (), 'menu_position' => 20, 'menu_icon' => icône $, ); register_post_type ('book', $ args); 

Et nous avons terminé. Il utilisera Dashicons pour WordPress 3.8, tout en affichant l'icône "image" dans les anciennes versions.

Comment créer un Datalist qui est instantanément consultable

Les listes déroulantes sont un bon moyen de fournir des options pour un champ de saisie, en particulier lorsque la liste des options disponibles est longue. Un utilisateur peut choisir l'option qu'il souhaite en tapant dans le champ ou rechercher parmi les options qui correspondent à ce qu'il recherche.

(Conseils techniques et de conception)

5 façons de booster la vitesse d'Internet avec l'invite de commande

La lenteur de la vitesse d'Internet est un problème sans fin qui peste les utilisateurs d'Internet de temps en temps. Parfois, c'est un problème avec la configuration du réseau, d'autres fois le problème peut se poser avec le PC ou même le FAI lui-même.Toutefois, de nombreux problèmes liés aux adresses DNS, TCP et IP courantes peuvent être résolus à l'aide de l'invite de commande Windows . Vous trou

(Conseils techniques et de conception)