¿Como poner Favicon en WordPress?

| agosto 23, 2007 | 31 Comentarios

Copia_de_favicon.JPG 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 ()

Comentarios (31)

Páginas que enlazan a este post

  1. Generar y poner Favicon en Wordpress // menéame | agosto 23, 2007
  1. TheKooks dice:

    Muy útil, gracias por el tuto y los links. Salutes

  2. recuweb dice:

    Aqui teneis otro generador de favicon online

    http://herramientas.recuweb.com/favicon/

    Espero que os sirva,

    Saludos

  3. Herzeleyd dice:

    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

  4. Operador dice:

    Borra la cache y las cockies, porque en el explorer 7 debería de verse :)

  5. Herzeleyd dice:

    Pero ves el mio en alguna de las páginas? Porque yo ni siquiera veo tampoco el de tu web… :S

  6. Operador dice:

    Pues si me dices que el blog tampoco se ve, tiene pinta de no ser compatible con IE 7, una mas de microsoft.

  7. Ruben dice:

    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

  8. Operador dice:

    Has borrado la caché y estás usando firefox, por ejemplo?

  9. Ruben dice:

    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.

  10. Ruben dice:

    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.

  11. Operador dice:

    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!

  12. Ruben dice:

    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.

  13. Neo Generation dice:

    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”>

  14. Operador dice:

    Muchas gracias por la info!

  15. Dapd0007 dice:

    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 😉

  16. Ruben dice:

    El problema era en local, ahora con la web en el subida funciona perfectamente.

  17. Sancas dice:

    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!

  18. Operador dice:

    Gracias por tu comment 😉

  19. LUIS360 dice:

    Gracias me sirvo mucho tu post 😀

  20. artesano dice:

    gracias man!
    funciono perfect

  21. sandriux86 dice:

    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!

  22. Colaborando dice:

    Otro buen lugar para los Favicons es http://tools.dynamicdrive.com/favicon/ simple y sencillo.

    Saludos desde Monterrey N.L. Mexico.

  23. iPhoniacos dice:

    Gracias ha sido muy facil y útil y queda estupendo en mi web.

  24. 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

  25. Jose dice:

    Amigos a mi me sirvio asi mire:

    Saludos

  26. Juarang dice:

    Muchas gracias por la info me sirvio y no es nada dificil de hacer.
    asi quedo http://conoceme.cl

    gracias

    JK

  27. ChrlS dice:

    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.

  28. alex ruiz dice:

    la unica forma de lograr poner mi favicon fue de la manera en que esta en este video se los dejo para los que no le sresulte de esta manera
    http://www.youtube.com/watch?v=lL4fgFeimZs

    saludos y exitos
    CELXPRESS

Escribe un comentario