Blog de Estrategia y Marketing Digital

Cómo poner el favicon en Wordpress sin plugin

Cómo poner el Favicon en wordpress sin plugin

Cómo poner el favicon en WordPress sin pluginEl Favicon es el icono que aparece en la barra de marcadores de algunos sitios web, es decir, el pequeño logo que hay justo al lado de la URL.

También aparece al lado del nombre de la web en las pestañas de navegación.

Qué es el favicon | Comunicando Va | Marketing y Social Media para autónomos y pequeñas empresas

 

Si os ponéis a mirar páginas, todas las grandes empresas tienen su logo en la barra de navegación y en las pestañas.

Además de dar un toque de profesionalidad a nuestra web, facilita la búsqueda entre todas las pestañas que tenemos abiertas y, por supuesto, el recuerdo.

Yo soy (era) muy de plugins porque esto de tocar códigos me da un poco (cada vez menos) de miedo, vayamos a que la líe. Pero es cierto que no se debe abusar de plugins, ya que puede hacer que nuestra página vaya más lenta.

Lo ideal es usar sólo los justos y necesarios.

Por eso, he encontrado una forma muy sencillita de hacerlo sin necesidad de instalar ningún plugin, sólo tocando un poco el código.

¿Y cómo hacemos esto? Vamos por pasos:

1. Diseñar el Favicon

Este logo tiene unas dimensiones de 16×16 píxeles, vamos, súper pequeñito. Así que, seguramente, tendremos que modificar un poco nuestro logo para que se vea bien.

Mejor ponerlo en .png para que el fondo sea transparente y se vea más profesional.

2. Subir la imagen al apartado de “Medios”

Una vez subido tenemos que copiar su URL.

Para eso nos vamos a Medios, buscamos la imagen que queremos y le damos a editar. Una vez ahí, en el cuadro de la derecha tenemos su URL.

medios

3. Insertar el código

Ahora llega el momento trascendental. Nos vamos a Apariencia > Editor > Cabecera (header.php).

Si vamos un poco para abajo veremos que pone <head>, una serie de códigos y </head>.

Pues justo ahí es donde tenemos que escribir nuestro código.

Que sería:

<link rel=”icon” type=”image/png” href=”/favicon.png” />

– Sustituimos “png” por la extensión que tenga nuestra imagen. – Sustituimos “favicon.png” por la URL de nuestra imagen.

Y listo, ya tenemos nuestro logo personalizado en la barra de navegación.

¡¡¡OJO!!! Cada vez que actualicéis la plantilla de vuestro WordPress tendréis que hacer el mismo procedimiento. La única forma de no tener que hacer esto es utilizando un child theme o el editor del plugin Jetpack.

Imagen

7 comentarios

  1. Laura
    20/06/2015

    Gracias por compartir tu sabiduría 🙂

    Responder
  2. duda
    29/06/2015

    y cómo cambio el favicon ahora que no sale la opción editor? : (

    Responder

Deja tu comentario

Tu correo electónico no será publicado. Los campos obligatorios estan marcados con un *