Установка Фавікона на сайт - 20 Жовтня 2015 - Блог - Створення та просування сайтів

Додавання іконки для вашого ресурсу є дуже простим: достатньо лише прописати необхідний html-код між тегами.

link rel = "icon" href = "http://nika-ws.ru/favicon.ico" type=" image/x-icon"/>

Після додавання коду на сторінку потрібно оновити кеш браузера.

Favicon на WordPress

1. З адмін панелі блогу Ворпрес, через налаштування шаблону.

2. Звичайне встановлення без плагіна

3. За допомогою плагіна

У багатьох преміум-шаблонах WordPress можна встановлювати логотипи та іконки. Для цього йдемо в налаштування теми, вибираємо потрібний файл на комп'ютері і тиснемо "Завантажити". Зберігаємо зміни та милуємося результатом. Додати Favicon на сайт дуже легко. Треба просто скопіювати його в кореневу директорію сайту FTP. На Вордпрес це папка public_html (там, куди встановлювали robots.txt). В принципі можна більше нічого не робити. Сучасні браузери самі знайдуть піктограму, якщо вона розташована у кореневій папці блогу. Але ж ми хочемо, щоб наша іконка відображалася і в пошуковій видачі. Тому буде краще, якщо вказати спеціальному роботу Яндекса шлях до файлу favicon.ico. Для цього у html-коді сторінок блогу між тегами треба прописати такий код:

link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Favicon на Joomla.

Якщо у шаблоні, який ви використовуєте на сайті, вже є файл favicon.ico, то вам досить просто замінити його на свій. Як це перевірити? Зайдіть до папки з вашим сайтом, далі перейдіть до папки templates/назва вашого шаблону/. Якщо в цій папці є файл favicon.ico, топросто замініть його на свій. Якщо у вас інша ситуація, спочатку необхідно підключити фавікон до вашого сайту. На початку помістіть значок у кореневу папку з вашим сайтом. Після цього у файлі index.php вашого шаблону необхідно прописати шлях до файлу. Для цього у файлі index.php перед тегом необхідно вставити такі рядки:

link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

У коді вище зазначені відносні шляхи до файлу favicon.ico, в деяких випадках потрібно вказувати абсолютні шляхи, для цього замініть "/favicon.ico" на http://ваш-сайт.ru/favicon.ico

В адміністративній панелі Joomla пройдіть до пункту Розширення >> Менеджер шаблонів. Відкриється таблиця, в якій будуть відображатися всі шаблони, встановлені у вашій системі. У колонці "Шаблон" знайдіть назву вашого шаблону та клацніть по ньому. На сторінці, що відкрилася, клікніть за посиланням "Змінити шаблон головної сторінки" в результаті чого відкриється для редагування файл index.php вашого шаблону. У коді знайдіть тег і перед ним вставте запропонований код і натисніть на кнопку "Зберегти".

Favicon на Ucoz

Перш ніж ставити іконку на сайт, вона повинна бути у Вас на комп'ютері. Створити іконку можна за допомогою fotoshop або paint. Розмір іконки має бути 16х16 пікселів. На комп'ютері іконка має називатися favicon.ico. Якщо у вас вже є іконка, то завантажуйте її в корінь сайту (файловий менеджер): Управління-->Файловий менеджер. У файловому менеджері іконка ОБОВ'ЯЗКОВО має називатись "favicon.ico" (без ""). Все тепер через деякий час іконка з'явиться.

Favicon на MO D X

Поміщаємо значок у будь-яку папку нашого сайту, а між тегами та поміщаємо наступну конструкцію:

Для іконок з розширеннямgif:

Для іконок з розширенням png:

Таким чином, кожна сторінка сайту може мати свою іконку.

Формат gif дозволяє робити анімовані іконки. Але майте на увазі, що не всі браузери підтримують анімацію. І ще один момент варто враховувати, чим менше іконка важить, тим швидше вона завантажуватиметься. Тому, не намагайтеся впхнути у свою іконку цілий анімаційний фільм.