En este vídeo vamos a repasar las distintas formas de poner un favicon a tu web con WordPress (y de paso también un Apple Touch icon), y veremos también qué ventajas y qué inconvenientes tiene cada una de las formas. Ya verás que es muy facilito y que merece la pena gastar un par de minutos más para que nuestra web quede perfecta. ¡Dentro vídeo!
Pues ya lo has visto, hay soluciones para todos los gustos. Eso sí, unas mejores que otras y con diverso nivel de complejidad. Aquí te dejo las notas de lo que he ido comentando en el vídeo:
- Plugin All in One Favicon
- Plugin Custom favicon
- Plugin Favicon XT-Manager
Como digo en el vídeo ésta es una solución un poco chapucera y no recomiendo usar estos plugins ya que la web se carga innecesariamente. Mejor hacer las cosas bien, que cuesta muy poco.
Y para hacer las cosas bien éste es el código que tendrías que añadir en el header.php de tu plantilla. Ojo con esto, porque si no usas un child theme lo perderás cada vez que tu tema se actualice:
Y aquí el código para el plugin personalizado, por si quieres rizar el rizo y hacer un trabajo fetén:
Además, podrás usar este plugin para poner cualquier código que necesites tener en la cabecera, como el de Google Analytics, el del botón +1, el de la like-box de Facebook, etc. Y sin tener que preocuparte de él cuando cambies de plantilla. 🙂
¿Estás construyendo tu tienda online o eres implementador WordPress?
¿Necesitas plugins de calidad y con soporte para implementar funcionalidades concretas?
Consigue todos los plugins a la venta en la sección de plugins de esta web y todos los que siga añadiendo. Acceso a los 96 plugins (y subiendo) con soporte directo del desarrollador, actualizaciones y uso ilimitado: úsalos en tantas webs como lo necesites.
Verás que en el código he usado la función de WordPress get_bloginfo (‘wpurl’). Esta función devuelve la ruta de tu instalación: si no tienes WordPress instalado en la raíz del servidor (es decir, si lo tienes dentro de una carpeta) incluirá esa carpeta en la ruta. Si no tienes WordPress, puedes usar la variable de servidor $_SERVER [‘SERVER_NAME’], aunque tendrás que añadirle el http:// al principio.
Lo mejor es que cambies eso por la ruta completa a tu favicon (sin olvidar el http://), algo como http://www.miwebsuperchula.com/wp-includes/images/favicon.png. Recuerda sin embargo que el apple-touch-icon.png tiene que estar sí o sí en el directorio raíz.
Eso es todo, ya ves lo sencillo que puede llegar a ser cuando uno sabe lo que tiene que hacer, qué tiene que poner, y dónde. 🙂
Si después de esto te ha quedado alguna duda no tienes más que contactarme e intentaré ayudarte. ¡Un saludo!
Hola. He utilizado el plugin para subir mi favicon, sin embargo, cuando actualizo sólo se ve el favicon en el panel de administración, pero no en el de la web.
A qué puede ser debido? Podrías ayudarme?
Gracias
Hola Alicia. Si miras el código fuente (click derecho, ver código fuente) y buscas icon (puedes usar CTRL+F), ¿aparece la línea <link rel=»icon»…?