¿Como poner Favicon en WordPress?
Si os habeis fijado en la barra del navegador hemos estrenado favicon, bueno esto para todos aquellos que no useis IE6. Que raro, no es compatible!
Aunque añadir el Favicon es relativamente sencillo os vamos a dejar una serie de pasos para ponerlo en WordPress.
1º Generar el Favicon. Esto lo podeis hacer a traves de esta Web en la que necesitais tener hecho vuestro logo en .PNG, .JPEG o .GIF; lo que os recomendamos es que la imagen sea lo mas sencilla posible debido a que la imagen se redimensiona a 16 x 16 px, si quereis usar algun tipo de letra para vuestro Favicon os recomendamos este generador de letras.
2º Una vez generado el Favicon, lo subimos al directorio raiz de nuestro dominio, es decir, si usais WordPress teneis que dejarlo fuera de la carpeta «/Wordpress», «/blog» o «/lo que hayais puesto».
3º Para realizar la llamada de nuestro Favicon a la barra de direcciones tenemos que insertar el siguiente codigo en el archivo header.php de nuestro tema entre las etiquetas <head> </head>.
codigo: <link rel=”shortcut icon” href=”favicon.ico” />
4º Por ultimo nos quedaria guardar los cambios realizados y recargar la pagina, si no os aparece a la primera no olvideis borrar cookies, cache y por supuesto no utilizar como navegador IE6.
Sobre el autor (Perfil del autor)
Artículos relacionados
Comentarios (31)
Páginas que enlazan a este post
- Generar y poner Favicon en Wordpress // menéame | agosto 23, 2007
Muy útil, gracias por el tuto y los links. Salutes
Gracias por tu comment 🙂
Aqui teneis otro generador de favicon online
http://herramientas.recuweb.com/favicon/
Espero que os sirva,
Saludos
Hola, he hecho exactamente lo que dices, y no veo el favico en ninguna de mis dos web con IE7, mientras que si aparece con opera o firefox.
Ni se ve en http://www.herzeleyd.com ni se ve en http://fotoaprendiz.com
Borra la cache y las cockies, porque en el explorer 7 debería de verse 🙂
Pero ves el mio en alguna de las páginas? Porque yo ni siquiera veo tampoco el de tu web… :S
Pues si me dices que el blog tampoco se ve, tiene pinta de no ser compatible con IE 7, una mas de microsoft.
Pues a mi no me sale. La verdad que en header.php tan solo he encontrado la etiqueta pero no la
No se, no entiendo mucho mi theme…
Si alguien puede ayudarme…
No se mucho de php. Vamos, estoy empezando a ver un poco esto..
Gracias
Has borrado la caché y estás usando firefox, por ejemplo?
Tengo instalado en blog en local para hacer pruebas (con easyPHP). He probado con Firefox y con Safari y tampoco funciona. No se si es que no coloco el código correctamente, pero me parece que no tiene ninguna complicación, ¿no?. Lo único extraño es que, como te digo, en header.php he encontrado la etiqueta pero no la etiqueta . No se si es ese el problema… Y el icono está en su sitio, en el directorio raiz, por lo que ese no es el problema…
Ya no se que mas probar…
Un saludo.
engo instalado en blog en local para hacer pruebas (con easyPHP). He probado con Firefox y con Safari y tampoco funciona. No se si es que no coloco el código correctamente, pero me parece que no tiene ninguna complicación, ¿no?. Lo único extraño es que, como te digo, en header.php he encontrado la etiqueta /head pero no la etiqueta head . No se si es ese el problema… Y el icono está en su sitio, en el directorio raiz, por lo que ese no es el problema…
Ya no se que mas probar…
He vuelto a poner el comentario porque me lee las etiquetas y desaparecen. No se como ponerlas bien con sus signos ><
Un saludo.
Pues es bastante raro, intenta ponerlo en un servidor online a ver si te funciona, porque yo lo he hecho en varios blogs y no he tenido problemas.
Siento no poderte ayudar mas!
Gracias de todas formas. Creo que es un problema del caché al tenerlo instalado en local. Cuando defino un sitio con Dreamweaver me genera un caché, se tira un rato haciendo el caché con los archivos que tengo en el sitio… Aún así, en local no me funciona, pero cuando lo suba ya os comentaré…
Gracias por todo.
Esta no es la manera de hacerlo ya que si entras en cualquier seccion de la web ya no aparece.
Lo mejor es poner el favicon.ico en la carpeta del template y en el header.php poner…
<link REL=»SHORTCUT ICON» HREF=»/favicon.ico»>
Muchas gracias por la info!
Jeje, estuve montando una web usando webSpell, phpBB3 y WordPress, lo único que hize fué subir el favicon al directorio raiz y de una funcionó en los 3, sin tener que hacer nada 😀
Salu2 😉
El problema era en local, ahora con la web en el subida funciona perfectamente.
Buenas dos páginas, tanto la de fuentes como la generadora de iconos (aunque esta última ya la conocía)
Ahora con la nueva versión de WP no hace ni falta cambiar nada, subes el icono y ya te lo reconoce (aunque haya que borrar cookies y limpiar temporales)
Gracias por tu aportación.
Un saludo de un blogero naciente!
Gracias por tu comment 😉
Gracias me sirvo mucho tu post 😀
gracias man!
funciono perfect
hola! mi favicon.ico estuvo funcionando muy bien menos en Chrome, he utilizado el codigo que dejaste en header.php y tambien he reemplazado el favicon del tema que utilizo por el que quiero que muestre y aun asi chrome no lo lee…no se que hacer :/ ayuda por favor!
encontre una solucion en http://www.jhusel.org/2009/10/mostrar-el-favicon-en-google-chrome.html#comment-form al fin!!!
Otro buen lugar para los Favicons es http://tools.dynamicdrive.com/favicon/ simple y sencillo.
Saludos desde Monterrey N.L. Mexico.
Gracias ha sido muy facil y útil y queda estupendo en mi web.
en mozilla lo veo en la pestaña pero no en la barra del navegador.
en chrome ni se ve. y con IE8 si se ve
gracias
Amigos a mi me sirvio asi mire:
Saludos
Muchas gracias por la info me sirvio y no es nada dificil de hacer.
asi quedo http://conoceme.cl
gracias
JK
hola,
Añadiendo a function.php de tu tema lo siguiente:
function childtheme_favicon() {
?>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico» />
<?php }
add_action('wp_head', 'childtheme_favicon');
Y colocando el favicon.ico en el raiz, ya estaria.
Un saludo.