Хората са естествено привлечени от визуалния аспект на уебсайта на WordPress, точно толкова, колкото и от писменото съдържание, което споделяте. Всъщност, според „ Jeff Bullas ", Статиите с изображения имат 94% повече изгледи от статиите без изображения.

Това е огромен ръст на показванията на страници, ако питате мен.

И каква точно е причината?

Просто добавете няколко висококачествени изображения, подходящи за статии, към цялото ви съдържание.

Но какво да кажем за изображенията на вашия уебсайт, които надхвърлят екранните снимки и снимките? А какво да кажем за изображения, които не само привличат вниманието, но и изпълняват полезна функция?

Да, говоря за икони. Знаете ли, тези малки снимки, които се намират на уебсайтове, за да насърчат споделянето в социалните медии, да илюстрират страници за контакт на собствениците на фирми, да назовем няколко от случаите на употреба.

Тъй като идеята е взета от този сайт, the посетители бяха не само привлечени от изображения в уебсайтове, но бяха склонни да взаимодействат с тях, хората започнаха да ги добавят към своите уебсайтове.

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

Но има решение: шрифтове за икони.

Днес ще ви кажа какво представляват шрифтовете на иконите и предимствата от използването им на вашия сайт на WordPress. Освен това ще ви покажа как да добавяте шрифтове на икони към вашия сайт на WordPress с помощта на популярната приставка " По-добър шрифт Страхотно ".

Така че, нека започнем.

Какво представляват шрифтовете на иконите и защо трябва да ги използвате?

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

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

Защо да използвам шрифтове с икони?

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

Ето поглед към някои убедителни причини, поради които шрифтовете на иконите са най-добрият избор:

• Разширява се лесно, без да губи качество
• Персонализирано по отношение на цвят и сянка
• 100% отзивчиви
• Работи като CSS спрайтове на изображения, но се държи като текст
• Лесен за използване
• Съвместим с браузърите
• Персонализирайте непрозрачността, въртенето и др
• По-малък размер на файла
• Не жертвайте скоростта или ефективността на уебсайта си

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

Инсталиране на икони на шрифтове на вашия сайт с помощта на приставка

Better Font Awesome е a WordPress плъгин безплатен софтуер, който ви позволява автоматично да интегрирате най-новата версия на Font Awesome във вашия WordPress проект. Освен това идва с CSS, кратки кодове и TinyMCE генератор на кратки кодове.

Този плъгин има различни полезни функции за собствениците на сайтове:

• Рутинна актуализация на най-новата версия
• Възможност за превключване между версии на Font Awesome без промяна на кратки кодове
• Поддръжка за други популярни плъгини за шрифтове, включително техните шорткодове
• Издаден от jsDelivr CDN

1 Стъпка: Инсталиране и активиране на по-добър шрифт страхотно

За да започнете, инсталирайте и активирайте приставката „Better Font Awesome“ чрез таблото за управление на WordPress, точно както бихте направили с всеки друг плъгин.

Първо отворете „ Приставки> Добавяне на нови И потърсете „ По-добър шрифт Страхотно ".

След това изберете „ инсталиране на предприятието »И кликнете върху« активирате ".

След като се активира, плъгинът добавя връзкаПо-добър шрифт СтрахотноПод менюто Настройки на вашето табло за управление на WordPress.

Стъпка 2: Конфигуриране на настройките на приставките

За да конфигурирате приставката « По-добър шрифт Страхотно ", Започнете с щракване върху елемента от менюто" По-добър шрифт Страхотно Под Настройки. След като направите това, ще видите екран, подобен на този:

Тук можете да направите следното:

• версия: Изберете версията на “Better Font Awesome”, която искате да използвате.
• Използвайте Minified CSS: Поставете отметка в това квадратче, ако искате да използвате минифицираната версия на CSS.
• Изтрийте съществуващия шрифт за печат: изберете това поле, за да се опитате да премахнете кодирани фрагменти и шорткодове, добавени от други плъгини и теми.
• Скриване на отзивите на администратора: Скрийте предупрежденията на администратора по подразбиране, които се появяват, когато възникнат грешки в API и CDN.

В допълнение към минималното количество опции Better Font Awesome, има малка секция „Използване“, обясняваща как да добавите икони към вашия сайт.

Стъпка 3: Добавяне на икони към вашия уебсайт

Има три лесни начина да добавите икони към уебсайта си, като използвате „Better Font Awesome“ - чрез шорткод, HTML или TinyMCE.

# 1. Добавяне на икони с помощта на шорткод

За да добавите икони към уебсайта си с помощта на къс код, първо посетете „ Font Awesome За да видите пълен списък с налични икони, които могат да се използват.

Тук можете да търсите иконата, която искате. Например, ако искате икона "имейл", просто потърсете тази ключова дума и изберете иконата, която искате да използвате, като кликнете върху нея.

След като щракнете върху иконата, която искате да добавите, ще видите екран, показващ изображението на иконата с различните й размери и малък блок код:

Просто копирайте блока от кода и го поставете навсякъде на уебсайта си, като използвате раздела „Текстов редактор“. Ето как ще изглежда редакторът на вашия уебсайт:

В крайна сметка ето какво посетители ще видят, когато влязат в сайта ви:

# 2. Добавяне на икони с помощта на HTML код

Както видяхме в раздела " Оползотворяване Имате възможност да използвате HTML код за вмъкване на икони на вашия уебсайт. Разработчиците на приставки обаче вземат предвид, че използването на HTML изисква специфични за версията префикси.

Ето защо те препоръчват вместо това да използвате къси кодове. Ако обаче искате да използвате HTML код, Font Awesome има полезна информация тук.

# 3. Добавяне на икони с помощта на TinyMCE

Това е може би най-лесният начин за добавяне на икони към вашия сайт. В режим "Visual Editor" просто кликнете върху иконата Insert. Оттам превъртете през наличните опции за икони или стеснете резултатите си, като използвате функцията за търсене.

След като намерите иконата, която искате, просто кликнете върху нея. Генераторът на шорткод автоматично въвежда необходимата информация във вашата публикация или страница.

Ако искате да научите как да персонализирате иконите на вашия сайт, вижте примерите на „ Font Awesome ".