{"id":1188,"date":"2018-07-08T00:11:46","date_gmt":"2018-07-08T04:11:46","guid":{"rendered":"https:\/\/tecnojupiter.net\/?p=1188"},"modified":"2023-09-13T08:23:52","modified_gmt":"2023-09-13T12:23:52","slug":"favicon-tema-wordpress-todos-dispositivos","status":"publish","type":"post","link":"https:\/\/tecnojupiter.test\/favicon-tema-wordpress-todos-dispositivos\/","title":{"rendered":"A\u00f1ade un favicon en tu tema WordPress para todos los dispositivos"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1280\" height=\"720\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/07\/crear-favicon-para-wordpress-multiples-plataformas.png\" alt=\"Crea favicons en tu tema wordpress para todos los dispositivos\" class=\"wp-image-1189\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/07\/crear-favicon-para-wordpress-multiples-plataformas.png 1280w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/07\/crear-favicon-para-wordpress-multiples-plataformas-800x450.png 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2018\/07\/crear-favicon-para-wordpress-multiples-plataformas-384x216.png 384w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure><\/div>\n\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">&Iacute;ndice de contenido<\/p><ul class=\"toc_list\"><li><a href=\"#tipos_de_formatos_de_favicon\">Tipos de formatos de favicon<\/a><\/li><li><a href=\"#como_crear_un_favicon\">C\u00f3mo crear un favicon<\/a><\/li><li><a href=\"#anade_un_favicon_en_tu_tema_wordpress_para_distintos_dispositivos\">A\u00f1ade un favicon en tu tema WordPress para distintos dispositivos<\/a><\/li><li><a href=\"#conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n\n\n\n\n<p>Un Favicon es el icono del sitio web que aparece en la pesta\u00f1a del navegador o al lado del nombre del sitio en la lista de marcadores.<\/p>\n\n\n\n<p>Estos favicons ofrecen una forma visual de diferenciar un sitio web de otros entre las pesta\u00f1as, marcadores e historial de un navegador web.<\/p>\n\n\n\n<p>Un sitio parece no estar completo sin tener su propio favicon. Cuando ingreso a una p\u00e1gina web nueva siempre me doy cuenta inmediatamente cuando el sitio no tiene uno o no cuenta con soporte para otras plataformas.<\/p>\n\n\n\n<p>Y me deja cuestionando la legitimidad o la calidad del sitio web.<\/p>\n\n\n\n<p>La principal ventaja de tener un favicon o icono de favoritos es que este mejora sin dudas la experiencia del usuario y <strong>con el tiempo reconocer\u00e1n su sitio web instant\u00e1neamente con esa peque\u00f1a imagen .ico<\/strong>.<\/p>\n\n\n\n<p>Los favicon de ser un simple marcador de \u00abicono de favorito\u00bb han ido evolucionando con el pasar del tiempo a llegar a ser a\u00fan m\u00e1s relevantes ahora con la aparici\u00f3n de nuevos dispositivos m\u00f3viles, dise\u00f1os receptivos o AMP.<\/p>\n\n\n\n<p>Un usuario ahora puede \u00abFijar\u00bb pr\u00e1cticamente cualquier aplicaci\u00f3n web o sitio web a la pantalla de inicio o escritorio de cualquier dispositivo para darle la sensaci\u00f3n de una aplicaci\u00f3n nativa de acceso r\u00e1pido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"tipos_de_formatos_de_favicon\">Tipos de formatos de favicon<\/span><\/h2>\n\n\n\n<p>Los tipos de formatos m\u00e1s utilizados principalmente son PNG, ICO Y GIF. Sin embargo algunos navegadores modernos tambi\u00e9n admiten otra variedad de formatos como los JPG, SVG y APNG.<\/p>\n\n\n\n<p>Cada tipo de formato tiene su Pro y Contra como te muestro en la siguiente imagen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"590\" height=\"203\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/pro-vs-contra-formatos-favicon_sze52s.png\" alt=\"Tipos de formatos favicon aceptados por los navegadores\" class=\"wp-image-1194\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/pro-vs-contra-formatos-favicon_sze52s.png 590w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/pro-vs-contra-formatos-favicon_sze52s-300x103.png 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/figure><\/div>\n\n\n<p><strong>El formato .ico sigue siendo el formato ideal para los favicon modernos<\/strong> ya que permite insertar m\u00faltiples im\u00e1genes de diferentes tama\u00f1os en un solo archivo.<\/p>\n\n\n\n<p>El <strong>PNG<\/strong> supera algunas limitaciones del formato GIF <strong>ofrece transparencia alfa completa y un algoritmo de compresi\u00f3n superior<\/strong>.<\/p>\n\n\n\n<p>Si bien el formato <strong>JPEG<\/strong> es compatible para un favicon en la mayor\u00eda de los navegadores web, este tipo de formato no debe utilizarse por la sencilla raz\u00f3n de que no admite transparencia y su compresi\u00f3n con perdida no es ideal para estos iconos peque\u00f1os.<\/p>\n\n\n\n<div class=\"wp-block-easyblock-note-info\">Este art\u00edculo supone que ya est\u00e1 familiarizado con la funcionalidad b\u00e1sica de WordPress y con la edici\u00f3n de ficheros en su hosting.<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"como_crear_un_favicon\">C\u00f3mo crear un favicon<\/span><\/h2>\n\n\n\n<p>Crear o a\u00f1adir una imagen como favicon a su sitio de WordPress es demasiado f\u00e1cil, incluso para los novatos, uno de los requisitos es que necesitas una imagen n\u00edtida que sera utilizada para dicho fin.<\/p>\n\n\n\n<p>Para ello debes poner en practica tus dotes de dise\u00f1ador creativo y crearla usando cualquiera de estas herramientas como: Photoshop, <a href=\"https:\/\/tecnojupiter.test\/reemplaza-illustrator-coreldraw-con-inkscape\/\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Ilustrator o&nbsp;Inkscape<\/a>, u otro editor de im\u00e1genes que tenga.<\/p>\n\n\n\n<p>Esta imagen como ya te hab\u00eda mencionado debe ser transparente y con formato .PNG o .ICO preferiblemente, sino posees ninguna de estas herramientas instaladas en tu computador puedes usar una online.<\/p>\n\n\n\n<p>Solo debes escribir en el cuadro de b\u00fasqueda de nuestro amigo Google \u00abCrear icono online\u00bb y obtendr\u00e1s varios resultados de varias webs para crearla o puedes encontrar iconos gratis en Canva y descargar la imagen.<\/p>\n\n\n\n<p>Ya lista la imagen agregarla&nbsp;a su sitio de WordPress es muy f\u00e1cil, y puede hacerlo de dos maneras sencillas.<\/p>\n\n\n\n<p><b>M\u00e9todo<\/b><strong>&nbsp;1:&nbsp;<\/strong>Su tema tiene soporte para a\u00f1adir favicon solo debe navegar por el <strong>Panel de administraci\u00f3n de WordPress<\/strong> y hacer clic en <strong>Apariencia &gt; Personalizar&nbsp;<\/strong>y ubicar la secci\u00f3n correspondiente para a\u00f1adir la imagen que servir\u00e1&nbsp;como favicon.<\/p>\n\n\n<div class=\"wp-block-image wp-image-1195 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"223\" height=\"300\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/theme-settings-favicon_wkxhaj-223x300.png\" alt=\"A\u00f1adir Favicon en WordPress\" class=\"wp-image-1195\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/theme-settings-favicon_wkxhaj-223x300.png 223w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/theme-settings-favicon_wkxhaj.png 316w\" sizes=\"(max-width: 223px) 100vw, 223px\" \/><figcaption class=\"wp-element-caption\">M\u00e9todo 1.<\/figcaption><\/figure><\/div>\n\n\n<p><strong>M\u00e9todo 2:&nbsp;<\/strong>Este m\u00e9todo consiste en editar la plantilla&nbsp;<code>header.php<\/code> de su tema y&nbsp;agregar el siguiente c\u00f3digo antes de la etiqueta <code>&lt;\/head&gt;<\/code>&nbsp;:<\/p>\n\n\n\n<p>&lt;link rel=\u00bbshortcut icon\u00bb type=\u00bbimage\/x-icon\u00bb href=\u00bbhttps:\/\/dominio.com\/favicon.ico\u00bb\/&gt;<\/p>\n\n\n\n<div class=\"wp-block-easyblock-note-info\">Recuerde reemplazar \u00abdominio.com\u00bb por el nombre de su dominio y asegurarse de colocar el archivo\u00a0<strong>favicon.ico<\/strong>\u00a0reci\u00e9n creado\u00a0en la ra\u00edz de su sitio o sea en la carpeta\u00a0<strong>public_html<\/strong>\u00a0y tambi\u00e9n de hacer referencia a el con una URL absoluta completa.<\/div>\n\n\n\n<p>As\u00ed como esta:<\/p>\n\n\n\n<p>&lt;link rel=\u00bbshortcut icon\u00bb type=\u00bbimage\/x-icon\u00bb href=\u00bbhttps:\/\/dominio.com\/favicon.ico\u00bb\/&gt;<\/p>\n\n\n\n<p>No esta:<\/p>\n\n\n\n<p>&lt;link rel=\u00bbshortcut icon\u00bb type=\u00bbimage\/x-icon\u00bb href=\u00bbhttps:\/\/dominio.com\/<strong>wp-content\/uploads\/favicon.ico<\/strong>\u00ab\/&gt;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-default\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"anade_un_favicon_en_tu_tema_wordpress_para_distintos_dispositivos\">A\u00f1ade un favicon en tu tema WordPress para distintos dispositivos<\/span><\/h2>\n\n\n\n<p>Ahora veamos como a\u00f1adir un favicon en su tema WordPress para otros dispositivos creo que definitivamente vale la pena configurar favicon para tantos dispositivos diferentes como sea posible.<\/p>\n\n\n\n<p>Nunca se sabe qui\u00e9n querr\u00e1 anclar en la barra de marcadores o en el escritorio o preferir el acceso r\u00e1pido&nbsp;al sitio en cualquier dispositivo que tenga.<\/p>\n\n\n\n<p>Hay bastante informaci\u00f3n en Internet, y muchos generadores de favicon parecen generar tama\u00f1os diferentes a los que creen que son los est\u00e1ndares.<\/p>\n\n\n\n<p>Sin embargo este sitio web es un excelente recurso y se adapta a los est\u00e1ndares adem\u00e1s muestra al instante como se ver\u00e1n sus iconos.<\/p>\n\n\n\n<p><span class=\"bg_label teal\">RealFaviconGenerator.net<\/span><\/p>\n\n\n\n<p><span id=\"how1\">Generaremos la gran cantidad de Favicon tanto el <strong>apple-touch-icon<\/strong> como otros para otras plataformas con esa herramienta online.<\/span><\/p>\n\n\n\n<p>Para continuar, debes tener tu Favicon principal disponible.<\/p>\n\n\n\n<p>Lo mejor es comenzar con una imagen cuadrada grande con dimensiones 260 \u00d7 260.<\/p>\n\n\n\n<p>El formato puede ser cualquiera de PNG, JPG o SVG. <strong>(Recomendado PNG o SVG)<\/strong><\/p>\n\n\n\n<p>Para el siguiente ejemplo ya he creado una imagen en Photoshop.<\/p>\n\n\n<div class=\"wp-block-image wp-image-1196 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"455\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/logo-favicon-ejemplo_ktssht.png\" alt=\"Imagen de ejemplo para crear favicon\" class=\"wp-image-1196\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/logo-favicon-ejemplo_ktssht.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/logo-favicon-ejemplo_ktssht-300x228.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Imagen de ejemplo creada en Photoshop.<\/figcaption><\/figure><\/div>\n\n\n<p>Puede encontrar iconos gratis en Canva si a\u00fan no tiene uno disponible.<\/p>\n\n\n\n<p>Ahora, con su icono principal listo, crearemos el resto.<\/p>\n\n\n\n<p><strong>1.&nbsp;<\/strong>Primero, desde su navegador ingrese a esta direcci\u00f3n: RealFaviconGenerator.net.<\/p>\n\n\n<div class=\"wp-block-image wp-image-1197 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"219\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon_lolt7l.png\" alt=\"Crea favicon para todos los dispositivos\" class=\"wp-image-1197\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon_lolt7l.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon_lolt7l-300x110.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">A continuaci\u00f3n, haz clic en el bot\u00f3n Seleccionar tu imagen Favicon. Ubique el archivo en su computadora y haga doble clic en el.<\/figcaption><\/figure><\/div>\n\n\n<p><strong>2.<\/strong>&nbsp;Ahora cambie cualquiera de las opciones que desee, como: agregar un color de fondo.<\/p>\n\n\n<div class=\"wp-block-image wp-image-1198 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"570\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon1_smnt34.png\" alt=\"Crea favicons para todos los dispositivos\" class=\"wp-image-1198\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon1_smnt34.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon1_smnt34-300x285.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Creando un favicon con la imagen de ejemplo.<\/figcaption><\/figure><\/div>\n\n\n<p><strong>3.<\/strong> En la secci\u00f3n correspondiente a Android Chrome puedes seguir personalizando el favicon.<\/p>\n\n\n<div class=\"wp-block-image wp-image-1199 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"520\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon2_ow8d1z.png\" alt=\"crea favicons para todos los dispositivos\" class=\"wp-image-1199\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon2_ow8d1z.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon2_ow8d1z-300x260.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Escribe el nombre de la APP y ingresa la URL de destino.<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image wp-image-1200 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"220\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon3_xpmsib-300x220.png\" alt=\"crea favicons para todos los dispositivos\" class=\"wp-image-1200\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon3_xpmsib-300x220.png 300w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon3_xpmsib.png 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><figcaption class=\"wp-element-caption\">Opciones para plataforma Windows<\/figcaption><\/figure><\/div>\n\n\n<p><strong>4.<\/strong> En la secci\u00f3n \u00ab<strong>Favicon Generator Options<\/strong>\u00bb puede elegir si deseas comprimir la imagen cargada, la URL, etc.<\/p>\n\n\n<div class=\"wp-block-image wp-image-1201 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"756\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon4_wisaiw.png\" alt=\"crea favicons para todos los dispositivos\" class=\"wp-image-1201\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon4_wisaiw.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/Generator-favicon4_wisaiw-238x300.png 238w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">Otras opciones antes de generar los archivos. Versi\u00f3n, Compresi\u00f3n, T\u00edtulo de APP, etc.<\/figcaption><\/figure><\/div>\n\n\n<div class=\"wp-block-easyblock-note-info\">Algunos navegadores almacenan en cache los favicon por lo que tomara un tiempo para que los usuarios noten el cambio, pero si tildamos la segunda opci\u00f3n en la pesta\u00f1a\u00a0<strong>Version\/Refresh<\/strong>\u00a0se agregara una versi\u00f3n a las URL de favicon como un par\u00e1metro de consulta.<\/div>\n\n\n\n<p><strong><br>5.<\/strong> Haga clic en el bot\u00f3n <strong>Generate your Favicons and HTML code<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image wp-image-1202 size-full\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"295\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/html-favicon_ekqzqw.png\" alt=\"C\u00f3digo HTML favicons para todos los dispositivos\" class=\"wp-image-1202\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/html-favicon_ekqzqw.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/html-favicon_ekqzqw-300x148.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">C\u00f3digo HTML Favicon<\/figcaption><\/figure><\/div>\n\n\n<p><strong>6.<\/strong> Luego clic en el bot\u00f3n <strong>Favicon Package<\/strong> para descargar los archivos a su computadora.<\/p>\n\n\n\n<p><strong>Copie el c\u00f3digo HTML generado<\/strong>,&nbsp; y p\u00e9galo en el bloc de notas de su computadora o cualquier editor de texto de su preferencia.<\/p>\n\n\n\n<p>Ubique el archivo <code>.zip<\/code> descargado en su computadora y extr\u00e1igalo o descompr\u00edmalo para exponer todos los archivos que contiene.<\/p>\n\n\n\n<p><span id=\"how2\">Ahora, el siguiente paso es subir los archivos en la ra\u00edz de su sitio web. <\/span><\/p>\n\n\n\n<p><span id=\"how2\">Puede conectarse a el servidor FTP donde est\u00e1 alojado su sitio web o, si usa cPanel para gestionar su cuenta de hosting inicie sesi\u00f3n.&nbsp;<\/span><\/p>\n\n\n\n<p>Haga clic en <strong>Administrador de archivos<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"67\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/cPanel-administrador-archivos_xdjl8v-300x67.png\" alt=\"administrador de archivos cPanel\" class=\"wp-image-598\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/cPanel-administrador-archivos_xdjl8v-300x67.png 300w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/cPanel-administrador-archivos_xdjl8v-600x135.png 600w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2020\/04\/cPanel-administrador-archivos_xdjl8v.png 1021w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n<p>Y suba el archivo&nbsp;<code>.zip<\/code>&nbsp;a la carpeta <code>Public_html<\/code>&nbsp;extraiga su contenido luego borre el archivo.<\/p>\n\n\n\n<p>Y el ultimo paso es pegar en el encabezado el c\u00f3digo HTML que copiaste anteriormente, si a\u00fan no ha cerrado la pesta\u00f1a \u00abAdministrador de archivos\u00bb ingrese a la carpeta correspondiente donde se encuentra su tema por lo general es&nbsp;<strong>wp-content\/themes\/nombre-de-tema<\/strong>&nbsp;ubique el fichero&nbsp;<code>header.php<\/code>&nbsp;y haga clic en el para editar la plantilla luego pegue el c\u00f3digo HTML antes de la etiqueta <code>&lt;\/head&gt;<\/code><\/p>\n\n\n\n<p>Algo que tambi\u00e9n puede hacer desde el Panel de Administraci\u00f3n WordPress sino tiene deshabilitada la opci\u00f3n de editar la plantilla desde all\u00ed.<\/p>\n\n\n\n<p>Y no es raro tambi\u00e9n existe un plugin en el repertorio de WordPress <a href=\"https:\/\/es.wordpress.org\/plugins\/favicon-by-realfavicongenerator\/\">Favicon by RealFaviconGenerator<\/a> el cual puedes instalar y subir la imagen desde su panel de administraci\u00f3n WP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"conclusion\">Conclusi\u00f3n<\/span><\/h2>\n\n\n\n<p>Entonces ah\u00ed lo tienes, incluso en este nuevo y valiente mundo de favicon crear un favicon es verdaderamente f\u00e1cil por lo cual solo debe asegurarse de que el favicon sea n\u00edtido,&nbsp;\u00fanico y este bien optimizado.<\/p>\n\n\n\n<p>\u00bfTodav\u00eda tienes problemas?&nbsp;Comenta abajo y tratare de ayudarte.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pasaste horas en el dise\u00f1o, colores, gr\u00e1ficos&#8230; \u00bfCu\u00e1nto tiempo le queda al favicon? Probablemente no mucho. Te ense\u00f1o como a\u00f1adir un favicon para todos los dispositivos incluido el apple-touch-icon.<\/p>\n","protected":false},"author":1,"featured_media":1189,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[5],"tags":[7,27,18],"_links":{"self":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/1188"}],"collection":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/comments?post=1188"}],"version-history":[{"count":2,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/1188\/revisions"}],"predecessor-version":[{"id":3164,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/1188\/revisions\/3164"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media\/1189"}],"wp:attachment":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media?parent=1188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/categories?post=1188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/tags?post=1188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}