Agregar un favicon .ico a tu WordPress



Hace poco publiqué un pequeño tip sobre cómo crear archivos .ico con Photoshop, ahora vamos a ver cómo establecer éste favicon que hemos creado como favicon.ico de nuestro blog.

Primero que todo, sube a tu servidor tu archivo .ico, yo recomiendo hacerlo via ftp, sin embargo, si no sabes utilizar el ftp, puedes subirlo como si fueras a insertar una imágen en tu post de wordpress; sólo asegúrate de copiar la url de la imágen después de subirla.

Una vez arriba nuestro ícono, agregamos en la primera o última línea después de “<?php” o antes de “?>” en nuestro archivo, functions.php de nuestro theme activo la siguiente pieza de código:

function childtheme_favicon() { ?>
	<link rel="shortcut icon" href="[TROLOLO(8)]" >
<?php }
add_action('wp_head', 'childtheme_favicon');

Recuerda en la línea No. 2 reemplazar donde dice “[TROLOLO(8)]” con la url a tu favicon (ej. http://www.eliassierra.com/favicon.ico).

PD: Si se preguntan por qué TROLOLOLO; conozcan trolololo. ^^

Visto en WpRecipes


Ya son 5 años en los que el internet ha sido un estilo de vida, en mi ámbito profesional y auto-didacta; me encanta retarme y convertir WordPress en lo que sea que necesite y siempre innovar con modelos de negocios online [...] Leer Más »

Advertisement

6 Responses to “Agregar un favicon .ico a tu WordPress”

  1. richard

    dic 12. 2010

    gracias por tu ayuda! buen blog!

    Reply to this comment
  2. Gabriela

    nov 05. 2011

    Hola Elías, he probado hacer lo que dices aquí para agregar un favicon y no me sale …
    Donde dice ” function childtheme_favicon” no tendría que cambiar child por el nombre del theme que estemos usando???
    De todos modos ya probé de las 2 formas y no hay caso.
    Yo uso wordpress.org con mi propio servidor y subí el favicon vía ftp a “httpdocs/wp-admin/images/favicon.ico”.
    Me podrías ayudar un poquito más a ver si logro poner el favicon.
    Desde ya muchas gracias!!!!!!!!!!!

    Gabriela

    Reply to this comment
    • elfleat

      nov 20. 2011

      Hola Gabriela,

      No hace falta editar el nombre de la función, en realidad.

      Qué estás poniendo en el atributo “href” de la línea 2 del código? creo que ahí está el error.

      Reply to this comment
  3. Alberto

    nov 24. 2011

    Hola, siguiendo tu tutorial he puesto en mi blog;

    <?php }
    add_action('wp_head', 'childtheme_favicon');
    lo he hecho con y sin "" para la url del .ico.
    He limpiado la cache de Mozilla y nada.
    Qué puede estar pasando.
    Gracias por tu ayuda.

    Reply to this comment

Trackbacks/Pingbacks

  1. Cómo crear un favicon .ico transparente con Photoshop « Diseño Web « Elías Sierra - septiembre 30, 2010

    [...] Debes saber que sólo por el hecho de tener Photoshop no significa que puedas crear tus propios favicons sin recursos adicionales. Sin embargo traigo el tip para agregarle ésta característica a tu Photoshop actual; ya si luego deseas, puedes también agregar tu favicon.ico a tu wordpress. [...]

  2. Agregar un favicon .ico a tu WordPress facilmente | Tecnofull - junio 13, 2011

    [...] function childtheme_favicon() { ?> <link rel="shortcut icon" href="http://www.eliassierra.com/favicon.ico&quot; > <?php } add_action('wp_head', 'childtheme_favicon'); Visto en EliasSierra [...]

Leave a Reply