Начини за добавяне на favicon към сайта

На практика всеки модерен сайт в Интернет има специална икона, която се показва в раздела на браузъра, след като ресурсът е напълно зареден. Тази снимка се създава и инсталира от всеки собственик независимо, въпреки че не е задължителна. Като част от тази статия ще обсъдим възможностите за инсталиране на Favicon на сайтове, създадени по различни начини.

Добавяне на Favicon към сайта

За да добавите този тип икона към сайта, ще трябва да създадете подходящо изображение с квадратна форма за начало. Това може да стане както при използването на специални графични програми, например, Photoshop , и са прибягнали до някои онлайн услуги. Освен това е желателно предварително подготвената икона да се преобразува във формат ICO и да се намали до размер 512 × 512 px .

Забележка: Без да добавяте персонализирано изображение, в табулацията се показва икона на документ.

Вижте също:
Онлайн услуги за създаване на favicon
Как да създадете изображение във формат ICO

Опция 1: Добавяне ръчно

Тази опция за добавяне на икона към сайта ще ви хареса, ако не използвате платформа, която предоставя специални инструменти.

Метод 1: Изтеглете Favicon

Най-простият метод, поддържан от буквално всеки съвременен интернет браузър, е да добавите вече създадено изображение в основната директория на вашия сайт. Това може да стане или чрез уеб интерфейса, или чрез удобен FTP мениджър.

Понякога желаната директория може да има името "public_html" или всяка друга, в зависимост от вашите предпочитания по отношение на настройките.

Ефективността на метода директно зависи не само от формата и размера, но и от правилното име на файла.

Метод 2: Редактиране на кода

Понякога може да не е достатъчно просто да добавите Favicon към основната директория на сайта, така че да се показва в раздела от браузърите след пълно изтегляне. В тази ситуация ще трябва да редактирате основния файл с маркирането на страницата, като добавите специален код към началото му.

1. Добавете следния ред между маркерите "HEAD" , където "* / favicon.ico" трябва да бъде заменен с URL адреса на вашето изображение.

2. Най-добре е да използвате абсолютна връзка с префикс вместо относителна.
3. В някои случаи стойността на "rel" може да бъде променена на "shortcut icon" , като по този начин се увеличи съвместимостта с уеб браузърите.
4. Стойността "тип" може също да бъде променена от вас в зависимост от формата на използваното изображение:
   

   Забележка: Най-универсалният е форматът на ICO.

   • ICO - "image / x-icon" или "image / vnd.microsoft.icon" ;
   • PNG - "изображение / png" ;
   • GIF - "image / gif" .

5. Ако вашият ресурс е насочен главно към най-новите браузъри, низът може да бъде съкратен.

6. За да постигнете най-голяма съвместимост, можете да добавите няколко реда едновременно с връзката към сайта на Favicon.
7. Инсталираното изображение ще се показва на всички страници на сайта, но може да се променя по желание, като се добави споменатия по-горе код в отделни секции.

И в двата метода ще отнеме известно време да се покаже в раздела на браузъра.

Вариант 2: WordPress Tools

Когато работите с WordPress, можете да прибягнете до вече описаната опция, като добавите горния код към файла "header.php" или използвайки специални инструменти. Благодарение на това иконата ще бъде гарантирана, че ще бъде представена в раздела "Сайт", независимо от браузъра.

Метод 1: Контролен панел

1. От главното меню разгънете списъка "Изглед" и изберете раздела "Персонализиране" .
2. На страницата, която се отваря, трябва да използвате бутона "Свойства на сайта" .
3. Превъртете през секцията "Настройки" до долу и в секцията "Икона на сайта" кликнете върху бутона "Избиране на изображение" . В този случай снимката трябва да има разделителна способност 512 × 512 px .
4. Чрез прозореца "Избор на изображение" качете желаното изображение в галерията или изберете добавената по-рано.
5. След това ще бъдете върнати в "Site Properties" и избраното изображение ще се покаже в блока "Икона" . Тук можете да видите пример, да го редактирате или да го изтриете, ако е необходимо.
6. След като настроите желаното действие в съответното меню, кликнете върху бутона "Запазване" или "Публикуване" .
7. За да видите логото в раздела на всяка страница на сайта си, включително "Контролен панел" , го заредете отново.

Метод 2: All In One Favicon

1. В сайта "Контролен панел" изберете "Plugins" и отидете на страницата "Add New" .
2. Попълнете полето за търсене в съответствие с името на плъгина, от който се нуждаете - всичко това в един фавикон - и в блока с подходящо разширение, кликнете върху бутона "Инсталиране" .

   Процесът на добавяне ще отнеме известно време.

3. Сега трябва да кликнете върху бутона "Активиране" .
4. След автоматично пренасочване трябва да отидете в секцията с настройки. Това може да стане чрез "Настройки" , като изберете "Всички в един Favicon" от списъка или използвайте връзката "Настройки" на страницата "Plugins" в блока с необходимото разширение.
5. В секцията с параметри на приставката добавете икона към един от представените редове. Това трябва да се повтори както в блока "Frontend Settings", така и в "Backend Settings" .
6. Кликнете върху бутона "Запазване на промените", когато се добави изображението.
7. След завършване на обновяването на страницата ще бъде присвоена уникална връзка към изображението и ще бъде показана в раздела на браузъра.

Тази опция е най-лесна за изпълнение. Надяваме се, че сте успели да инсталирате Favicon на сайта чрез контролния панел на WordPress.

заключение

Изборът за това как да добавите икона зависи само от вашите предпочитания, тъй като във всички опции можете да постигнете желания резултат. Ако възникнат трудности, проверете отново извършените действия и можете да зададете съответния въпрос в коментарите.

• ← Инсталиране на цифров подпис на компютър
• Инсталиране на популярни браузъри на вашия компютър →