hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


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.

40 remakes créatifs de la carte du monde

40 remakes créatifs de la carte du monde

Si vous n'avez pas le plaisir d'être un étudiant dans une classe de géographie où l'enseignant peut dessiner une carte du monde entière de la mémoire (rebondissement: l'enseignant est un professeur d'histoire, selon les commentaires), alors il est sûr de supposer que la géographie n'est probablement pas votre classe préférée . C'est

(Conseils techniques et de conception)

Ultime Guide des Getters et Setters en JavaScript

Ultime Guide des Getters et Setters en JavaScript

Les getters et setters sont des fonctions ou des méthodes utilisées pour obtenir et définir les valeurs des variables . Le concept du getter-setter est commun dans la programmation informatique : presque tous les langages de programmation de haut niveau sont livrés avec un ensemble de syntaxe pour implémenter des getters et setters, y compris JavaScipt.Dans

(Conseils techniques et de conception)