Cómo reemplazar favicon en genesis Paso a Paso

Si estás usando este maravilloso framework has de haberte encontrado con el gran problema de no saber cómo reemplazar el favicon en genesis pues estás de suerte pues justamente este tutorial detallado paso a paso te ayudará a saber cómo poder reemplar  el que Genesis lleva por defecto.

Creando un Favicon

Primero que nada tienes que tener el arivho .ico, la manera más sencilla es creando un archivo .PNG o .JPG de tu logo y subir el archivo a favicn.cc o también puedes usar Gimp, el cual recomiendo mucho ya que no solo sirve para crear archivos en formato .ico sino también porque es un muy buen programa para retocar imágenes.

programa para crear favicon

Cliente FPT

Luego tienes que conectarte a tu hosting por medio de un cliente FTP, en este caso usaré Filezilla, es en el que más confió y el más uso a la hora de trabajar en Windows, pero no te preocupes que también tiene su versión para Mac.   programa filezilla configuración correcta

Subiendo nuestro archivo al hosting

Luego de haber transformado nuestro archivo .PNG o .JPG a .ICO y haber instalado y conectado nuestro cliente FTP al hosting recién podemos subir nuestro archivo .ico a nuestro servidor. Una vez conectado seleccionamos la carpeta wp-content filezilla para subir archivos

Carpetas interiores

Cuando le damos clic a wp-content podemos ver que hay muchas carpetas, solo debes fijarte en la carpeta que dice themes (plantillas) es en esta carpeta donde genesis framework ha sido instalado y en donde tambien está su child theme, en mi caso Metro Pro Theme. subir favicon a metro pro theme de genesis

Metro Pro y Genesis

Dentro de la carpeta Themes podemos ver nuestras plantillas, aquí está el child theme Metro Pro, el parent theme Genesis, y además la carpeta genesis example , la razón por la cual existe esa carpeta dentro de mis plantillas es porque también la instalado, si es tu caso también deberás modicar esta plantilla, sin embargo en este momento solo debemos enfocarnos en el Metro Pro.Metro Pro Genesis Favicon Doble clic sobre Metro Pro, pero si usas otra plantilla de studiopress no hay problema es el mismo procedimiento, continuamos…genesis favicon metro pro

Ingresamos a la capeta Images

Recuerda: este procedimiento se repite para las plantillas Metro Pro, Genesis y Genesis Example

genesis favicon metro pro

 Seleccionando y subiendo favicon

Aquí tenemos que mucho cuidado ya que si eliminamos o cometemos algún movimiento por error que pueda eliminar algún archivo podría producir errores en tu CMS WordPress. Para poder subir el archivo .ico que hemos creado podemos Arrastrarlo(sin soltar el archivo), copiar y pegar o simplemente dando doble clic. favicon metro pro genesis reemplazar archivo por ftp

Repetimos el procedimiento para la carpeta Genesis

Una vez realizado este paso verificamos nuestro sitio web en wordpress si aun no ha cambiado lo que puedes hacer es realizar el mismo procedimiento de reemplazar el archivo .ico en la carpeta donde está ubicado nuestro parent theme genesis reemplazar favicon genesis parent theme

Carpeta Genesis sample

Si luego de haber subido nuestros archivos tanto en la capeta Metro Pro como en la carpeta Genesis y verificar si nuestro favicon no ha cambiado, entonces debemos reemplazar el mismo archivo .ico en la carpeta Genesis sample. genesis sample

Resultado final

Si has realizado todos los procedimiento de manera correcta  al final debe de quedar de la siguiente manera: resultado final pestaña branzel.com

 De no ser así recomiendo que limpies el caché de tu navegador, pues muchas veces nuestro navegador almacena las imágenes y no nos permite ver los cambios realizados

Espero sinceramente que este artículo minitutorial te haya ayudado, de ser así no estaría demás que ayudes a la comunidad a difundir este contenido, de no ser así puedes escribir tu inquietud en los comentarios y con mucho gusto te responderé. Pero recuerda ¡Difundamos el conocimiento!

Comments

  1. says

    Buen tutorial Brandon! Me alegro haberte ayudado.

    Un apunte, solo es necesario hacerlo en la carpeta del Child Theme que estés usando.

    El tema esta en lo que te contaba, que tarda en aplicar los cambios porque es algo que se queda bastante cacheado.

    No es necesario hacerlo en el tema padre Genesis, y no deberías tener temas que no uses como el Genesis Sample.

    Los temas que no se usan solo sirven para puerta de entrada de posibles ataques, aunque sea difícil en el caso de un Genesis.

    Un abrazo!

  2. says

    Hola Javier,
    Me honra que un grande como usted comente en mi blog. En mi caso por más que limpié el caché y solo lo remplacé en el Child Theme no funcionó, por si acaso dejé que pasen unas horas y también cambié de PC, pero al final ninguno de esto funcionó. Como última opción decidí reemplazarlo en todo, tal vez sea una forma un poco brusca de hacerlo pero puede que a otras personas también se les haya complicado. En estos momentos me pongo a optimizar mis carpetas.
    ¡Muchas gracias por pasarte por mi blog Javier!

    ¡Un saludo desde Latam!

Deja un comentario