Новости

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

  1. Проголосуйте за урок
  2. оцінка

Привіт, друзі! У цьому уроці ми поговоримо про невід'ємною складовою будь-якого сайту - фавіконки (favicon). Але перед тим як додати її на сайт, давайте згадаємо що таке favicon зображення і навіщо воно потрібне.

Favicon - невелике графічне зображення 16 х 16 пікселів пов'язане з вашим веб-сайтів. Одне з головних призначень фавіконки - можливість ідентифікувати веб-сайт візуально у великій кількості вкладок або закладок веб-браузера.

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

На дуже багатьох блогах та інформаційних ресурсах веб-майстрів зазначено що фавіконки повинна бути тільки в форматі .ico, але це помилкова думка! Ви можете створити гарне фавікон зображення і в .png форматі.

Для того щоб створити фавіконки самостійно, відкрийте Photoshop або інший графічний редактор і створіть квадратне зображення 128 × 128 пікселів, і намалюйте зображення для фавіконки (зазвичай ставлять просто логотип або його частина). Після того як ви створили зображення, збережіть його в форматі PNG. Хоча більшість сучасних браузерів буде відображати значок сайту в форматі PNG, дуже старі версії Internet Explorer не будуть.

Важливо! Після того як ви створите фавікон зображення, його не обов'язково зменшувати до розміру 16 х 16 пікселів! WordPress це зробить за вас!

1. Завантажте фавікон в корінь папки вашої поточної теми (шаблону). Назва фавіконки обов'язково зробіть - favicon.

Назва фавіконки обов'язково зробіть - favicon

wp-content \ themes \ ваша_тема

2. Зайдіть в адміністративну панель WordPress.

3. Перейдіть в Зовнішній вигляд -> Редактор.

4. У списку праворуч виберіть файл з ім'ям Заголовок (header.php).

5. Якщо ваш favicon в png форматі - скопіюйте код нижче і вставте його нижче тега <head>.

&lt;Link rel = "shortcut icon" href = "<? Php echo get_stylesheet_directory_uri ();?> / Favicon.png" />

Якщо в форматі ico - використовуйте код для вставки:

&lt;Link rel = "shortcut icon" href = "<? Php echo get_stylesheet_directory_uri ();?> / Favicon.ico" />

ico />

6. Збережіть зміни натиснувши кнопку «Оновити файл».

От і все! Як ви бачите, установка фавікон зображення в WordPress завдання не складна, і не вимагає багато часу.

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

Якщо у вас щось не вийшло, сміливо пишіть в коментарях! Я постараюся допомогти у вирішенні вашої задачі.

Привіт, друзі! У цьому уроці ми поговоримо про невід'ємною складовою будь-якого сайту - фавіконки (favicon). Але перед тим як додати її на сайт, давайте згадаємо що таке favicon зображення і навіщо воно потрібне. Favicon - невелике графічне зображення 16 х 16 пікселів пов'язане з вашим веб-сайтів. Одне з головних призначень фавіконки - можливість ідентифікувати веб-сайт візуально у великій кількості вкладок або закладок веб-браузера. Створити фавіконки можна різними способами, для цього є безліч онлайн-редакторів і купа подібний сервісів. На дуже багатьох блогах та інформаційних ресурсах веб-майстрів зазначено що фавіконки повинна бути тільки в форматі .ico, але це помилкова думка! Ви можете створити гарне фавікон зображення & hellip;

Проголосуйте за урок

100

оцінка

Підсумок: Шановні читачі! Не полінуйтеся проголосувати і залишити коментар. Таким чином я зможу зрозуміти корисність уроків і статей, і поліпшити їх якість в майбутньому. Заздалегідь дякую!

Рейтинг:

4.57 (20 голосів) 100

Lt;Link rel = "shortcut icon" href = "<?
Php echo get_stylesheet_directory_uri ();?
Php echo get_stylesheet_directory_uri ();?

Уважаемые партнеры, если Вас заинтересовала наша продукция, мы готовы с Вами сотрудничать. Вам необходимо заполнить эту форму и отправить нам. Наши менеджеры в оперативном режиме обработают Вашу заявку, свяжутся с Вами и ответят на все интересующее Вас вопросы.

Или позвоните нам по телефонам: (048) 823-25-64

Организация (обязательно) *

Адрес доставки

Объем

Как с вами связаться:

Имя

Телефон (обязательно) *

Мобильный телефон

Ваш E-Mail

Дополнительная информация: