Донецкий техникум промышленной автоматики

Як додати і встановити Favicon WordPress, найпростіший спосіб

  1. Створення іконки для WordPress сайту
  2. Способи створення favicon для WordPress сайту
  3. Як встановити favicon WordPress

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

Поміркуйте самі між собою як би відбувався пошук потрібної вкладки, якби було відкрито хоча б 10 одночасно в браузері і всі вони виглядали ідентично? Саме для такого зорового відмінності і був придуманий і впроваджений favicon.

Оновлено 19.08.2015. У новій версії WordPress 4.3 існує спосіб додавання будь-якої картинки і створення іконки сайт а безпосередньо з адмінки .

Створення іконки для WordPress сайту

Урок з циклу присвяченого базовим налаштувань і установок в WordPress , Допоможе вам зробити все правильно і не переплачувати зайві гроші.

Фавікон - графічне зображення розміром 16 × 16 або 32 × 32 пікселя, запроваджене в ваш сайт в форматі ico або png картинки біля назви вкладки.

Для того, що б встановити favicon WordPress сайту існує кілька способів:

  1. Намалювати зображення в графічному редакторі самостійно.
  2. Знайти відповідне зображення і змінити його розмір до потрібного.
  3. Створити favicon в онлайн режимі.
  4. Замовити у дизайнерів унікальну «етикетку».
  5. Плагін для іконки.

Давайте розберемо все по порядку.

Способи створення favicon для WordPress сайту

Що б намалювати самостійно іконку не потрібно бути великим художником, якщо ви знавець Photoshop тоді у вас не виникне проблем, але навіть якщо ви крім стандартного Peint від Windows більше ніякими знаннями малювання не володієте, то і це не біда. Спробувавши один раз зробити іконку такого малого розміру, ви переконаєтеся в тому, що не все так погано як здавалося. Але знову ж таки все залежить від вашої фантазії.

Я думаю що б намалювати що-небудь подібне, вам не потрібні навички дизайнера, це зображення було створено в peint розміром 400 × 400, тепер змінимо до потрібного нам розміру 16 × 16 і збережемо в форматі ico. Що ж у нас вийде в підсумку? Я думаю що б намалювати що-небудь подібне, вам не потрібні навички дизайнера, це зображення було створено в peint розміром 400 × 400, тепер змінимо до потрібного нам розміру 16 × 16 і збережемо в форматі ico

Як бачимо це не так і страшно виглядає, але витративши небагато часу в більш якісному графічному редакторі можна отримати досить хороший унікальний favicon.

Якщо у вас є на прикметі відповідне зображення для favicon тоді вам варто тільки залити його в будь-який редактор і змінити його розмір, зберегти в потрібному форматі, всі ваші праці закінчилися, після того як ми пропишемо шлях до favicon на сайті WordPress вона буде діяти і доступною .

Одним з таких сайтів для створення іконки сайту є pr-cy.ru куди можна закачати вашу картинку і вже забрати в потрібному розмірі і форматі.

Створити favicon онлайн дуже просто, для цього існує безліч сервісів і додатків. Єдиний недолік це примітивізм даного способу, але якщо ви не переслідуєте цілі високої якості зображення тоді це найкращий спосіб для вас.

Кращий сайт на якому можна створити іконку для сайту в онлайн режимі це favicon.cc. Це англомовний безкоштовний сервіс, що дозволяє малювати в найпростішому поле, з невеликим набором інструментів.

Але якщо захотіти і трохи постаратися, то можна отримати досить хорошу роботу в результаті.

Замовити іконку у дизайнерів буде коштувати вам грошей, перед тим як це робити подумайте тричі і спробуйте самому все зробити, краще пустіть ці гроші на просування сайту.

Плагін для установки favicon навіть розглядати не буду, навіщо нам засмічувати і сповільнювати наш сайт якщо вся і так простіше нікуди для впровадження.

Як встановити favicon WordPress

Що б встановити favicon в наш сайт на WordPress потрібно завантажити файл header.php з нашого сервера і прописати в нього наступні рядки між тегами <head> </ head>

<Head>

<Link rel = "icon" href = "http: //ваш-сайт.ru/favicon.ico» type = "image / x-icon» />
<Link rel = "shortcut icon" href = "http: //ваш-сайт.ru/favicon.ico» type = "image / x-icon» />

</ Head>

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

Починаючи з версії 4.3 можна встановлювати іконку сайту безпосередньо з візуального редактора сторінок. Так само завдяки цьому оновленню розмір і картинки більше не важливо, програма сама відредагує і зробить все як треба.

Як встановити Favicon WordPress можна подивитися в наступному відео уроці:

Зробили? Все на цьому даний урок закінчений і мета досягнута, ви розібралися як встановлювати Favicon WordPress.

Ви можете продовжувати вивчати наші корисні уроки для початківців користувачів WordPress і стати фахівцем в розробці сайтів на цій платформі.

Рекомендую почитати:

Поміркуйте самі між собою як би відбувався пошук потрібної вкладки, якби було відкрито хоча б 10 одночасно в браузері і всі вони виглядали ідентично?
Що ж у нас вийде в підсумку?