Después de salvar a varias doncellas en apuros y de evitar que un súper meteorito mandado por el gran súper villano se estrellara en la tierra, regresé a mi guarida para poder comentar en mi blog mis logros como superhéroe cuando de repente, como un escupitajo en mi ojo, me doy cuenta de algo que se me habia olvidado de poner. NO TENIA FAVICON, por dios! Acto seguido, no puede ni quitarme los mosquitos de la cara a causa de vuelo hipersónico, edite mi favicon.ico y aquí lo tenemos.
Antes:
Después:
Todo este royo de antes de superhéroe es que hoy he visto superman y ma dao por ahí. Colocar un favicon es muy muy sencillo. Hay algunos programas online que subes tu mismo una imagen y te la convierte en favicon.ico, pero si eres como yo preferirás hacerlo tu mismo.
Yo uso el Photoshop para editar las imágenes. Si lo usas tu también necesitaras un pequeño plugin para poder grabar en formato .ico
Descargar plugin: icoformat-psplugin.zip
Dentro encontraremos un fichero llamado ICOFormat.8bi, que debemos colocarlo en la siguiente carpeta:
C:\Archivos de programa\Adobe\Adobe Photoshop CS3\PlugIns\Formatos de archivo\
Abrimos el photoshop, y creamos un fichero de 16x16.
Luego, a la hora de guardarlo lo guardamos en formato .ico y listo, el primer paso de la creación del favicon esta terminado.
Ahora que ya explicamos como crear el Favicon, vamos a Integrarlo a nuestra web. Renombramos nuestro icono a favicon.ico y lo subimos a la carpeta raiz de nuestro WordPress.
Modificamos nuestro header.php que se encuentra en la carpeta de nuestro theme
Entre las etiquetas <head> y </head> agregaremos esta linea:
-
<link rel=”shortcut icon” href=”<?php echo get_settings(’home’); ?>/favicon.ico” type=”image/x-icon” />
Guardamos y listo! El favicon ya tendría que verse en nuestra web.
by Nano
01 Mar 2008 at 21:38
Muy buen post, lo pondré en practica, hace tiempo tenia ganas de añadirle un favicon al blog
Ahora a buscar un buen icono.
Saludos!!
by Algaraba
23 Feb 2010 at 23:31
Hola Super Guille:
He intentado poner en práctica el favicon.ico sin éxito.
Me da que el texto que aparece para colocar en el esta corrupto o le falta algo.
¿No debería llevar etiquetas php?
Señalas que es CSS, pero no tiene la sintaxis de ese código. Como veo que a ti te funciona, ¿Tienes idea de que puedo hacer mal?
Cuando coloco tu código se desencaja todo mi diseño, como si apareciera el código escrito en la web. Lo coloco entre las etiquetas y esto no debería pasar.
¿Los “<” que aparecen en tu código son correctos o hay algo corrupto?
Gracias por atenderme y un saludo
by Ramón Cordoba
17 Jun 2010 at 22:00
Seguí tus pasos, y funcionó una maravilla…!!!!
Gracias.
by Guille
18 Jun 2010 at 10:53
Me alegro que te haya servido. Un saludo!
by DSLR-A900
16 Nov 2011 at 17:44
Tenía muchas ganas de desarrollar un pequeño comentario para dar las gracias a usted por algunas de las recomendaciones increíble que usted está escribiendo en este sitio web. Mi mirada internet considerable hasta al final ha sido reconocido con sugerencias brillantes para el intercambio con mis invitados. Yo afirmaría que los visitantes del sitio son en realidad bastante suerte de existir en una comunidad maravillosa con la gente en circulación tantos con los principios muy beneficioso. Me siento muy afortunado de haber utilizado su página web completa, y esperamos muchas veces más brillante de leer aquí. Gracias de nuevo por todos los detalles.