Feb 14, 2014

Enfold & Fontello

Comenzamos con las presentaciones: Enfold es un theme para Wordpress bastante completo (muchos widgets por defecto). Fontello es una herramienta que te permite utilizar icon webfonts en tus proyectos web/mobile.

El problema con Enfold es carece de una documentación completa, y para realizar algunas tareas que no están ya implementadas por defecto es bastante engorroso encontrar la forma de hacerlo.

Hace unos días he descubierto como añadir nuevos iconos en Enfold, aprovechando la librería Fontello que ya viene pre-instalada.

En la ruta enfold/functions.php existe un array  con todos los iconos por defecto. Por ejemplo el icono de búsqueda es algo así:

‘search’ => array( ‘font’ =>‘entypo-fontello’, ‘icon’ => ‘ue803’)

Si queremos añadir uno nuevo (por ejemplo ‘phone’) debemos ir al fichero:

/enfold/config- templatebuilder/avia-template- builder/assets/fonts/entypo-fontello.svg

y buscar la cadena ‘phone’ (o algo similar) dentro de cada propiedad glyph-name.

Seguidamente copiamos el valor numérico adyacente de la propiedad ‘unicode’ (en este caso 854).

Volvemos a ‘enfold/functions.php’ y añadimos la siguiente línea al array:

‘phone’ => array( ‘font’ =>‘entypo-fontello’, ‘icon’ => ‘ue854’)

Finalmente ya podemos usarlo en cualquier parte del theme:

echo ‘<span ‘.av_icon_string(‘phone’).’></ span>’;

Ayudaría mucho que existiera un documento con todos los iconos disponibles, pero por ahora esta es la única forma.