HERRAMIENTAS
Iconos Tipográficos para utilizar en tu web con CSS
Si eres diseñador web ya conoces las tipografías de iconos o iconos tipográficos. Hay varias tipografías con iconos que puedes utilizar, y depende del theme que utilices en tu WordPress, Joomla, Prestashop, etc tendrá implementado uno u otro. La mejor opción es utilizar la tipografía de iconos que viene “de serie” en cada theme, pero si además quieres usar otro te muestro a continuación los que más utilizo.
Dashicon
Es la tipografía de iconos oficial del administrador de WordPress. Tiene 303 iconos.
Puedes ver todos los iconos en https://developer.wordpress.org/resource/dashicons/#wordpress
Cómo meter iconos en mi web
- Copia en tu página el código HTML del icono que te interesa, por ejemplo:
<span class=”dashicons dashicons-wordpress”></span>
- O puedes hacerlo mediante CSS, añadiendo en tu class: content: “f120”;
- Por ejemplo: .icono-logo-wordpress:after{content: “f120”;}
Menú de administrador | Admin menu
Pantalla de bienvenida
Formatos de publicaciones
Media
Edición de imagen
TinyMCE
Pantalla de publicaciones
Clasificación
Social
WordPress.org específico: trabajos, perfiles, WordCamps
Iconos de BuddyPress y BBPress
Products
Taxonomies
Widgets
Notificaciones
Varios