De favicon van een site veranderen

From Joomla! Documentation

Revision as of 09:53, 14 February 2021 by MartijnM (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français • ‎português • ‎русский • ‎中文(台灣)‎
Favicon-en.png

Het veranderen van de favicon van uw website is relatief eenvoudig.

  1. Maak een 16x16 pixel afbeelding. U kunt grafische software gebruiken zoals Photoshop, Gimp, Paint.net of Windows Paint. Als alternatief kunt u ook een online tool zoals http://antifavicon.com/ gebruiken.
  2. Converteer naar ico formaat met behulp van gratis online sites zoals:
  3. Het bestand dat u zo heeft gemaakt heeft de extensie .ico. Kopieer het bestand naar de /joomla/templates/<uw template> map en noem hem favicon.ico.
  4. Open een browser. Ziet u uw nieuwe pictogram? Zo ja, gefeliciteerd. Zo niet, dat hoeft niet te betekenen dat u iets verkeerd doet. Browsers zijn ontworpen om dataverkeer te minimaliseren, ze verversen daarom de favicon niet iedere keer dat ze een pagina tonen. Zelfs het verversen van de pagina (F5) helpt niet. U moet dus grondiger verversen:
    • Mozilla / Firefox / Safari: Houdt Shift ingedrukt terwijl u op Herladen drukt, of druk op Ctrl-Shift-R (Cmd-Shift-R op Apple Mac);
    • IE: Houd Ctrl ingedrukt terwijl u op Ververs drukt, of druk op Ctrl-F5;
    • Konqueror: Druk eenvoudig op de Herladen knop, of druk op F5;
    • Opera gebruikers moeten misschien hun cache legen in Tools→Voorkeuren.
    • Chrome: Shift-F5
    • Als dit niet werkt moet u de tijdelijke internetbestanden en de historie verwijderen en dan uw pagina opnieuw openen. Of verwijder uw favicon, ververs de browser met F5 en upload de vaficon.

Mijn favicon staat op een andere plek

Sommige templates bevatten code die de browser naar een andere map of een ander pictogram-bestand doorverwijzen. Onderzoek, om te bepalen waar uw nieuwe favicon zou moeten staan, http://uwsite.com/templates/uw_template/index.php en kijk naar code die de tekst <link rel="shortcut icon" bevat. Daar vindt u de map en de naam van het pictogram-bestand. Kopieer uw pictogram naar die plek en geef hem de naam waar de link naar verwijst (u wilt de oude misschien backuppen). Zorg ervoor dat de beveiliging goed staat zodat de webserver toegang tot het bestand heeft. Kijk naar onderstaande voorbeeld.

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

Als u het favicon.ico bestand in de respectievelijke template map niet wilt veranderen, dan vindt u de verwijzing naar het favicon.ico bestand in het html.php document. Het pad is "........\libraries\joomla\document\html\html.php". Dit voorkomt dat het pictogram omschakelt tijdens het gebruik van:

<link rel="shortcut icon" href="http://uwsite.com/templates/uw_template/icon/uwicon.ico" />

in de template html en het favicon.ico bestand niet verwijdert. (waarom het pictogram twee keer aanroepen?)

Uit de 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;''