-
Posts
-
Hola!
¿Cómo puedo añadir un icono que no viene en el theme en la cabecera?
Me refiero a estos:
https://www.dropbox.com/s/yt337wrcqdtqpkp/Captura%20de%20pantalla%202015-03-01%2017.59.24.png?dl=0
Si no, me conformo con sustituir uno de los que hay. Pero no sé cómo hacerlo, gracias!
Hi Lidia!
tendrias que poner este codigo en tu functions.php:
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['facebook'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue907'); $icons['twitter'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue908'); return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Facebook'] = 'facebook'; $icons['Twitter'] = 'twitter'; return $icons; }Luego tienes que ir a http://fontello.com/ y elegir el icono que te gusta y reemplazar el codigo del icono (ue907 y ue908) con los nuevos del fontello. Para saber el nuevo codigo del icono haz click en “Customize Codes” en la pagina de fontello.com. Ahora tienes que importar los nuevos iconos a Enfold.
Cheers!
AndyHola Andy!
Entiendo que donde pone Facebook y Twitter, son ejemplos, ¿verdad?
Por ejemplo, ¿estaría bien mi código así?
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['teaming'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue907'); return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Teaming'] = 'teaming'; return $icons; }Estoy buscando un icono de Teaming: https://www.teaming.net/ (el corazón del logo), ¿sería posible usar un icono así? ¿puedo crearlo yo?
Gracias!
Hi!
podrías subir tu icono en fontello.com:
y luego seguir los pasos como te he escrito.Tu código me parece bien. Avisenos si todavía necesitas ayuda.
Muchos saludos,
AndyHola Andy!
Lo he hecho todo, pero hay algún error, y creo que se debe a que no veo igual esta parte:
https://www.dropbox.com/s/si5ol7jyrvoj2jr/Captura%20de%20pantalla%202015-03-04%2013.11.28.png?dl=0
En la pestaña Extra Elements yo no veo lo mismo que tú en la parte inferior.
¿Por qué puede ser?
El icono no se ve, pero el enlace sí está!
Gracias.
Hola Lidia,
Esas capturas estan un poco desactualizadas, los iconos se manejan aqui ahora – http://screencast.com/t/hWEVhNEbg
Sobre usar un icono personalizado lo que tienes que hacer es:
1. Exportar esa imagen como un SVG (trazo compuesto) usando un programa como Illustrator / Corel Draw.
2. Luego lo tienes que pasar por Fontello y obtener el .zip
3. Ese .zip lo importas en el panel de Enfold (Import/Export)
4. Por ultimo, poner el código en functions.php, tu código esta bien pero debes cambiar esta linea y poner el nombre de la fuente importada (http://screencast.com/t/PCylx52lnw):$icons['teaming'] = array( 'font' =>'NOMBRE_DE_FUENTE_AQUI', 'icon' => 'ue907');Saludos,
JosueHola de nuevo Josue!
Yo no había puesto el nombre de la fuente, pero una vez que lo he hecho, tampoco aparece el icono, te voy a pasar algunas capturas para que tú me digas si lo ves todo correcto ok?
1. Dentro del zip descargado de fontello hay esto: https://www.dropbox.com/s/ehe6ue2tbb27tu8/Captura%20de%20pantalla%202015-03-04%2017.25.51.png?dl=0
2. En el functions.php de mi child theme esto: https://www.dropbox.com/s/lk5le2cwm34qnns/Captura%20de%20pantalla%202015-03-04%2017.26.28.png?dl=0
3. En mis iconos: https://www.dropbox.com/s/qz8sgu6utyag4nv/Captura%20de%20pantalla%202015-03-04%2017.26.56.png?dl=0
¿Qué puedo estar haciendo mal? He borrado caché y sigo igual. Sigo investigando!
Muchas gracias!!!
Josue te paso el link para descargarlo desde dropbox:
https://www.dropbox.com/s/1vnn14yafysh3js/fontello-45579e4e.zip?dl=0
¿Podría ser por tratarse de un child theme? Estoy segura que estoy haciendo algo mal, no estoy familiarizada con esto!
Muchas gracias por vuestra ayuda.
Es el código del icono (ue800), cambia lo que tienes en el child functions.php a:
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_icon($icons) { $icons['teaming'] = array( 'font' =>'fontello', 'icon' => 'ue800'); return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Teaming'] = 'teaming'; return $icons; }Saludos,
JosuePerfecto! Ahora lo veo perfect!
Pero entonces el error era que yo ponía una barra / en vez de una u?
Gracias!!!!!!
Puede ser pero me parece que es mas por el código que usabas (ue907, el primer icono de una fuente custom siempre es ue800).
Uhmmm tengo que pararme a ver cómo va todo esto… Tengo esta asignatura pendiente.
Muchas gracias, ahora sé un poco más y todo está funcionando como quería.
Podéis cerrar el ticket!
Saludos!
- The topic ‘Añadir icono personalizado de red social en el header’ is closed to new replies.