Практычна на любым сучасным сайце ў інтэрнэце прысутнічае спецыяльная абразок, адлюстроўваецца на ўкладцы браўзэра пасля поўнай загрузкі рэсурсу. Дадзеная карцінка ствараецца і устанаўліваецца кожным уладальнікам самастойна, хоць і не з'яўляецца абавязковай. У рамках гэтага артыкула мы распавядзем пра варыянты ўстаноўкі Фавикон на сайты, створаныя рознымі сродкамі.
Даданне Favicon на сайт
Каб дадаць разгляданы тып абразкі на сайт, вам прыйдзецца для пачатку стварыць падыходнае малюнак квадратнай формы. Гэта можна зрабіць як з выкарыстаннем спецыяльных графічных праграм, напрыклад, Photoshop, так і звярнуўшыся да некаторых онлайн-сэрвісам. Акрамя таго, падрыхтаваны значок пажадана загадзя пераўтварыць у фармат ICO і паменшыць да памеру 512 × 512 px.
Заўвага: Без дадання карыстацкага малюнка на ўкладцы адлюстроўваецца значок дакумента.
Чытайце таксама:
Анлайн-сэрвісы для стварэння Favicon
Як стварыць малюнак у фармаце ICO
Варыянт 1: Даданне ўручную
Гэты варыянт дадання абразкі на сайт падыдзе вам, калі вы не выкарыстоўваеце платформу, якая прадстаўляе спецыяльныя інструменты.
Спосаб 1: Загрузка Favicon
Найбольш просты метад, які падтрымліваецца літаральна любым сучасным інтэрнэт-аглядальнікам, заключаецца ў даданні раней створанай карцінкі ў каранёвай каталог вашага сайта. Зрабіць гэта можна як праз вэб-інтэрфейс, так і любы зручны FTP-менеджэр.
Часам патрэбны каталог можа мець назву "Public_html" або любое іншае, якое залежыць ад вашых пераваг у плане налад.
Працаздольнасць метаду наўпрост залежыць не толькі ад фармату і памераў, але і ад правільнай назвы файла.
Спосаб 2: Рэдагаванне кода
Часам можа быць недастаткова проста дадаць Favicon ў каранёвай каталог сайта, каб яна адлюстроўвалася браўзэрамі на ўкладцы пасля поўнай загрузкі. Пры такім раскладзе спатрэбіцца адрэдагаваць асноўны файл з разметкай старонкі, дадаўшы ў яго пачатак спецыяльны код.
- паміж тэгамі "HEAD" дадайце наступны радок, дзе "* / Favicon.ico" неабходна замяніць на URL-адрас вашага малюнка.
- Лепш за ўсё выкарыстоўваць абсалютную спасылку з указаннем прэфікса замест адноснай.
- У некаторых выпадках значэнне "Rel" можна змяніць на "Shortcut icon", Павялічыўшы тым самым сумяшчальнасць з вэб-браўзэрамі.
- значэнне "Type" таксама можа быць вамі зменена ў залежнасці ад фармату выкарыстоўванага малюнка:
Заўвага: Найбольш універсальным з'яўляецца ICO-фармат.
- ICO - "Image / x-icon" альбо "Image / vnd.microsoft.icon";
- PNG - "Image / png";
- GIF - "Image / gif".
- Калі ваш рэсурс накіраваны на пераважна апошнія версіі браўзэраў, радок можна скараціць.
- Для дасягнення найбольшай сумяшчальнасці вы можаце дадаць адразу некалькі радкоў з указаннем спасылкі на Favicon сайта.
- Усталяванае малюнак будзе адлюстроўвацца на ўсіх старонках сайта, але па жаданні можа быць зменена шляхам дадання раней згаданага кода ў асобныя раздзелы.
У абодвух разгледжаных метадах для з'яўлення абразкі на ўкладцы браўзэра спатрэбіцца некаторы час.
Варыянт 2: Сродкі WordPress
Пры працы з WordPress вы можаце звярнуцца да раней апісанаму варыянту, дадаўшы згаданы код у файл "Header.php" або скарыстаўшыся адмысловымі прыладамі. Дзякуючы гэтаму абразок гарантавана будзе прадстаўлена на ўкладцы сайта па-за залежнасці ад браўзэра.
Спосаб 1: Панэль кіравання
- Праз галоўнае меню разгарніце спіс "Знешні выгляд" і выберыце раздзел "Наладзіць".
- На якая адкрылася старонцы неабходна скарыстацца кнопкай "Уласцівасці сайта".
- прагартайце раздзел "Налада" да нізу і ў блоку "Абразок сайта" націсніце кнопку "Выбраць малюнак". У дадзеным выпадку малюнак павінна мець дазвол 512 × 512 px.
- праз акно "Выбраць малюнак" загрузіце патрэбную карцінку ў галерэю альбо абярыце раней дабаўленую.
- Пасля гэтага вы будзеце вернутыя да "Ўласцівасці сайта", А ў блоку "Абразок" з'явіцца абранае малюнак. Тут жа вы можаце азнаёміцца з прыкладам, перайсці да яго рэдагавання або выдаліць пры неабходнасці.
- Усталяваўшы патрэбнае дзеянне праз адпаведнае меню, націсніце кнопку "Захаваць" або "Апублікаваць".
- Каб убачыць лагатып на ўкладцы любой старонкі вашага сайта, уключаючы "Панэль кіравання", Перазагрузіце яе.
Спосаб 2: All In One Favicon
- У "Панэлі кіравання" сайтам абярыце пункт "Убудовы" і перайдзіце да старонкі "Дадаць новы".
- Запоўніце пошукавае поле ў адпаведнасці з найменнем патрэбнага ўбудовы - all in one favicon - і ў блоку з прыдатным пашырэннем націсніце кнопку "Усталяваць".
Працэс дадання зойме некаторы час.
- Зараз неабходна клікнуць па кнопцы "Актываваць".
- Пасля аўтаматычнага перанакіравання вам трэба перайсці да падзелу з наладамі. Зрабіць гэта можна праз "Налады", Выбраўшы з спісу "All in one Favicon" альбо скарыстаўшыся спасылкай "Settings" на старонцы "Убудовы" ў блоку з патрэбным пашырэннем.
- У раздзеле з параметрамі плагіна варта дадаць абразок у адну з прадстаўленых радкоў. Гэта трэба паўтарыць як у блоку "Frontend Settings", Так і ў "Backend Settings".
- націсніце кнопку "Захаваць зьмены", Калі малюнак будзе дададзена.
- Па завяршэнні абнаўлення старонкі малюнку будзе прысвоена унікальная спасылка і яна адлюструецца на ўкладцы браўзэра.
Гэты варыянт з'яўляецца найбольш простым ў рэалізацыі. Спадзяемся, у вас атрымалася ўсталяваць Favicon на сайт праз панэль кіравання WordPress.
заключэнне
Выбар спосабу дадання абразкі залежыць выключна ад вашых пераваг, так як ва ўсіх варыянтах можна дасягнуць патрабаванага выніку. Калі ж узнікаюць цяжкасці, перепроверьте выкананыя дзеянні і можаце задаць адпаведны пытанне нам у каментарах.
