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

4 Comments

  1. gracias por tu ayuda! buen blog!

    Reply
  2. 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
    • 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
  3. 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

Trackbacks/Pingbacks

  1. Cómo crear un favicon .ico transparente con Photoshop « Diseño Web « Elías Sierra - [...] Debes saber que sólo por el hecho de tener Photoshop no significa que puedas crear tus propios favicons sin …
  2. Agregar un favicon .ico a tu WordPress facilmente | Tecnofull - [...] function childtheme_favicon() { ?> <link rel="shortcut icon" href="http://www.eliassierra.com/favicon.ico" > <?php } add_action('wp_head', 'childtheme_favicon'); Visto …

Submit a Comment

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>