Este tutorial va ayudarle a cambiar los iconos Font Awesome en plantillas WordPress.
WordPress. ¿Cómo se puede cambiar iconos Font Awesome?
1. Por lo general, se usa los iconos de Font Awesome para los elementos del menú en temas de WordPress. Hay capturas de pantalla de ellos:
2. Para cambiar los iconos tiene que abrir la sección Appearance->Menus (Apariencia -> Menús). Asegúrese de activar CSS Classes en Screen Options (Opciones de pantalla).
3. En nuestro caso, el elemento del menú tiene la clase: color-1 icon-home. color-1 define el color del tipo de letra, icon-home define icono. Por favor, consulte las capturas de pantalla.
4. Vamos a cambiar el icono. Por favor, abra el siguiente enlace: http://fortawesome.github.io/Font-Awesome/cheatsheet/ Encontrará la lista completa de los iconos. Para reemplazar el icono original sólo hay que copiar su clase.
5. Ahora Usted puede cambiar el icono especificando su clase en el menú CSS Class.
6. Actualice la página. Podemos ver el icono modificado.
7. La clase de color define el color del tipo de letra. Tenga en cuenta que a veces plantillas no incluyen esta opción. Revise las clases de color en todos los menús principales. Usted uede utilizar la misma clase para varios elementos del menú o personalizar el color existente.
8. Para cambiar el color existente Usted tiene que encontrar el color del tipo de letra con la ayuda del plugin de desarrollador Firebug. Más info Firebug. Mozilla Firefox plugin.
9. En nuestro caso, el color es especificado en el fichero main-style.css.
10. Abra el fichero en el editor y encuentre el código necesario. Hemos utilizado Notepad++.
11. Copie las líneas que deben ser modificadas y pegue ellas en el fichero style.css después de:
@import url("main-style.css");
Tenga en cuenta que deberá realizar todos los cambios en el fichero style.css de tema secundario (no modifique el fichero main-style.css de lo contrario Usted puede perder todas las modificaciones).
Revise el fichero style.css modificado.
12. Suba el fichero style.css modificado y actualice ls página.
13. Hemos cambiado el color.
14. Más información sobre los iconos Font Awesome en http://fortawesome.github.io/Font-Awesome/
Por favor, revise el tutorial: