LINUX GNU BLOG

Software libre y diseño web
Feb272011

Como añadir un Favicon a nuestro blog de WordPress.

Linux gnu blog

El favicon es la imagen que representa nuestra web en la barra de direcciones del navegador.
Es conveniente que la imagen no sea mayor de 32×32, preferiblemente 16×16.
La imagen debes guardarla en .ico, así garantizas que se vea en cualquier explorador.
Si te surge alguna dificultad para convertirla a .ico, guárdala en .png y hazlo online en esta web.

-El primer paso seria subirla a nuestro directorio ftp
-Después desde el panel de control de WordPress, en Apariencia entras en Editor
-Ahora podras editar el archivo header.php
-Busca el tag <head> y a continuación pega esta linea:

<link rel="shortcut icon" href="http://url/imagen.ico" />

-Actualizas el archivo y listo.

Nota: Esto solo es válido para WordPress.org

Política de comentarios

Dada la importancia de los comentarios como espacio de participación, te pedimos por favor que leas detenidamente y cumplas con las siguientes normas de participación.

8 respuestas para “Como añadir un Favicon a nuestro blog de WordPress.

Kirosan

Es muy interesante, solo falta un pequeño detalle, en que formato se guarda es decir, si es bmp, png, ico.


José Miguel

Saludos Kirosan, el formato de la imagen debe ser .ico, Al principio lo hice en .png (no recomendable) después lo hice en .ico, en ambos casos funciono.
Solo a modo informativo, WordPress.com en cuanto al formato te da dos opciones: .jpeg o .png, pero lo para evitar problemas, lo mejor es .ico
Ampliare el post con el objetivo de no dejar lugar a dudas. Muchas gracias por tu colaboración.


Kirosan

Gracias por la aclaracion, este pequeño detalle puede surgir muchas dudas y preguntas para los usuarios, asi ya no hay lugar a dudas, jajaja.


Kirosan

Tras intentar hacer lo que explicas he encontrado mas informacion sobre el asunto, y o no se si me dejaba en png ya que en principio no me salia, quizas era por la cache pero al final lo puse como favicon.ico de 16×16
y añadiendo al header.php esta linea tras la etiqueta
<link rel="shortcut icon" href="/favicon.ico” />

lo dejo posteado por si acaso.


José Miguel

La linea es correcta. Sobre el formato de la imagen, si usas el navegador “internet explorer” el png es incompatible, solo permite .ico. es el único navegador con esa dificultad.


Kirosan

la linea que he puesto es complementaria, es decir vale la que has puesto, pero esta linea que he posteado tambien es valida, lo de si png o no, ahi es donde al final use un ico porque encontraba en muchos sitios que era asi y nombrandolo favicon.ico, asi que dado que al principio no me salia quizas por no borrar la cache de firefox o algo, al final me decidi a hacerlo como he explicado y ha funcionado, asi que lo hize asi, uso firefox siempre and forever, es mi navegador favorito tanto para linux como para windows, asi que tenemos otra forma de que funcione complementaria a la que has puesto. eso era lo que queria aclarar de mi post anterior, no se si hubo un momento que cogio el png pero ya como puse el ico a 16×16 asi se quedo. de hecho lo puedes ver en mi web que es asi como lo he hecho y veras un pinguino molon.


José Miguel

La cache gasta malas pasadas, al principio no veía tu pingüino, después si… un pingüino azul claro. Saludos…


“Linux gnu blog” estrena favicon. | Linux gnu blog

[…] Te podría interesar: -Como añadir un favicon a nuestro blog de WordPress.org […]


Deja un comentario

Tu dirección de correo electrónico no será publicada.