web-dev-qa-db-fra.com

Comment utiliser une icône d'administrateur existante dans WordPress?

J'utilise la fonction add_menu_page pour ajouter un nouveau menu administrateur:

add_menu_page(
    'Custom_menu',
    'Custom_menu',
    'edit_posts',
    'custom_slug',
    '',
    'wordpress_existing_icon',
    5
);

Comment utiliser l'une des icônes existantes de WordPress?

Par exemple, si je souhaite utiliser l'icône "Posts" de WordPress, par quoi dois-je remplacer 'wordpress_existing_icon' dans le code ci-dessus?

J'ai essayé 'edit' et 'edit-posts' mais cela ne fonctionne pas.

menusadd-menu-pageicon
3
Gilles Vauvarin

add_menu_page();, pour autant que je sache, ne fonctionne pas avec screen_icon ni les paramètres CSS par défaut. Le paramètre $icon ne prend que 2 options, une url ou une div (bien 3 si vous le laissez vide), ce qui vous laisse les options suivantes:

  1. Codez en dur le lien vers les icônes situées dans wp-includes/images/wpicons.png. Ceci est une tranche d'image de toutes les icônes.

  2. Découpez simplement l'icône de votre choix dans un éditeur de photos et incluez-la en tant qu'image autonome dans votre dossier de plug-in, comme dans l'exemple du codex.

  3. Utilisez le paramètre div et définissez-le via CSS. Par exemple;

-

 add_menu_page(
               'custom menu title', 
               'custom menu', 
               'add_users', 
               'myplugin/myplugin-index.php', 
               '', 
               'div', //this part
               6);

Pour élaborer sur la réponse précédente lors de l’utilisation de screen_icon('edit');, voici la liste:

  • modifier
  • télécharger
  • gestionnaire de liens
  • pages d'édition
  • edit-comments
  • des thèmes
  • plugins
  • utilisateurs
  • outils
  • options générales

Vous pouvez aussi les contenir dans une div comme:

<div id="icon-edit" class="icon32"></div>

Référence de style: http://codex.wordpress.org/User:Wycks/Styling_Option_Pages :

4
Wyck

Lorsque vous appelez la fonction screen_icon, indiquez l’identifiant de la page à partir duquel vous souhaitez obtenir l’icône. Par exemple, si vous voulez une icône de publication, utilisez screen_icon('edit'); ou screen_icon('post');.

À propos de ici, vous pouvez laisser false ou null ou peut-être mettre "div" ici. J'ai lu quelque part dans le codex que "div" devrait être utilisé chaque fois qu'il est supposé y avoir du CSS personnalisé

1
Mridul Aggarwal

Apparemment, ce code fonctionne pour moi:

add_menu_page( 
    __( 'Test Book', 'testbook' ),
    'Test Book',
    'manage_options',
    'includes/admin-options.php',
    'test_book_menu_page',
    'dashicons-building',
   7
);

J'ai simplement ajouté 'dashicons-building' comme indiqué dans le code ci-dessus.

 enter image description here 

1
NJENGAH