¿Cuál es la forma correcta de agregar un favicon en Wordpress sin un complemento? [cerrado]

11

¿Cuál es la forma correcta de agregar un favicon en Wordpress sin un complemento ?

¿Acabo de colocar un archivo llamado favicon.icocon mi icono en la raíz de mi sitio?

¿También necesito este código?

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

Algunos dicen que es este código:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

¿Y esto es para iPhones?

<link rel="apple-touch-icon" href="/customIcon.png" />

¿Alguna sugerencia sobre el software para crearlo o convertirlo desde una miniatura? ¿Y qué tipos de archivos son compatibles .ico?

Vi otro hilo con tantos métodos y no estaba claro sobre la mejor práctica para esta tarea simple: ¿Cómo cambiar el favicon de WordPress?

DreamGrowers
fuente
66
¿Por qué sin una restricción de complemento ?
Chip Bennett
3
La pregunta contiene demasiadas cosas fuera de tema. Voto cerrado.
kaiser

Respuestas:

15

Usualmente pongo los íconos en una carpeta de imágenes dentro de mi tema para usar

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php echo get_stylesheet_directory_uri(); ?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

editado: para agregar el ícono táctil de Apple según el comentario y aclarar que si está usando un tema secundario, pero el favicon está en la carpeta de imágenes del tema principal, usaría

get_template_directory_url();

si no está utilizando un tema secundario, cualquiera de los dos funcionará

Por lo general, creo mis favicons aquí: http://tools.dynamicdrive.com/favicon/

helgatheviking
fuente
En el caso de un tema secundario, ¿no sería mejor usarlo get_template_directory_uri? En respuesta a la pregunta original, he añadido un icono de Apple 114x114px como esto: <link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png">. También hay mucha más documentación sobre cómo agregar favicons e íconos de Apple aquí: github.com/h5bp/html5-boilerplate
1
Creo que html5bp se ha alejado de agregarlos en el encabezado. Si coloca los iconos con los nombres correctos en la raíz del sitio, la mayoría de los navegadores los encontrarán automáticamente. pero para responder a su pregunta, tema infantil versus padre ... en realidad depende de dónde almacene la imagen favicon. get_template_directory_uri () obtiene la url del tema principal, mientras que stylesheet_directory_uri () obtiene la url del niño SI es un niño O la url del padre si es el tema activado.
helgatheviking
Tienes razón. Los tengo mezclados ... html5bp los ha eliminado del encabezado, pero todavía hay una gran documentación en la fuente (principalmente sobre los iconos de Apple) mathiasbynens.be/notes/touch-icons
11

En realidad, el método correcto para agregar un favicon es a través de un complemento , por lo que el favicon agregado no depende del tema . Esencialmente, use el método de @ helgatheviking, pero póngalo en un complemento personalizado , en lugar de en el functions.phparchivo de su tema .

Nota: si está utilizando un dominio de nivel superior, es decir example.com, simplemente coloque favicon.icola raíz del documento y listo. Para cualquier otra cosa, cree un complemento personalizado .

Nota 2: Consulte el Ticket de Trac # 16434 . Se está agregando una opción de favicon del sitio al núcleo, con suerte la versión uno de los cuales aterrizará en la próxima versión 3.4.

Chip Bennett
fuente
uno de estos días necesito usar el fragmento de otto. Afortunadamente, las personas no cambian su tema a diario, pero estoy completamente de acuerdo en que los favicons (y los tipos de publicaciones, etc.) no deberían depender del tema. deseando que esto llegue al núcleo.
helgatheviking
Realmente no es tanto un "fragmento". Piense en él como un functions.phparchivo de tema , con un encabezado phpDoc particular, que vive en wp-content\plugins\some-plugin\namelugar de en wp-content\themes\some-theme-name.
Chip Bennett
1

Mucho dependerá del tema que esté utilizando. Si el tema está definiendo su favicon (con una <link>etiqueta en el encabezado), deberá reemplazarlo favicon.icopara cambiarlo.

Pero si su tema no define nada, colocar un favicon.icoen la raíz de su sitio debería ser suficiente.

EAMann
fuente