Материалы по администрированию Joomla 2.5

Замена иконки, favicon на сайте Joomla

 

Вступление

Дополнительной идентификацией вашего сайта Joomla, может стать уникальная иконка или favicon. Favicon на сайте Joomla будет отражаться в браузерах в названии вкладок и сделанных закладках вместе со всеми страницами вашего сайта. По умолчанию все сайты управляемые CMS Joomla имеют одинаковые стандартные иконки. Отличаются только иконка для видимой части сайта Joomla и для административной панели. Иконку для части сайта, которую видят посетители, можно легко поменять.

Нужно ли менять иконку (favicon) сайта Joomla

Замена иконки своего сайта влияет только на субъективную составляющую оптимизации сайта. Посетитель, сделав закладку страницы сайта, может потом легко ее найти в списке всех своих закладок. Кроме этого иконка сайта отражается в поиске и в прикладных инструментах. например, в списке сайтов в Яндекс веб-мастер.

Кроме этого, заменив стандартную иконку Joomla,вы прекратите афишировать, что ваш сайт управляется Joomla, а это один из шагов повышающих безопасность сайта.

Требования к новой иконке Joomla

Слово Faviconэто сокращение от двух английских слов, favorites и icon. Для иконок Joomla есть свой стандарт. Их размер должен быть 16×16 или 32×32 пикселей. Сделан favicon, должен быть в 256 цветовой гамме. И главное, формат иконки Joomlaдолжен быть favicon.ico.

Шаги по замене иконки (favicon) сайта Joomla

Замена иконки сайта Joomlaосуществляется в несколько простых шагов:

  • Сгенерировать уникальную иконку из любого фото формата PNG или JPEG. Или нарисовать иконку самостоятельно, использую online сервисы или фото программы;
  • Сделать из картинки favicon формат ico, размер 16(32)×16(32) px;
  • Закачать новую иконку, в каталог сайта, удалив при этом все старые favicon;
  • Вставить специальный код в шаблон главной страницы своего сайта.

Разберем каждый шаг подробно.

Создание иконки для сайта Joomla

В интернет есть много online инструментов, для генерации иконки в формате favicon.ico из любой фотографии. Здесь обратить внимание нужно на следующее.

Если вы хотите, чтобы ваш favicon был без белого фона, то его источником должно быть с прозрачным фоном при создании и в формате PNG при сохранении. Используя фото форматов отличных от png вы получите Favicon с белым или черным фоном. Отличные хранилища иконок в интернете вы найдете в верхнем меню этого сайта в пункте: Инструменты веб-мастера.

Генераторы favicon вы также можете найти самостоятельно, вписав в окне поиска: генератор favicon.Здесь приведу адреса генераторов иконок.

  1. pr-cy.ru/favicon
  2. tools.dynamicdrive.com/favicon

И еще:

  • iconfinder.com
  • freepik.com/free-icons
  • genericons.com
  • flaticons.net
  • iconbird.com
  • iconizer.net
  • webhostinghub.com
  • iconspedia.com
  • iconsearch.ru
  • icons8.com
  • glyphicons.com
  • findicons.com
  • icomoon.io
  • iconarchive.com
  • themify.me
  • thenounproject.com
  • flaticon.com

Делаются иконки Favicon следующим образом

  • Заранее находите оригинальную картинку для своей будущей иконки;
  • Открываете генератор;
  • В окне загрузчика генератора выбираете свою иконку на компьютере. Выбираете размеры будущей иконки, для Joomla16×16 пикселей;
  • Нажимаете кнопку, типа «Сделать».
  • Favicon генерируется за считанные секунды. Далее остается только скачать ее на свой компьютер. Для этого есть своя кнопка «Download».Иконка на компьютере, нужно закачать ее в каталог.

Закачать новую иконку в каталог сайта

С местом в каталоге сайта, куда нужно закачать новую иконку (favicon) сайта ситуация следующая.

Раньше обязательным местом для размещения favicon.ico был корневой каталог сайта. Сейчас ситуация немного смягчилась. Использование динамических шаблонов позволяет закачивать иконку в любой каталог своего сайта, только в коде (ниже) нужно четко прописывать путь до этого каталога. Но при этом нужно помнить, чем дальше иконка от корня сайта, тем дольше она будет загружаться в браузере. А за скорость загрузки сайта нужно бороться, даже в мелочах.

Поэтому советую загрузить основной favicon в корень сайта Joomla. Для загрузки понадобиться FTP клиент или авторизация в административной панели на хостинге. Перед загрузкой новой иконки (favicon) проверьте все паки сайта [image] и удалите или переименуйте старые favicon, которые возможно были установлены в загруженных вами шаблонах. Отдельно проверьте папку с вашим шаблоном [template/Название_шаблон]. Из подпапок шаблона уберите файл favicon.ico. После того, как удалили старые favicon загружайте новый [favicon.ico] в корень сайта. Favicon в каталоге сайта, остается вставить код в шаблон главной страницы сайта.

Примечание: На этом этапе иконка сайта может уже поменяться. В некоторых шаблонах код для показа иконки (о коде ниже) уже прописан в шаблоне сайта и поэтому при замене иконки в каталоге она может поменяться и в закладке браузера. Только чтобы это увидеть нужно очистить кэш сайта и, может быть, перегрузить браузер.

Вставляем код в шаблон сайта для отображения иконки favicon

Примечание: Этот способ устарел, в основных браузерах новая иконка отображается без вставки этого кода. Достаточно удалить все старые фавиконы из корня сайта и из шаблоана. а также очистить кэш браузера и сайта.

Код (ниже) вставляется в шаблон главной страницы сайта Joomla между тегами <head></head>(пример ниже). В интернет вы можете найти несколько вариантов кодов (favicon),для сайтов Joomla. Приведу пример только тех кодов, которые работают на всех моих сайтах Joomla.

Код первый. Иконка появляется практически моментально, после очистки кеша сайта.

<link rel="SHORTCUT ICON" href="/favicon.ico"type="image/x-icon" />

Код второй. Из-за отсутствия показа браузеру типа элеммента формы (type) эта иконка появляется в браузере через 1-2 суток.

<link rel="SHORTCUT ICON" href="/favicon.ico" /> 

Код третий. Для иконки(favicon) размещенного не в корневом каталоге (patch-to это путь до папки с favicon).

<link rel="SHORTCUT ICON" href="/path-to/favicon.ico"/>
  • Работают коды и с таким написанием SHORTCUT ICON , и с такимshortcut icon
  • Если код вашего сайта HTML ,а не XHTML ,то заканчивать код нужно " >" ,а не "/>"

Если вам нужно отображение иконки в браузере IE ,попробуйте добавить такой код :

<link rel="icon" href="http://www.example.com/favicon.ico" type="image/vnd.microsoft.icon" /> 
<link rel="shortcut icon" href="http://www.example/com/favicon.ico" type="image/vnd.microsoft.icon" /> 

После вставки кода в шаблон не забывайте сохраниться, также очистите кеш сайта.

  • Административная панель >>>Сайт>>>Обслуживаеие>>>Очистить весь кеш (для версий Joomla 1.7-2.5)
  • Административная панель>>>Инструменты >>>Очистить весь кеш (для версии 1.5)

Пример вставленного кода для отображения иконки сайта:

<head>
  <jdoc:include type="head" />
  <?php require_once(YOURBASEPATH. DIRECTORY_SEPARATOR .'includes'. DIRECTORY_SEPARATOR .'jsn_head.php'); ?>
   <link rel=" SHORTCUT ICON " href="/favicon.ico" type="image/x-icon" /> 
</head>

©Joomla-abc.ru

Другие статьи раздела: Администрирование Joomla 2.5

Администрирование Joomla 3.x

 

Компонент Sh404