Favicon wordpress

Diseño web: Diseña un favicon gratis y sin plugins

Favicon WordPress: Voy a empezar creando un nuevo blog, este es el infinito blog que empiezo y nunca termino sobre gráficos S.V.G y sus aplicaciones web

Hoy  quiero presentar  como realizar un favicón  o como cambiar el favicon en wordpress para todo tipo de web totalmente original gratis, sin registros, ser original es una de las metas que me forjo para no hacer lo que todos hacen .

Un favicón en el icono que se coloca en el inicio de las pestañas de una página web  y que representa nuestra marca.

Crea un favicon o icono para el diseño web wordpress con el formato svg

Como Diseñar tu imagen de marca

Crear un favicón

  1. Accedemos a https://animacionesweb.online (pagina cabecera de este blog)
  2. Añadimos  a nuestro escenario cualquier dibujo vectorial de la web o texto dentro de nuestra pagina
  3. Pulsamos sobre “configuración svg”=>”parámetros svg” y redimensionamos nuestro escenario a las medidas de  512px x 512px para tener nuestro medidas favicon wordpress
  4. Damos color y ponernos contornos y ajustamos tamaños intentando que la imagen cubra las dimensiones
  5. Archivo=>guardar y terminar
  6. Archivo=> “descarga animación gratis”.

Si todo ha ido bien se te habrá descargado una archivo zip y dentro una carpeta svg donde se encuentra nuestro archivo S.V.G .podemos cambiar el nombre del archivo a “favicon.svg”

En resumidas cuentas un archivo  S.V.G en un grafico vectorial que es expresado con código xml por lo que se puede abrir y manipular con editor de texto dando una espectacular ventaja a estos gráficos en el diseño web

Para poder crear un favicon primero debemos colocar  el gráfico en nuestra web , o subirlo a biblioteca de medios si estamos dentro de WordPress.

WordPress por alguna causa que desconozco no me ha permitido colocar el icono como Identidad del sitio y redimensionarlo dentro de personalización.

  He tenido que modificar nuestro código del <header> añadiendo este link modificándola ruta de donde se encuentre, como lo haríamos en cualquier pagina web diseñada en otros medios

<link  rel="icon"   href="https://animacionesweb.com/wp-content/uploads/2020/08/favicon.svg" type="image/svg" />

Me  encantaría poder saber si le  ha ido bien  mis indicaciones y has podido cambiar el favicon en wordpress y pueden exponer sus dudas en los comentarios  o en mi email autorde@animacionesweb.online

si lo deseas podras hacer un favicon animado para wordPress con este otro tutorial

Un saludo nos vemos en otro blog de diseño web con svg y css

Crear  animaciones web con  C.S.S. Y gráficos S.V.G  estarán siempre orientadas siempre orientadas desde mi página principal https://animacionesweb.online

Deja un comentario