Cómo poner un favicon a tu web con WordPress
Articles Blog

Cómo poner un favicon a tu web con WordPress

August 31, 2019


hola muy buenas y Enrique Ros
desarrollador web y en este vídeo vamos a ver las distintas formas de poner un
favicon a tu web con WordPress vamos a ver también las distintas
formas que hay las ventajas y las desventajas de cada una de ellas y ya en
una forma más fáciles y otras un poquito más técnicas pero ya verás
que no son difíciles y que merece la pena perder un par de minutos y hacer
las cosas bien vamos a empezar por la forma más fácil que es que hay que
mediante un mediante un plugin no tenemos varios plugins que
hacen esto realizado para programar para el vídeo que se llama all in one
favicon hay varios y son tan muy sencillo ya instalamos activamos al activarlo nos aparece aquí en ajustes una opción
que se llama all in one favicon venimos aquí y vemos que aquí tenemos varias
opciones para subir el el favicon que queramos dependiendo de qué formato
vayamos a utilizar de imagen en opción para subirlo en formato y copar aquí
para png y este de aquí es para el Apple Touch icon una puesta
el que sepamos más en el este ya sabrá cómo se dice es el icono
que aparecerán los dispositivos de apple en el iphone y en el apple touch
cuando guarda nuestra web en los favoritos eso debemos que tiene dos
apartados esto este de aquí que para poner un icono en el front end en la
parte de la ue que la gente ve cuando la visita y aquí abajo con propuestas y
queremos poner un icono en fabrican distinto en el back end en el panel de
administración que aparecería aquí en la pestaña cuando entramos nosotros
a la parte administración ya la vez que muy sencillo y muy rápida de hacer y no
tiene más es sin embargo las desventajas es que éstas añadiendo
otro plugin para hacer una cosa muy sencilla y que no es necesario hacerla
con un plugin cuantas más tengamos pues peor
funcionará la web porque todo esto es código que estás añadiendo en la
ejecución y que incide negativamente sobre el rendimiento de la página así
que si podemos siempre que podamos hay que evitarlo vamos a desactivar uno y vamos a ver
cómo podemos hacerlo escribiendo nosotros directamente la llamada al
favicon en la cabecera para eso hay que escribir un poco de código la cabecera venimos a apariencia
editor al editor de temas al editor de plantillas y tendríamos que
editar el archivo de cabecera del tema header.php esto en realidad no debería hacerse
aquí si esto no será se debe evitar editar el tema que estás utilizando
porque cuando haya una actualización cuando la platilla se actualice vas a
perder todos los cambios que hayas hecho que debería hacerse en child theme
cualquier cambio que hacen la plantilla en un tema hijo pero bueno eso ya lo veremos en otro
vídeo y éste pues para verlo ejemplo ante análogo al que habría que meter
aquí un par de líneas de código en angra cabecera entre las etiquetas de
apertura y cierre de que es la cabecera de la web es la llamada la cabecera
y aquí sólo en que añadir un par de líneas con el código que
hace la llamada favicon que son en y con vecinos el éxito de imagen que vamos a
utilizar en este caso se divisaron en este código lo dejaré en las observaciones
del vídeo para que lo puedas copiar y aquí h ref le decimos la ruta en la
que está de esto podemos subirlo por ftp componemos incluso subirlo a la
biblioteca de medios añade y el nuevo partido extra preparan range dimos el
mejor subirlo por ftp porque ahora la biblioteca de medios pues los crea
varios tamaños de la imagen ecétera y tampoco hace falta pero humana para que
lo veas copiaremos aquí la ruta es el apegamos
a que ese día están en el Apple Touch icon muy sencillo pero si querías
evitar entrar por ftp después no vas a poder evitarlos porque ‘si bien el el
favicon los planos para enero la ruta que queramos como visto aquí el
Apple Touch icon ante que está la raíz en el río exterior raíz del agua
así que hay que subirlo por ft que habría de cambiar esto y lo que ponerle
la ruta que para que el campo de utilizar tu vamos a utilizar una
variable unos días le vamos a ser una función de word press que se llama por
la llamada php que se de honor con qué es lo que vd bp no matan una serie de
leyes de esto lo que hace es sustituir hasta que sustituir este trozo del
código por la ruta a la raíz de WordPress presentó caso sería me voy a supersol
apuntó como como se llame y la ruta astaná tengas instalado golpe el canal
+ mente suele ser en la raíz en barra y el que regrese porque este archivo tiene
que llamarse así estévez por poner otro nombre para
escoger cualquier imagen incluso que quieras presente que llamarse a sí
estará en la en la ryder agüero así que ordenamos había que subir
hemos dicho esto por ftp pero yo como estilizan de conesa quien servidos en
local pues lo único que tengo que hacer es copiar la raíz de wordpress que es
esta experta este no es para hombres es éste en un
guardado y ahora pues ahora cuando entremos a labores vemos que aparece
aquí ya él fabricó en más tarde un poco más pero es un método un poco
mejor porque metemos en el código justo que necesitamos no nos sobró cargamos
la página son enteraremos añade que el parany aldecoa kiko las de ventajas y
las desventajas es que cuando cambiemos de tema ya hemos dicho que tenemos que
utilizar un tema hijo porque si no cuando se actualice la plantilla perderemos los cambios pero también si
cambiamos nosotros de plantilla vamos a perder cualquier cambio ahora
estamos utilizando el puente se estén pero si yo activos presentes este cambio
la plantilla vemos que hemos perdido el favicon
porque los cambios los ajenos hecho en la cabecera de la otra plantilla cómo podemos evitar esto pues metiendo
el código en la cabecera en vez de editando la plantilla haciéndolo
mediante un plan entre nuestro propio plan puede parecer un poco complicado
así a priori pero es una cosa muy sencilla sobre qué escribir las pocas
den una de las pocas líneas de código esto se hace en un archivo PHP abrimos
en un editor de texto de este código también no dejar en las en los
comentarios del vídeo para que lo puedas copia vamos a guardar para que reconozca la
sintaxis en es posible tenemos ya nadar con rincón puntos ph bethia que tener
extensión php y el primer de que palmer un comentario
para que reconozca que es un plugin con nombre del plugin en de lo no sabían
nadar con paradis con todos enrique j rollo le pongo mi nombre tú pon el tuyo que para eso lo haces tú y yo a que el evidencia de la ce para que veas
ahora cómo queda atrás y aquí una pequeña descripción es poner en con
lauer de hasta de todo esto la única línea que es absolutamente
imprescindibles está para que la reconozca como un plugin lo demás son
opcionales pero van a estar siempre es conveniente porque lo pasan los meses y
no te acuerdas de que pintaba esto allí no es sino las posturas que el sión y
esto con cuando ellos que lo vamos a saber que me aman nuestro nombre y por
esto es muy sencillo este plugin en va a tener sólo una función como se llamara
con fabri con esta función lo que hacemos va se creará una maría la que
vamos a llamar cabecera dios quiere vamos a meter el contenido de lo que
necesitamos que creo recordar está todavía escrito aquí así que hay que
añadir me voy a ahorrar de esta mercantil sixteen me voy a ahorrar de
escribir lo traslade en la cabecera aquí está resta y esto lo vamos a sustituir cara
que también te sirva ti todas son osadas ponérmela rallys esto
los ha sustituido por el rojo que se escribe otra forma porque estamos en una
chico ya no estamos en medio de de html ahora estamos en medio de php rd l así y aquí les decimos que lo que
será la diada en esta otra ley está tan hartos ya de paso guarda narsingh
esto ya no es así no se esté aquí y aquí es que cuando llamen a la función
que devuelva la variable cervecero ramas la función ya que añaden no es una
llamada a un juguete acción de word res diciéndole que cuando imprima la
cabecera que por favor hagan una llamada a nuestra función comet fabricó hasta
esto el plan es muy sencillo al bar ya lo tenemos hecho que estas losas
causarnos imágenes aquí en la raíz y para subirlo muy fácil hay dos formas
de hacerlo una es mediante ftp wp content las lo
metemos aquí que la verdad que cuando entremos a los
plan lo tenemos aquí ponme fabricó la otra forma hacerlo vamos a sacarlo la
otra forma de hacerlo si no quiere subirlo por ftp es meterme en una
carpeta que ganamos a llamar igual a mí con lo metemos dentro comprimimos como
zipi como reportado vale que hacerlo como cirh y entonces ahora nos venimos
aquí a que está en terrenos añadir nuevo subir plan idesa que podemos
directamente subir nuestro plan estábamos lo activamos y si no hemos
cometido ningún error de sintaxis que parece que nada pues aquí tendremos
nuestro favicon puesto la ventaja de esto pues gran tajada de esto es que
podemos cambiar perfectamente ese tema no se dé este éste vamos a ir al
puente fortín y como nuestro planes y activo hemos cambiado la plantilla pero
nuestro favicon si aquí y ahí seguirá mientras mantengamos activo nuestro plan además en este plan pues no sólo
podemos tener esto aquí en la llamada la cabecera podemos añadir todo lo que
teníamos desde el código de seguimiento de analytics e el en los que es para la caja del para
el lector se facebook para la caja de de los la sede para el +1 de google para lo
que quiera es más eficiente meta justo la cabecera las dos líneas del código
es éramos y y mucho mejor mucho más cómodo se tardan poquito más en
hacerlo pero ya les toca muy fácil hay que perderlo un poquito al miedo a dar a
tocar el código y eso es todo esas son las formas que hay las ventajas y los
inconvenientes de cada una nos vemos en el próximo video a dios

Only registered users can comment.

  1. Genial tu tutorial, te doy un "10" y te envío mi buena energía para que te animes a seguir subiendo material de buena calidad.

  2. Buenas tarde realizo el proedimiento y cuando instala el plugin me aparace esto "El plugin ha provocado una salida inesperada de 1 caracteres durante la activación. Si ves mensajes de “cabeceras ya enviadas”, problemas con los feeds de sindicación u otros problemas, trata desactivar y eliminar el plugin."

  3. eres muy bueno , ojalá hubiese entendido todo,, me quedé cuando comienzas a editar las líneas,, me pierdo en primera por que tus rutas deben ser distintas a las mias
    saludos y gracias

Leave a Reply

Your email address will not be published. Required fields are marked *