TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як додати Favicon до безкоштовного сайту Weebly?

6

Favicon (коротка форма значка вибраного) – це невелика піктограма, показана у веб -переглядачі, яка допомагає відвідувачам запам’ятати ваш бренд. Деякі браузери відображають значок в адресному рядку ближче до URL -адреси, а деякі – на вкладці ближче до заголовка вашої сторінки. Це професійна функція у Weebly і виконайте наведені нижче кроки, щоб легко додати значок до безкоштовного сайту Weebly без оновлення до облікового запису Pro.

Як додати Favicon у Weebly?

У цій статті ми обговоримо такі теми:

  • Використання .ico файлу для Favicon без створення додаткової сторінки.
  • Використання PNG або JPEG або будь -якого файлу зображення з додатковою сторінкою.
  • Favicon для користувачів Weebly pro.

Пропозиція: Розміщуйте свої сайти Weebly та WordPress на Bluehost за 2,95 доларів на місяць.

1 Використання файлу ICO

Крок 1: Підготуйте свій Favicon

Потрібно мати зображення логотипу, перш ніж додавати значок на свій сайт. Ваш логотип може мати будь -який стандартний формат зображення, наприклад JPEG та PNG. Після того, як ваш логотип буде готовий, ви можете скористатися будь -яким із безкоштовних генераторів значків, наявних у мережі, для перетворення його у файл .ico.

Одним з таких генераторів значків є " freefavicon.com ". Перейдіть на сайт і виберіть своє зображення, щоб перетворити його у файл .ico. Ви також можете створити анімовану версію, додавши текст до прокрутки до позначки. Після того як ви задоволені попереднім переглядом favicon, завантажте файл “favicon.ico" на свій локальний комп’ютер.

Крок 2: Завантажте Favicon на свій веб -сайт Weebly

Після того, як ви отримаєте файл .ico, перейдіть до свого облікового запису Weebly і відредагуйте веб -сайт, на якому потрібно додати значок. Виберіть «Редагувати HTML/CSS» на вкладці «Тема» у редакторі Weebly.

Як додати Favicon до безкоштовного сайту Weebly?

Редагуйте HTML CSS у Weebly

Натисніть на піктограму “+” поруч із “Активи”, виберіть у спадному меню опцію “Завантажити файл (и)” та завантажте файл favicon.ico.

Як додати Favicon до безкоштовного сайту Weebly?

Завантаження Favicon на безкоштовний сайт Weebly

Ви можете побачити, що ваше ім’я файлу вказано в розділі "Активи" після його завантаження.

Перегляньте завантажений файл Favicon у редакторі тем Weebly

Зверніть увагу, що зображення файлу Favicon може не бути видимим, як інші зображення, що не повинно викликати проблем. Ви можете переглянути його під час перегляду опублікованого сайту у браузері. Збережіть зміни, і вам потрібно вказати назву теми для збереження, якщо ви редагуєте тему вперше. Посилання за умовчанням на файл зображення у Weebly таке:

http: //.weebly.com/files/theme/.ico

Замініть "Назва вашого сайту" та "Ім’я зображення" на URL -адресу вашого сайту та назву файлу Favicon. Переконайтеся, що ви можете відкрити цю URL -адресу Favicon у веб -переглядачі. Якщо ця URL -адреса не працює, клацніть правою кнопкою миші на зображенні та скопіюйте URL -адресу. Це має виглядати так:

https://www.weebly.com/editor/uploads/4/8/5/3/4853992/custom_themes/xxxxx/files/favicon.ico

Крок 3: Пов’язування вашого Favicon

Перейдіть до розділу «Налаштування> SEO> Код заголовка» та вставте такий код:

<link rel = “icon shortcut” href = “Your Favicon Link”/>

Замініть “Your Favicon Link” на URL -адресу вашого favicon.

Як додати Favicon до безкоштовного сайту Weebly?

Додайте посилання Favicon у розділі коду заголовка Weebly

Збережіть налаштування та опублікуйте свій сайт.

Примітка. Замість того, щоб додавати код на рівні сайту, ви також можете вставити код у розділ "Код заголовка" кожної сторінки в розділі "Сторінки> Вибрати сторінку> Налаштування SEO> Код заголовка". Таким чином, ви можете завантажити декілька значків і зв’язати різні значки на різні сторінки вашого сайту Weebly.

Крок 4: Перевірте його в різних браузерах

Останній крок – перевірити свій фавікон, відкривши свій сайт у різних веб -браузерах, таких як Firefox, Chrome та Edge. Перевірте чіткість і подивіться у різних браузерах і за потреби відрегулюйте розмір значка.

Як додати Favicon до безкоштовного сайту Weebly?

Перевірте Favicon у браузері

Іноді відображення значка в браузері може тривати довше, ви можете спробувати оновити, очистити кеш або закрити та відкрити браузер.

2 За допомогою файлу зображення PNG або JPEG

В даний час Weebly перезаписує .ico -файл із зображенням Favicon. Тож описаний вище метод може працювати не у всіх випадках. У такому разі спробуйте цей метод. Крім того, якщо ви не можете створити файл .ico або не зацікавлені в зміні теми, цей метод буде корисним.

Дотримуйтесь наведених нижче вказівок:

  • Створіть нову сторінку на вкладці "Сторінки" і назвіть її як завгодно, наприклад, назвіть її "favicon".
  • Перетягніть елемент "Зображення" на цій сторінці та завантажте своє зображення Favicon. Зображення має бути у форматі .png або .jpg або будь -якому іншому стандартному форматі зображення.
  • Пам’ятайте, що ви не можете завантажити файл .ICO за допомогою елемента зображення. Ви побачите повідомлення про помилку з недійсним типом файлу, а файл має бути у форматі JPEG, GIF або PNG.
  • Опублікуйте свій сайт і скопіюйте посилання на зображення, воно повинно бути приблизно таким:

http: //.weebly.com/uploads/1/3/4/0/13404245/541135_orig.png

  • Перейдіть до «Налаштування> SEO> Код заголовка» та вставте код нижче:

<link rel = “icon shortcut” href = “Your Image Link”/>

  • Опублікуйте свій сайт, і фавікон буде видно у браузері зараз !!!

2.1. Приховання сторінки Favicon

Будь -хто може побачити вашу сторінку Favicon, на якій буде одне крихітне зображення. Отже, необхідно приховати цю сторінку від користувачів та пошукових систем.

  • Перейдіть на вкладку «Сторінки» та встановіть прапорець «Сховати в навігації», щоб видалити сторінку значка з меню.
  • Перейдіть до "Налаштування SEO" на сторінці та виберіть "Приховати цю сторінку від пошукових систем", щоб приховати сторінку від пошукових систем.
  • Встановіть «Видимість» сторінки з паролем сайту, щоб навіть користувачі знали URL -адресу, вони не матимуть доступу.

3 Опція Weebly Favicon для преміальних користувачів

Користувачі тарифного плану можуть завантажити значок, щоб зробити свій сайт професійним. Weebly не надає вам жодних інструментів для створення вашого значка, а також не пропонує зображення для вашого значка. Вам потрібно підготувати власний файл зображення .ico з відповідним розміром.

3.1. Як завантажити?

  • Увійдіть у свій обліковий запис Weebly Pro і відредагуйте веб -сайт, на який потрібно завантажити значок.
  • Перейдіть до розділу «Загальні», доступного на вкладці «Налаштування» сайту.
  • Завантажте свій значок, як показано на малюнку нижче.
  • Опублікуйте свій веб -сайт і перевірте у веб -переглядачі (може знадобитися деякий час, поки значок Favicon відобразиться у веб -переглядачі)

Як додати Favicon до безкоштовного сайту Weebly?

Favicon для користувачів Weebly Pro

Пропозиція: Розміщуйте свої сайти Weebly на SiteGround зі знижкою 60%.

3.2. Особливості опції Weebly Favicon

  • Просто завантажте файл зображення Favicon.
  • Weebly автоматично ввімкне фавікон для вашого сайту в короткі терміни.
  • Підтримується у всіх браузерах, таких як Chrome, Firefox, Edge та Safari.

Важливо: Під час копіювання коду цитати можуть мати фігурний формат. Під час вставлення кодів у редакторі кодів Weebly використовуйте прямі лапки.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі