Modificar el favicon que tenemos por defecto es una buena idea.

Le da un aire más profesional al weblog y es otra forma de que nos identifiquen.

favicon

(El favicon es el icono que identifica a una web, podemos verlo en la barra de direcciones)

Creando un favicon para nuestro blog.

Existen multitud de servicios para crear un favicon, desde el servicio online de degraeve, pasando por favicon por pics (subes una imagen y la convierte) hasta el programa Microangelo que es muy recomendado.

Cómo me gustan los servicios online, vamos a darle una chance a degraeve.

2

(Utilizando toda mi habilidad en el diseño para crear el favicon)

Cuando lo tenemos listo, vamos a make favicon, y lo guardamos en nuestra PC.

3

Listo, ahora (en mi caso) lo tenemos en el escritorio.

4

Abrimos el cliente FTP, y subimos el favicon al directorio raíz del sitio.

5

Por cierto, esta es la forma por defecto para insertar un favicon, como muchos saben, hay themes que vienen con sus favicons dentro de la carpeta del mismo, esto se debe a que en la cabecera incorporan una etiqueta META la cual especifica la ruta del favicon en cuestión, que por cierto, tiene preponderancia por el que se encuentra en el directorio raíz (Gracias Perro Callejero)

¿Te gustó este post? ¡Compártelo!
  • Bitacoras.com
  • TwitThis
  • Facebook
  • Meneame
  • Google Bookmarks
  • del.icio.us
  • Live
  • Technorati
  • Ping.fm
  • Wikio
  • Turn this article into a PDF!
  • E-mail this story to a friend!
  • Print this article!
cursos formación continua

    16 comentarios en “¡Edita el favicon de tu Wordpress!”

  1. mickyrayado (1 comentarios) dijo:

    oye pero el ejemplo que tu pusiste es para wordpress.org ??? ya que no he podido yo entrar al FTP de mi blod de wordpress.com

  2. Fernando Tellado (2313 comentarios) dijo:

    @mickyrayado: Exacto, lo que Guillermo nos muestra es para wordpress alojado en tu servidor, en wordpress.com no tienes ftp al que acceder y tienes que tener el que viene por defecto.

  3. Hola, yo he intentado hacer eso del favicon, pero no lo he conseguido.
    Creé el favicon y lo subí a la carpeta de public_html.
    Viendo la plantilla me encontré este código:
    <link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” />
    El theme que instalé venía ya con un favicon.
    Cómo puedo remplazar el antiguo por el que he creado yo?¿

    Un saludo

  4. El theme lo tiene aquí: http://www.ajedrez32.com/wp-content/themes/soulvision/favicon.ico sustituye ese por el tuyo y ya lo tienes ;)

  5. OK, ya lo he sustituido.
    Supongo que tardará un poco en hacer efecto, ya que todavía se ve el del RSS.
    Muchas gracias por la info, Fernando.

    Un saludo y buenas tardes

  6. Pues yo ya lo veo bien el favicon :)

  7. Ok, ya está.
    Muy buen tuto Fernando :) :-)

  8. alvarezval (7 comentarios) dijo:

    Hola, estoy tratando de poner un favicon que preparé con esta herramienta, sigo los pasos, pero subo a la figura guardada en la carpeta Blog, que pienso que es en mi caso la carpeta raiz. la url de mi blog es http://sercompetitivos.com/Blog. Aprovecho para consultar como yo pudiera quitar el subdominio ese Blog y dejar solo sercompetitivos.
    gracias
    alvarezval

  9. Loren (11 comentarios) dijo:

    A mi me funciona correctamente en explorer y chrome, pero no en firefox :(
    (Firefox v3.5.6)

  10. Loren (11 comentarios) dijo:

    Perdón, simplemente ha tardado más en aparecer

  11. soga (2 comentarios) dijo:

    Excelente Tutorial, me funcionó de mil maravillas….Gracias

  12. [...] Seguro que ya todos sabéis como añadir un favicon a vuestro sitio, esos pequeños iconos que aparecen en la barra de direcciones del navegador, y que se guardan junto al nombre del sitio en tus marcadores favoritos, de hecho ya aquí hemos explicado incluso como modificarlo. [...]

  13. NO se porque pero me he dado cuenta que otros amigos que usan wordpress.com han logrado cambiar su favicon en sus blogs, tiene que existir una manera para esto en wordpress.com

    salu2

  14. Ro (1 comentarios) dijo:

    Gracias! Ya me preguntaba yo donde se cambiaba eso, porque revolvi el tablero de configuración del WP
    Se agradece!! ^^

Escribe un Comentario

XHTML: Puedes usar estos códigos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Comentarios adicionales gracias BackType

Subir

Anúnciese aquí
Expertos en WordPress
Evolución Euribor
Consigue 28 themes premium por menos de 14 euros
Participa en el Debate
  • Macgrafic: @Jose esta aplicación es para el iPhone y Puedes gestionar tu blog de tu dominio o de...
  • fff:
  • Abundancia33: Actualicé en algunos blogs y si hay un problema, con esta versión desaparece el...
  • Hugo Alfaro: Wow!… esta utilidad me ha sido de gran utilidad… ideal para los sitios...
  • Jose: P.D. Enhorabuena por la web! Sois magnificos!
Noticias Breves
  • BuddyPress 1.2 está prácticamente lista para lanzarse salvo que las pruebas de los usuarios digan lo contrario. Ya puedes descargarla y empezar a comprobarla (enlace al svn). En esta nueva versión se han cerrado más de 125 tickets desde la última beta.

    [#3]

  • Ya está disponible WordPress MU 2.9.1 y José Conti me avisa que en unas horas tendrá lista la traducción para poder tener actualizado y listo tu sitio multiusuario.

    [#6]

  • ¿Sabías que Kubrick, el tema que va a ser sustituido en 2010 lo creó un desarrollador danés?. Toda la historia de este tema, ya mítico, la tienes en este artículo (traducido con Google).

    [#26]


  • Ahora mismo en los FOROS ...
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag                              
    By N2H