Saltar al contenido

Ariapsa – Diseño de páginas web México

Instalar Favicon varios tamaños con Code Snippets

 

Recursos:

Realfavicongenerator.net / Verificar que se tiene favicon

Jsononline.net/es/json-viewer  / Visor y editor de archivos JSON

Favicon-generator.org / Genera .ico y varios tamaños png para diversas aplicaciones

Favicon.cc / Clásico generador de .ico

Ionos.mx/tools/crear-favicon / Creador de favicons

ASESORES ARIAPSA AYUDA (puede generar costos)

 

1.- Instale su código generado en Favicon generator en su plugin code snippets

*Nota si <?php ya se encuentra en code snippets entonces elimina primer linea.

[code]

<?php
add_action( ‘wp_head’, function () { ?>
<link rel=»shortcut icon» sizes=»16×16 24×24 32×32 48×48 64×64″ href=»/favicon.ico»>
<link rel=»apple-touch-icon» sizes=»57×57″ href=»/apple-icon-57×57.png»>
<link rel=»apple-touch-icon» sizes=»60×60″ href=»/apple-icon-60×60.png»>
<link rel=»apple-touch-icon» sizes=»72×72″ href=»/apple-icon-72×72.png»>
<link rel=»apple-touch-icon» sizes=»76×76″ href=»/apple-icon-76×76.png»>
<link rel=»apple-touch-icon» sizes=»114×114″ href=»/apple-icon-114×114.png»>
<link rel=»apple-touch-icon» sizes=»120×120″ href=»/apple-icon-120×120.png»>
<link rel=»apple-touch-icon» sizes=»144×144″ href=»/apple-icon-144×144.png»>
<link rel=»apple-touch-icon» sizes=»152×152″ href=»/apple-icon-152×152.png»>
<link rel=»apple-touch-icon» sizes=»180×180″ href=»/apple-icon-180×180.png»>
<link rel=»icon» type=»image/png» sizes=»192×192″ href=»/android-icon-192×192.png»>
<link rel=»icon» type=»image/png» sizes=»32×32″ href=»/favicon-32×32.png»>
<link rel=»icon» type=»image/png» sizes=»96×96″ href=»/favicon-96×96.png»>
<link rel=»icon» type=»image/png» sizes=»16×16″ href=»/favicon-16×16.png»>
<link rel=»manifest» href=»/manifest.json»>
<meta name=»msapplication-TileColor» content=»#ffffff»>
<meta name=»msapplication-TileImage» content=»/ms-icon-144×144.png»>
<meta name=»theme-color» content=»#ffffff»>

<?php } );

[/code]

 

 

¿Cómo se asigna el código en head en plugin code snippets?

Code Snippet para el Header

[code]
<?php
add_action( ‘wp_head’, function () { ?>

/* Añade tu código aquí  tutoriales Ariapsa*/

<?php } );

[/code]

Code Snippet para el Footer

[code]
<?php
add_action( ‘wp_footer’, function () { ?>

/* Añade tu código aquí  tutoriales Ariapsa*/

<?php } );

[/code]

QR Code
¡Enfoca el QR con tu cámara de fotos!