Joomla: як зробити іконку сайту, яку видно в адресному рядку браузера
У статті описується, як прив'язати до сайту картинку, унікально ідентифікує сайт (наприклад, зроблену на основі індивідуального логотипу сайту), щоб ця картинка відображалася як в адресному рядку браузера, так і на закладці відкритої в браузері сторінки.
Картинка, яка мається на увазі, називається Favicon. Ось приклад відображення цієї картинки в браузері: 
Відмінна стаття по цій темі знаходиться в Вікіпедії - http://ru.wikipedia.org/wiki/Favicon . Наше завдання - додати на кожну сторінку в блок <head> тег <link rel = "icon" type = "image / png" href = "/ someimage.png" />. Для відображення Favicon в шаблонах Joomla, а також в коді /inclides/frontend.php зазвичай вже згенерований відповідний код. Нам залишається просто знайти і підправити це місце. Отже, процес по кроках для Joomla версії 1.0.12.
1. Робимо картинку 16x16 або 32x32 і з 8-бітної або 24-бітної глибиною кольору, формат png або gif. Найпростіше - конвертувати готову картинку в знайомому графічному редакторі (Photoshop, ACDSee, Picasa і т. Д.). Я вибрав 32x32, колір 8 біт, формат gif. Зберігаємо створену картинку під ім'ям favicon32x32-8b.gif, записуємо її в папку з картинками / images щодо кореня сайту (для тих, хто в танку - корінь сайту - це там, де знаходяться файли index.php, index2.php, configuration.php ). 
2. Відкриваємо html-код поточного шаблону. В адмінці Joomla йдемо в меню Сайт -> Шаблони -> Шаблони сайту. Дивимося, на якому з шаблонів в списку стоїть зелена галка (стовпець За замовчуванням) - цей шаблон зараз працює у нас на сайті. Вибираємо цей шаблон, поставивши навпроти нього радіокнопку, і тиснемо кнопку "Редагувати HTML".
3. Відкриється найпростіший текстовий редактор, в якому буде відображений html-код шаблону. Шукаємо секцію <head>, а всередині цієї секції тег на зразок <link rel = "shortcut icon" href = "/ <? Php echo $ mosConfig_live_site;?> / Images / favicon.ico" />. У цьому прикладі формат Favicon заданий як icon, змінна $ mosConfig_live_site (вона задана у файлі configuration.php) встановлена в значення http://microsin.ru, а картинка, яка зараз застосована в якості Favicon, лежить в файлі / images / favicon. ico. У нашому прикладі нам всього лише треба виправити цю строчку так, щоб формат був gif, а картинка favicon32x32-8b.gif:
<Link rel = "shortcut gif" href = "<? Php echo $ mosConfig_live_site ;?> /images/favicon32x32-8b.gif" />На цьому процедура завершена, тепер в рядку адреси і на закладках браузера буде красуватися потрібна нам картинка.
Крім шаблону, іконка favicon іноді виводиться блоком коду /includes/frontend.php, тому тег <link rel = "shortcut ..> може дублюватися. Наприклад, код в файлі frontend.php може бути такою:
.. // favourites icon if (! $ MosConfig_favicon) {$ mosConfig_favicon = 'favicon.ico'; } $ Icon = $ mosConfig_absolute_path. '/'. $ MosConfig_favicon; // checks to see if file exists if (! File_exists ($ icon)) {$ icon = $ mosConfig_live_site. '/ Favicon.ico'; } Else {$ icon = $ mosConfig_live_site. '/'. $ MosConfig_favicon; } // outputs link tag for page?> <Link rel = "shortcut icon" href = "/ <? Php echo $ icon;?>" /> ..Тут все очевидно - з змінних файлу configuration.php обчислюється шлях до файлу іконки, і в html виводиться тег link rel. Я не знаю, чи потрібно залишати таке дублювання, і про всяк випадок залишив. Тому тег link rel у мене на сайті згенерований двічі:
.. <head> .. <link rel = "shortcut icon" href = "http://microsin.ru/favicon.ico" /> .. <! - <link rel = "shortcut icon" href = "http : //microsin.ru/images/favicon.ico "/> -> <link rel =" shortcut gif "href =" http://microsin.ru/images/favicon32x32-8b.gif "/> </ head > ..У разі дублювання тега link rel перевірте коректність обох шляхів до файлу картинки, і відповідність її формату тому, що зазначений в тезі. Тобто, для даного прикладу файли favicon.ico і favicon32x32-8b.gif повинні лежати саме там, де вказано в тезі, і їх формат повинен бути відповідно icon і gif.
[Favicon в Joomla 1.7]
Налаштувати картинку favicon для Joomla 1.7 набагато простіше - в кожному шаблоні (в папці шаблону) знаходиться файл favicon.ico, який потрібно просто підмінити на інший. Наприклад, у мене стояв шаблон beez_20, і я замінив оригінальний файл /templates/beez_20/favicon.ico на свій власний, після чого сайт почав працювати з новою картинкою favicon.
[Посилання]
1. Freeware редактор іконок Icon Editor (Автор SoftwarePile.com). Програма розуміє файли BMP, і може створювати з них іконки і курсори.
Шукаємо секцію <head>, а всередині цієї секції тег на зразок <link rel = "shortcut icon" href = "/ <?Php echo $ mosConfig_live_site;?
Php echo $ mosConfig_live_site ;?
MosConfig_favicon; } // outputs link tag for page?
Gt; <Link rel = "shortcut icon" href = "/ <?
Php echo $ icon;?