Напевно, багато користувачів помічали, що привідкритті того чи іншого сайту в лівому кутку вкладки відображається маленька іконка, характерна для кожного порталу. Однак мало хто знає, що це таке і як її поміняти на своєму сайті.
Історія появи перших фавікона
Маленька іконка на сайті називається фавікон, щоозначає "значок для обраного" в перекладі з англійської. Спочатку вона використовувалася для швидкого пошуку і наведення порядку в закладках в браузерах IE. Потім стала повсюдно відображатися практично всіма інтернет-бродилками для додання особливої стилістики сайту.
характеристики Favicon
Фавікон - це звичайне зображення, як правило,розміром 16 на 16 точок. Для зберігання можуть використовуватися формати ICO, PNG і GIF. Фавікон підтримують багато популярні браузери. В їх число входять Chrome, IE, Opera, Firefox. Якісь можуть підтримувати анімаційні версії, якісь ні.
За замовчуванням браузер намагається відшукати іконку в корені сайту. Однак можна вказати йому, де саме вона знаходиться. Для цього достатньо в коді використовувати рядок:
<Link rel = "тип стилю" type = "image / тип розширення" href = "/ шлях до нового фавікона" />.
Створення свого фавікона
Щоб створити свою іконку, доситьскористатися одним з представлених в мережі онлайн-редакторів. Наприклад, найвідоміший знаходиться за адресою favicon.ru. Потрібно олівцем відзначити точки, які потребують заливці, і потім зберегти картинку.
Як поміняти фавікон
Багато веб-розробники намагаються при створеннісайту змінити стандартну іконку CMS або взагалі відсутню на більш відповідну тематиці. Далі буде перерахування способів, що описують, як поміняти фавікон в різних системах управління контентом або ж без них.
Joomla 1.5 і робота з фавікона
Joomla 1.5 - одна з перших стабільних версій системи управління контентом. Використовується вона все рідше, проте багато хто до цих пір підтримують її на деяких сайтах. Для того щоб поміняти фавікон в Joomla 1.5, потрібно створити іконку з готового малюнка або ж з нуля. Потім перейти в папку з шаблонами Joomla, які знаходяться в каталозі templates, і скопіювати фавікон туди.
Joomla 3
Остання з вийшли версій даної системи управління контентом. Покращено функціонал і додані нові можливості.
Перед тим як поміняти фавікон в Joomla 3, потрібноспочатку його створити. Як це зробити, було описано вище. Потім можна використовувати один з двох способів. Перший запозичений з Joomla 1.5 і передбачає ручну заміну файлу в папці з шаблонами.
Для реалізації другого способу необхіднопідредагувати файл index.php, який знаходиться в кореневій папці поточного шаблону. У ньому цікавить тег <head>. Щоб все запрацювало як треба, потрібно від відкриваючого тега до закриває ввести:
<Link rel = "каскадний стиль" type = "image / тип використовуваного контенту" href = "/ розташування фавікона" />.
Дістатися до файлу index.php можна, просто пройшовши по папках до потрібної або через адмінку. В панелі управління треба зайти в «Розширення» і там перейти в «Менеджер шаблонів». Серед присутніх варіантів потрібно вибрати поточний і натиснути «Змінити шаблон головної сторінки». Відкриється редактор коду, в якому між відкриває і закриває тегом head повинен бути вставлений вищенаведений код.
Іноді фавікон відображається не відразу в пошуковійвидачі. Це може бути пов'язано з тим, що сторінка ще не проіндексувалася. Варто трохи почекати, і через кілька днів, а може бути, і місяць новий фавікон відобразиться у верхній частині сайту.
Як поміняти фавікон в "Бітрікс"
"Бітрікс" - система управління контентом, на базі якої можна створювати і прості сайти, і корпоративні портали. Розроблено компанією "1С-Бітрікс".
Структура файлів сайту чимось схожа з Joomla, іпроцес заміни фавікона на потрібний відбувається точно так само. Тобто необхідно перейти в папку з шаблоном і скопіювати туди потрібну картинку у форматі ICO. Якщо не допомогло, спробувати також додати її в кореневу папку проекту.
Також є й інший спосіб, який можна поєднати з двома перерахованими вище. Це прописати в головному файлі вже відомі рядки:
<Link rel = "стиль і його тип" type = "image / тип картинки" href = "/ шлях" />.
WordPress
WordPress - одна з найвідоміших системуправління контентом. Знайшла свою популярність завдяки тому, що безкоштовна, проста в освоєнні і функціональна. Як поміняти фавікон на сайті WordPress? Цей процес в даній CMS виконується простіше всіх інших. Потрібно зайти в панель управління і перейти в розділ Cherry Options, після чого вибрати вкладку Logo & Favicon. Наявний файл потрібно видалити за допомогою кнопки Remove. Потім підготувати нову іконку і завантажити собі на комп'ютер. Тепер за допомогою бібліотеки медіафайлів потрібно додати оновлену іконку в базу і зберегти зміни.
Після всіх маніпуляцій досить перезавантажити сторінку і побачити, як змінився фавікон. Можливо, що він не з'явиться з першого разу, тому потрібно оновити кеш браузера і спробувати знову.
Є ще один спосіб зміни фавікона вWordPress. Для цього існує спеціальний файл header.php, який відповідає за виведення шапки сайту. У ньому є блок з тегами head. Ось саме між ними і потрібно вставити наступний код:
<Link rel = "назва іконки" type = "image / тип розширення" href = "/ шлях до картинки" />
Header.php знаходиться по шляху / wp-content / themes / назва теми. Варто звернути увагу на те, що в рядках коду використовується розширення ICO. Однак, якщо воно іншого типу у поточного фавікона, то можна в коді вказати те, що треба.
висновок
У статті було детально описано, як змінитифавікон в різних системах управління контентом. Для чого взагалі потрібно це робити і який практичний інтерес несе ця процедура? Найголовніша причина - впізнаваність сайту. Саме по фавікона можна дізнатися свій улюблений сайт в пошуковій видачі. До того ж при великій кількості відкритих вкладок в сучасному браузері можна швидко обчислити, на який з них розміщена та чи інша сторінка.
Перед тим як поміняти фавікон, його потрібнопідготувати. Це можливо зробити, перетворивши готовий малюнок або логотип. Або ж намалювати вручну новий фавікон з нуля. Для цього є багато онлайн-редакторів, а також конвертерів в мережі.
