Cambiar el favicon del sitio

From Joomla! Documentation

This page is a translated version of the page Changing the site favicon and the translation is 100% complete.

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎Nederlands • ‎русский • ‎中文(台灣)‎
Favicon-en.png

Cambiar el favicon de su sitio es una tarea relativamente sencilla.

  1. Cree una imagen de 16x16 píxeles. Puede usar software gráfico como Photoshop, Gimp, Paint.net o Windows Paint. Alternativamente, puede usar también una herramienta online como http://antifavicon.com/
  2. Convierta a formato ico usando sitios online gratuitos como:
  3. El archivo que creó de esta manera debe tener la extensión .ico. Copie el archivo al directorio /joomla/templates/<su plantilla> y renómbrelo a favicon.ico.
  4. Abra un navegador. ¿Puede ver su nuevo icono? Si es así, felicidades. Si no, esto no significa necesariamente que haya hecho algo mal. Los navegadores están diseñados para minimizar el tráfico de datos, de modo que no refrescan el favicon cada vez que muestran una página. Ni siquiera refrescar la página (F5) ayudará. Necesitará hacer un refresco más a fondo:
    • Mozilla / Firefox / Safari: mantenga pulsada la recla Shift (Mayús) mientras hace clic en recargar, o presione Ctrl-Shift-R (Cmd-Shift-R en Apple Mac);
    • IE: mantenga pulsada la tecla Ctrl mientras hace clic en Refrescar, o presione Ctrl-F5;
    • Konqueror: simplemente haga clic en el botón Recargar, o presione F5;
    • Los usuarios de Opera pueden tener que limpiar completamente su caché desde Herramientas→Preferencias.
    • Chrome: Shift-F5
    • Si nada de lo anterior funciona tendrá que borrar todos los archivos temporales de internet y el historial, y después abrir la página de nuevo.

Mi favicon está en otro lugar

Algunas plantillas contienen código que redirige al navegador a otro directorio o a otro archivo de icono. Para determinar dónde debería estar su nuevo favicon, examine http://susitio.com/templates/su_plantilla/index.php y busque código que contenga el texto <link rel="shortcut icon". Ahí encontrará el directorio y el nombre del archivo de icono. Copia su icono a ese lugar y dele el nombre al que está apuntando ese enlace (puede querer guardar una copia del archivo antiguo). Asegúrese de que configura la seguridad correctamente de modo que su servidor web tenga acceso a ese archivo. Mire el siguiente ejemplo:

<link rel="shortcut icon" href="http://susitio.com/templates/su_plantilla/icon/favicon.ico" />

Si no quiere cambiar sólo el archivo favicon.ico en su respectivo directorio de la plantilla puede encontrar la referencia a ese archivo en el documento html.php. La ruta es "........\libraries\joomla\document\html\html.php". Esto debería evitar que el icono cambie si usa

<link rel="shortcut icon" href="http://susitio.com/templates/su_plantilla/icon/suicono.ico" />

en el html de la plantilla y no elimina el archivo favicon.ico (¿por qué llamar al icono dos veces?).

Extracto del archivo html.php

// Try to find a favicon by checking the template and root folder
		$path = $directory . DS;
		$dirs = array( $path, JPATH_BASE . DS );
		foreach ($dirs as $dir )
		{
			$icon =   $dir . 'favicon.ico';
			if (file_exists( $icon ))
			{
				$path = str_replace( JPATH_BASE . DS, '', $dir );
				$path = str_replace( '\\', '/', $path );
				$this->addFavicon( JURI::base(true).'/'.$path . 'favicon.ico' );
				break;''