Mudando o favicon do seu website Joomla!

É prática comum, o webdesigner trocar o favicon padrão do CMS Joomla!, por um ícone que represente a logo do cliente. Isto,  demonstra um grau maior de profissionalismo. 

Para alterar o ícone do seu website, faça o seguinte:

1) crie uma imagem de 16x16 que é o tamanho utilizado pelo Joomla. Lembre-se que esta imagem deve estar relacionada ao website. Aconselho fazer o ícone da logomarca. Você pode utilizar o editor gráfico de sua preferência: Gimp, Fireworks, Photoshop ou utilizar uma ferramenta online, por exemplo: http://antifavicon.com/

2) converta a imagem para o formato .ico, usando uma das ferramentas online gratuitas, abaixo:

* http://converticon.com/
* http://www.favicongenerator.com/
* http://www.htmlkit.com/services/favicon/
* http://tools.dynamicdrive.com/favicon/
* http://www.favicon.cc/

(*) existem programas freeware para este fim e podem ser encontrados e baixados facilmente na Internet.

3) o arquivo que você criou, não precisa ser nomeado de favicon, mas deve ter a extensão (.ico). Copie o arquivo para o diretório do template padrão do seu website. Por exemplo: seusite/templates/seutemplate/favicon.ico

4) Abra o navegador. Você conseguiu visualizar o novo ícone? Parabéns. Não mudou? Este fato não significa necessariamente que você fez alguma coisa errada, lembre-se que se o conteúdo é o Rei, o navegador é a Rainha. Foi mal navegador... :-)

Os navegadores são projetados para minimizar o tráfego de dados e uma forma é não atualizar o favicon toda vez que eles mostram uma página. Mesmo se você atualizar a página apertando a tecla (F5), é provável que ainda não haja mudança. Então,  você precisa atualizar o seu website, digamos de forma, mais eficaz:

* Mozilla / Firefox / Safari - mantenha a tecla Shift pressionada enquanto clica em Recarregar, ou pressione Ctrl-Shift-R (Ctrl-Shift-R no Apple Mac);
* IE - pressione Ctrl enquanto clica em Recarregar, ou pressione Ctrl-F5;
* Konqueror - basta clicar no botão Recarregar;
* Os usuários do navegador Ópera podem limpar completamente o seu cache em Ferramentas ? Preferências.

Se isso não funcionar você terá de apagar os arquivos temporários da Internet e do histórico e, em seguida, abrir a página novamente. 

Alguns templates contêm um código que redireciona o navegador para outro diretório ou outro arquivo de ícone. Para determinar onde o novo ícone deve ser colocado, verifique em  http://seusite.com/templates/seutemplate/index.php e olhe para o código que contém o texto <link rel = shortcut icon ". Lá você encontrará o diretório e o nome do arquivo de ícone. Copie o seu ícone para aquele lugar e nomeie o arquivo com o mesmo nome que está sendo chamado pelo link (você pode querer o fazer um backup do arquivo antigo). Certifique-se de definir a segurança corretamente do servidor para que somente você teha acesso a esse arquivo. Olhe o exemplo abaixo.

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

Se você não quer apenas mudar o arquivo favicon.ico no respectivo diretório do template, você pode encontrar  referência para o arquivo favicon.ico no documento html.php. O caminho é "........ \ libraries \ joomla \ documento \ html \ html.php ". Isso deve impedir a alternância do  ícone se você usar o do template e você não remover o arquivo favicon.ico. (por que chamar o ícone duas vezes?) Faça o seguinte:

<link rel="shortcut icon" href="http://seusite.com/templates/seutemplate/icon/nomeqevcquiser.ico" />

A partir do html.php

// Tente encontrar um favicon, verificando o modelo e pasta raiz
$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;''

Fonte: http://docs.joomla.org Tradução e adaptação: Joomla Brasília

Sunday, June 1, 2014

« Voltar

Powered by WHMCompleteSolution