Cómo usar Dashicons en un tema o complemento de WordPress

A partir de la versión 3.8, Dashicons es la fuente oficial de iconos para los administradores de WordPress. Las fuentes de iconos tienen licencia GPLv2.

Dashicons ahora está incluido en la gestión de WordPress. Agregarlos a su complemento o tema es simple: todo cuanto tiene que hacer es añadir HTML. Si es necesario, puede agregar su CSS para determinar el estilo de fuente del icono.

si usted desea Agregar Dashicon a WordPress El frenteVa a deber colocarlos en cola utilizando el código PHP en el tema function.php Fichero:

/* Add Dashicons in WordPress Front-end */
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() 
wp_enqueue_style( 'dashicons' );

Nota: no editar function.php Su fichero de tema. Si se actualiza el tema, posiblemente pierda todos y cada uno de los cambios. Utilice temas infantiles.

Dashicon en WordPress El frente: Utilizando HTML

Para agregar Dashicons, visite la página de comienzo oficial de Dashicons y lleve a cabo clic en el icono que quiere utilizar. Entonces haga click en el enlace Copiar HTML en la parte superior de la página y copie el HTML del ícono que desea utilizar.

Pegue el HTML en su editor de texto o widget. por servirnos de un ejemplo:

Dashikons: Empleando CSS

puedes utilizar esto dashikons-antes clase.
En este caso de ejemplo, estamos añadiendo Dashicons a

título:

A Headline width Dashicons

Entonces puedes crear tu clase de icono:

.heading-icon:before 
font-size: 20px;
line-height: 1;
vertical-align: top;