Elenco nomi icone Dashicons dai doc di WordPress

Se vi serve un modo veloce per estrapolare l’elenco dei nomi delle icone Dashicons dalla pagina di documentazione di WordPress potete, dalla pagina stessa, aprire la console del browser ed eseguire il seguente snippet di codice.

Dopo l’esecuzione avrete copiato nella clip board l’elenco dei nomi.

copy(
  Array.from(document.querySelectorAll("li.dashicons")).reduce((acc, curr) => {
    const classList = new Set(curr.classList);
    classList.delete("dashicons");
    return [...acc, Array.from(classList)[0].toString().replace("dashicons-", "")];
  }, []),
);

Perché serve

Le Dashicons sono il set di icone SVG integrato in WordPress, usato nella bacheca di amministrazione e disponibile a chiunque sviluppi plugin o temi. La pagina ufficiale mostra la griglia delle icone ma non offre un modo diretto per copiarne l’elenco dei nomi — da qui lo snippet.

Come usare i nomi estratti

Una volta ottenuto l’elenco, ogni nome va preceduto dal prefisso dashicons- per essere usato:

• in HTML/CSS, dentro uno <span> con classe dashicons:

  <span class="dashicons dashicons-admin-post"></span>

• in PHP, ad esempio per l’icona di una voce di menu con add_menu_page():

  add_menu_page('Titolo', 'Titolo', 'manage_options', 'slug', 'callback', 'dashicons-admin-post');

Nell’area admin lo stylesheet dashicons è già caricato di default; nel frontend va accodato a mano con wp_enqueue_style('dashicons').