Cómo agregar fácilmente un favicon a su sitio web de WordPress

Mostrar un favicon en un sitio web de WordPress se ha vuelto extremadamente popular y por buenas razones. Un Favicon memorable permite a su audiencia reconocer instantáneamente su sitio y seleccionarlo desde una fila completa de pestañas de un navegador ocupado. Pero, ¿cómo puede agregar fácilmente un Favicon a su sitio web de WordPress? En este artículo, analizaremos qué es exactamente un favicon y por qué su sitio debería usar uno. Luego aprenderemos cómo crear rápidamente una imagen de Favicon y subirla a su sitio con WordPress Customizer. Concluiremos discutiendo otras formas de agregar un Favicon, incluidos varios complementos y una opción de codificación.
¿Qué es un favicon?

Desde WordPress 4.3, cuando de repente se volvió extremadamente simple agregar un icono de sitio a un sitio web, la mayoría de los sitios web de WordPress ahora muestran un Favicon. Favicon es la abreviatura del “icono favorito”, pero también se puede ver en WordPress Customizer bajo el nombre de “Icono del sitio”. Un Favicon es la imagen que se muestra en una pestaña del navegador y como un icono de aplicación para ayudar a las personas a reconocer un sitio web. Si observa la parte superior de la página ahora, en las pestañas abiertas en su navegador, verá una fila de fase. Se colocan junto al título de la página de cada sitio web.
Un icono del sitio generalmente refleja la marca de un sitio web. A menudo serán la misma imagen que el logotipo de un sitio. Sin embargo, también pueden ser una imagen que representa su negocio de alguna manera. Inconscientemente, los usuarios se familiarizarán con una amplia gama de fase y podrán seleccionar un sitio de muchas pestañas abiertas, solo reconociendo el símbolo. ¿Por qué deberías usar un favicon?

Usar un favicon es una capa de marketing inteligente. El objetivo principal de un favicon es ayudar a un usuario a identificar su sitio hacia sus competidores. Un Favicon interactúa visualmente con su audiencia, recordándoles su sitio y asegurándose de que puedan localizarlo rápidamente. Un Favicon también lo ayuda a promover su marca y establecer su sitio como una fuente confiable. La facilidad de configuración, junto con los beneficios de marketing, debe garantizar que todos los sitios agregen un favicon. Cómo crear un favicon
Un favicon puede ser cualquier imagen, pero, como ya mencioné, es mejor si es el logotipo de su sitio o está relacionado con su marca de alguna manera. Un ícono simple pero poderoso y atrevido hará que un sitio se destaque y sea recordado. Una vez que haya creado o haya decidido una imagen, deberá editarse. Un favicón de WordPress debe ser una forma cuadrada y tener un tamaño de al menos 512 x 512 píxeles. Aunque se puede cortar en WordPress, la mejor práctica sería producir su Favicon en un software de edición de imágenes. GIMP es un programa fácil de usar para manejar imágenes que lo ayudarán a editar rápidamente su imagen a las dimensiones correctas con el tiempo.

También deberá decidir si desea que su Favicon tenga un fondo colorido o si prefiere la transparencia. Una vez más, siempre trate de representar el aspecto y el estilo de su sitio, sin tener en cuenta que su icono tiene que destacarse en una gran pestaña del navegador. Cuando está satisfecho con la apariencia de su favicón, debe guardar en formato JPEG, PNG o GIF. Ahora estás listo para cargar WordPress. Cómo agregar fácilmente un favicon a su sitio de WordPress una vez que haya creado y editado la imagen, agregarla como un favicon es un proceso muy fácil. Este nunca fue el caso, pero debido al progreso con WordPress Customizer, mostrar el icono de un sitio ahora es extremadamente rápido y simple. En primer lugar, en el tablero de WordPress, seleccione “Personalización”. Esto abrirá el personalizador en el extremo en vivo de su sitio.
En el personalizador, seleccione “Identidad del sitio”. Aquí encontrará la opción de agregar un icono del sitio.
En el “Icono del sitio” Haga clic en “Seleccionar imagen”.

Ahora se abrirá su biblioteca multimedia. Esto le permite elegir una imagen guardada o cargar una nueva. Una vez que haya seleccionado una imagen, si tiene que cortar la imagen para que sea del tamaño correcto, puede hacerlo aquí.

Su Ficon ahora aparecerá bajo el “icono del sitio” en el conjunto de personalización. Recuerde hacer clic en “Guardar y publicar” en la parte superior del personalizador para que su favicon se guarde y se muestre.

El navegador de su sitio ahora debe mostrar el favicon de su sitio.


Usando un complemento para mostrar un Favicon en su sitio web de WordPress, por supuesto, como siempre con WordPress, hay varias formas diferentes de mostrar un favicon en su sitio además del personalizador, varios complementos están disponibles lo ayudan a agregar un icono del sitio. Si, por cierta razón, su tema no proporciona la opción de cargar un icono del sitio a través de Customizer o si desea cambiar los temas en un futuro no muy lejano, entonces el uso de un complemento de WordPress podría ser la opción más buena para usted. Echemos un vistazo a qué complementos están disponibles.

Favicon de Realfavicongnerator es un complemento avanzado que garantiza su visualización de Favicon en todos los navegadores y dispositivos. Realfavicongnerator le permite verificar el Favicon existente para ver cómo se le parece a su audiencia. Si mira Android, iOS Safari, Windows o Mac OS, para nombrar algunos. Esto le dará una indicación del aspecto del icono y si funciona en todas las plataformas.

Favicon de Realfavicongnerator genera todos los iconos que necesita para navegadores de escritorio, teléfonos, tabletas y más. Después de instalar el complemento y seleccionar una imagen de la biblioteca Media WordPress, será redirigido a Realfavicongnerator. Aquí tiene acceso al editor de Favicon, donde puede cambiar su diseño de Favicon y agregar un fondo si lo desea.
Luego, el complemento cobra automáticamente su Favicon terminado y genera todos los iconos necesarios. Puede ver cómo aparecerá su favicon en las diversas plataformas, todas desde el tablero de WordPress. Favicon de Realfavicongnerator es una excelente opción si tiene que usar un complemento para agregar un favicon y uno que proporcione consistencia visual en todos los dispositivos. Favicon All in OneAll en One Favicon es un complemento popular de WordPress gratuito. Agregará rápida y fácilmente un favicon a su sitio, así como en sus páginas de administrador. Este complemento acepta imágenes ICO, PNG y GIF, así como los iconos de Apple Touch. Tiene una función de carga construida. Por lo tanto, puede usar un Favicon que ya se ha agregado a su biblioteca de Media WordPress. Alternativamente, puede cargar un nuevo icono a través de la interfaz del complemento. Favicon todo en uno tiene el potencial de ahorrar su tiempo y su estrés y es una buena opción para aquellos que buscan un complemento de Favicon directo.

Usando el código antes de WordPress 4.3, generalmente se agregó un favicon cargando una imagen en el directorio raíz de un sitio y luego ingresando el código en el archivo Header.php. La información sobre este proceso se puede encontrar en wordpress.org en la sección de asistencia. Los pensamientos finales para crear y agregar un favicon en su sitio de WordPress no tienen que ser un proceso largo y confundido. Edite y corta su favicon en el programa GIMP u otro programa de edición de imágenes, luego simplemente cárguelo a través de WordPress Customizer. Si necesita usar un complemento de WordPress, Favicon de Realfavicongnerator es la opción avanzada. Tiene una fuerte funcionalidad y una impresionante facilidad de uso.