¿Como poner Favicon en Wordpress?

August 23rd, 2007 | by Cento









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.

If you enjoyed this post, make sure you subscribe to my RSS feed! Posts Relacionados

25 Responses to “¿Como poner Favicon en Wordpress?”

  1. By TheKooks on Jan 13, 2008

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

  2. By Operador on Jan 13, 2008

    Gracias por tu comment :)

  3. By recuweb on May 16, 2008

    Aqui teneis otro generador de favicon online

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

    Espero que os sirva,

    Saludos

  4. By Herzeleyd on Jul 8, 2008

    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

  5. By Operador on Jul 8, 2008

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

  6. By Herzeleyd on Jul 8, 2008

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

  7. By Operador on Jul 8, 2008

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

  8. By Ruben on Aug 27, 2008

    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

  9. By Operador on Aug 27, 2008

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

  10. By Ruben on Aug 28, 2008

    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.

  11. By Ruben on Aug 28, 2008

    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.

  12. By Operador on Aug 28, 2008

    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!

  13. By Ruben on Aug 29, 2008

    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.

  14. By Neo Generation on Nov 13, 2008

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

  15. By Operador on Nov 13, 2008

    Muchas gracias por la info!

  16. By Dapd0007 on Dec 12, 2008

    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 :-D
    Salu2 ;-)

  17. By Ruben on Dec 12, 2008

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

  18. By Sancas on Feb 16, 2009

    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!

  19. By Operador on Feb 17, 2009

    Gracias por tu comment ;)

  20. By LUIS360 on Mar 28, 2009

    Gracias me sirvo mucho tu post :D

  21. By artesano on Sep 25, 2009

    gracias man!
    funciono perfect

  22. By sandriux86 on Nov 10, 2009

    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!

  23. By sandriux86 on Nov 10, 2009

    encontre una solucion en http://www.jhusel.org/2009/10/mostrar-el-favicon-en-google-chrome.html#comment-form al fin!!!

  24. By Colaborando on Dec 3, 2009

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

    Saludos desde Monterrey N.L. Mexico.

  1. 1 Trackback(s)

  2. Aug 23, 2007: Generar y poner Favicon en Wordpress // menéame

Post a Comment