Трябва да разберете как да добавите WordPress Favicon с лекота? Разберете, като следвате този урок
Favicon е малка квадратна икона, представляваща вашия уебсайт. Обикновено се появява до заглавието на уебсайта в раздела на браузъра. Favicon също се появява в историята на вашия браузър, отметките и навсякъде, където вашият уебсайт се нуждае от визуална идентичност.
Този малък детайл е от съществено значение за вашата онлайн идентичност. Ще обсъдим фавиконата на WordPress и как да добавите такава към вашия уебсайт на WordPress.
Но преди да започнем, ако никога не сте инсталирали WordPress, разберете Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Защо добавянето на Favicon към вашия уебсайт е важно
Favicon е основно идентификатор на вашия уебсайт; следователно е по-вероятно вашето лого да се появи там. Игнорирането на присъствието му във вашия уебсайт наистина е грешка.
Ето няколко причини, поради които фавиконата е жизненоважна за вашия уебсайт.
- Откроява се като признание на марка
Повечето потребители са склонни да отварят няколко раздела в браузъра си. Без фавикона можете да видите само името на страницата или публикацията в раздела на браузъра. Освен това, ако отворите повече от 20 раздела, те стават по-къси и е трудно да се определи кой раздел представлява кой уебсайт.
Avoir un favicon aide les utilisateurs à repérer chaque onglet plus facilement. Si votre favicon se démarque, il améliorera non seulement votre видимост но и вашият потребителско изживяване. - Изградете доверие
Ще оставите на потребителите лошо първо впечатление, ако нямате фавикона. Уебсайт без фавикона не изглежда професионален.
Ако създавате уебсайт само за ежедневно блогване, липсата на фавикона може да е без значение. Но това става от съществено значение, когато управлявате бизнес уебсайт или онлайн магазин.
Vos visiteurs ne feront confiance à aucune transaction sur un site Web qui n’a pas l’air professionnel. - Подобряване на мобилното изживяване
Това е ерата на мобилното изживяване. Наличието на отзивчив уебсайт може да не е достатъчно, за да зарадва мобилните потребители, главно защото уеб приложенията са във възход в момента.
Потребителите могат просто да направят отметка към уебсайт на началния екран на телефона си. Без повече въвеждане на URL адреси!
В тази ситуация наличието на добре направен фавикон ще ви служи по два различни начина. Първо, фавиконата ще се използва като икона на приложението и второ, хората, които използват вашето уеб приложение, ще запомнят вашата икона. Следователно вашата фавикона ще бъде свързана с вашия уебсайт.
Създаване на Favicon за WordPress
Обикновено вашият фавикон е логото на вашата марка. За изображението WordPress препоръчва да използвате и квадрат 512px х 512px.
Можете да използвате по-голямо изображение, но WordPress най-вероятно ще изисква от вас да го изрежете, за да отговаря на размера.
За да създадете изображение с точния размер на 512 пиксела x 512 пиксела, можете да използвате всеки софтуер за редактиране на изображения като отколкото Adobe Photoshop (платено) и ширит (безплатно) или генератори на фавикони
Въпреки че можете да изберете цвят на фона за вашия фавикон на WordPress, прозрачността е за предпочитане. Можете да използвате форматите . Jpeg,.ICO, . Gif ou . Png (просто се уверете, че използвате формата . Png ако използвате прозрачен фон).
След като изображението е готово, можете да го добавите към вашия уебсайт на WordPress, като използвате един от тези три метода:
1. Добавяне на WordPress Favicon чрез WordPress Customizer
От версията на WordPress 4.3, можете просто да добавите фавикона на WordPress от вашата администраторска област. За да направите това, следвайте стъпките по-долу:
- Достъп до вашият администраторско табло
- Задръжте курсора на мишката върху Външен вид -> Персонализиране
- избирам идентичност на уебсайта
- Кликнете върху бутона Изберете снимка под секцията с икони на сайта
- Качете своя фавикон, който е подготвен
- Кликнете върху бутона Публикуване за да запазите промяната.
Ако извършите процеса правилно, иконата за фавикон ще се появи до заглавието на вашия уебсайт. За да настроите това на мобилно устройство, посетете уебсайта си от телефона си и изберете Добави към началния екран.
Вашият фавикон вече ще се появи на началния ви екран.
2. Добавете Favicon към уебсайта с плъгин за WordPress
Можете също да добавите фавикона към WordPress, като използвате плъгин, наречен Favicon от RealFaviconGenerator. Той е лесен за използване и предлага повече функции. Ето необходимите стъпки:
- Достъп до вашия администраторско табло
- Избирам Разширения -> Добавяне
- тип Favicon от RealFaviconGenerator в полето за търсене
- Инсталирайте и активирайте WordPress плъгин
- След активиране отидете на Външен вид -> Favicon
- Качете изображението, което искате да зададете като фавикона. Не е необходимо да редактирате изображението си с помощта на софтуер за редактиране на изображения. Плъгинът ще го направи вместо вас. Просто се уверете, че изображението ви е с размер поне 70 x 70px. Още по-добре е, ако е по-голямо от 260 х 260 пиксела.
- След като качите изображението, натиснете бутона Генериране на фавикона.
- След като щракнете върху бутона, плъгинът ще ви отведе до уебсайта RealFaviconGenerator.
- На уебсайта намерете и кликнете Генерирайте вашите Favicons и HTML код.
- Плъгинът ще ви върне към вашия уебсайт. Ще получите известие, че вашият фавикон е конфигуриран.
- Проверете как изглежда фавиконата във вашия браузър и мобилно устройство.
3. Ръчно добавете WordPress Favicon към уебсайт
Препоръчваме да тествате това във вашия местен уебсайт за разработка, преди да бъде пуснато в експлоатация.
- Достъп до вашите тематични файлове чрез клиент FTP или файлов мениджър
- Намерете папката
/wp-content/themes/votre-theme - Качете вашата favicon в папката на вашата тема. Препоръчително е да го изтеглите в подпапка като Актив
- Запомнете този път към файла
- Потърсете файл с име functions.php и добавете следния код:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');- Редът след
href="'.get_template_directory_uri()трябва да е пътят към вашата favicon. Също така се уверете, че имате правилното име на файла. Ако използвате формат .ico файл, ще бъде това:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');Наличието на фавикона е задължително! Особено когато е толкова лесно да се създаде. Favicon представлява самоличността на вашия уебсайт. Може да заема само малко място на вашия уебсайт, но този малък детайл има специална роля за подобряване на разпознаваемостта на вашата марка и потребителското изживяване.
Други препоръчани ресурси
Също така ви каним да се консултирате с грабене на ресурси по-долу, за да навлезете по-дълбоко в първите стъпки и контролирането на вашия уебсайт и блог.
- Как да добавите удостоверяване Gmail на WordPress
- Как да премахнете тема на WordPress от уебсайт
- Как да настроите началната си страница в WordPress
- Elementor: Как да добавите звуков ефект на бутон
- Как да създадете персонализирани шаблони в WordPress
Заключение
Това е всичко за този урок, който обяснява как да добавите Favicon към WordPress. Ако имате някакви притеснения или предложения, моля, уведомете ни в рамките на това Връзка.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Междувременно, споделете тази статия във вашите различни социални мрежи.
...