Ľudí prirodzene priťahuje vizuálny vzhľad a webové stránky WordPress, nakoľko ich priťahuje písaný obsah, ktorý zdieľate. V skutočnosti podľa Jeff Bullas “, Články s obrázkami majú o 94% viac zobrazení ako články bez obrázkov.

To je obrovský nárast počtu zobrazení stránky, ak sa ma pýtate.

A čo presne je to dôvod?

Stačí do svojho obsahu pridať niekoľko vysoko kvalitných obrázkov relevantných pre článok.

Ale čo obrázky na vašom webové stránky ktoré presahujú rámec snímok obrazovky a fotografií? A čo obrázky, ktoré nielen upútajú pozornosť, ale plnia aj užitočnú funkciu?

Áno, hovorím o ikonách. Viete, tie drobné obrázky, ktoré sa nachádzajú na webových stránkach, slúžia na podporu zdieľania na sociálnych sieťach, na ilustráciu kontaktných stránok vlastníkov firiem a na vymenovanie niekoľkých prípadov. použitia.

Keďže myšlienka bola prevzatá z tejto stránky, Návštevníci boli nielen priťahovaní k obrázkom na webových stránkach, ale mali tendenciu s nimi interagovať, ľudia ich začali pridávať na svoje webové stránky.

S pokrokom v technológiách však tradičné obrazové ikony ako vždy začali klesať ako obrázkové riešenie pre webové stránky. Je to preto, že stránky sú oveľa ťažšie, a preto pomalšie, ale predovšetkým toto riešenie nebolo vždy vhodné pre mobilné telefóny.

Existuje však riešenie: fonty ikon.

Dnes vám poviem, čo sú to ikonové písma a aké sú výhody ich použitia na vašom webe WordPress. Ďalej vám ukážem, ako pridať ikonové písma na váš web WordPress pomocou populárneho doplnku „ Lepšie Font Desivý ".

Začnime teda.

Čo sú to ikonové písma a prečo by ste ich mali používať?

Ikonové písma sú presne to, čo hovoria: písma zabudované úplne do ikon. V skutočnosti ikonové písma alebo „ make-icon Msgstr "Možno opísať ako písmo, ktoré zobrazuje iba znaky alebo symboly, nie písmená a čísla, s ktorými sú spojené tradičné písma a text.

Ikonové písma sa používajú na zobrazenie bežne používaných symbolov na vašom webe. Napríklad tlačidlá sociálnych médií, váš košík, tlačidlá na stiahnutie a navigačné tlačidlá sú príkladmi ikon, ktoré zobrazujú malé interaktívne obrázky na vašom webe.

Prečo používať ikonové písma?

Ikony obrázkov sa v minulosti osvedčili mnohým majiteľom stránok. Ako sa však pravidlá navigácie, použiteľnosť a dizajn vyvíjali, písmo ikon sa stalo najlepším riešením na zobrazovanie interaktívnych obrázkov na webové stránky.

Tu je prehľad niekoľkých presvedčivých dôvodov, prečo sú ikonové písma tou najlepšou voľbou:

• Ľahko sa rozširuje bez straty kvality
• Prispôsobiteľné z hľadiska farby a odtieňa
• 100% reagujúci
• Funguje ako obrázkoví duchovia CSS, ale správa sa ako text
• Jednoduché použitie
• Kompatibilné s prehliadačmi
• Prispôsobte nepriehľadnosť, rotáciu a ďalšie
• Menšia veľkosť súboru
• Nezabíjajte rýchlosť alebo výkonnosť svojich webových stránok

Ako vidíte, existuje niekoľko dôvodov, prečo možno budete chcieť na svoju webovú stránku použiť ikonové písmo, nie obrázkovú ikonu.

Inštalácia ikon písma na váš web pomocou doplnku

Better Font Awesome je a WordPress Plugin freeware, ktorý vám umožňuje automaticky integrovať najnovšiu verziu Font Awesome do vášho projektu WordPress. Navyše prichádza s CSS, krátkymi kódmi a generátorom krátkych kódov TinyMCE.

Tento doplnok má pre vlastníkov stránok množstvo užitočných funkcií:

• Rutinná aktualizácia najnovšej verzie
• Schopnosť prepínať medzi verziami písma Awesome bez zmeny krátkych kódov
• Podpora ďalších populárnych doplnkov písma vrátane ich krátkych kódov
• Vydal jsDelivr CDN

Krok 1: Inštalácia a aktivácia lepšej funkcie Font Awesome

Na začiatok si nainštalujte a aktivujte doplnok „Better Font Awesome“ prostredníctvom svojho hlavného panela WordPress, rovnako ako v prípade iných doplnkov.

Najskôr prejdite na „ Pluginy> Pridať nové A hľadať „ Lepšie Font Desivý ".

Potom vyberte „ nainštalovať teraz »A kliknite na« aktivovať ".

Po aktivácii doplnok pridá odkazLepšie Font DesivýV ponuke Nastavenia na hlavnom paneli programu WordPress.

Krok 2: Konfigurácia nastavení doplnku

Ako nakonfigurovať doplnok « Lepšie Font Desivý ", Začnite kliknutím na položku ponuky" Lepšie Font Desivý V časti Nastavenia. Keď to urobíte, zobrazí sa obrazovka podobná tejto:

Tu môžete urobiť nasledovné:

• verzia: Vyberte verziu „Better Font Awesome“, ktorú chcete použiť.
• Použite minifikovaný CSS: Toto políčko začiarknite, ak chcete použiť zmenšenú verziu CSS.
• Odstráňte existujúce tlačové písmo: toto políčko začiarknite a pokúste sa odstrániť kódované úryvky a krátke kódy pridané inými doplnkami a motívmi.
• Skryť recenzie správcu: Skryť predvolené varovania správcu, ktoré sa zobrazia, keď sa vyskytnú chyby API a CDN.

Okrem minimálneho množstva možností Better Font Awesome je k dispozícii aj malá sekcia „Používanie“, ktorá vysvetľuje, ako na svoje stránky pridať ikony.

Krok 3: Pridávanie ikon na vaše webové stránky

Existujú tri jednoduché spôsoby, ako pridať ikony na web pomocou aplikácie „Better Font Awesome“ - pomocou skráteného kódu, HTML alebo TinyMCE.

# 1. Pridávanie ikon pomocou krátkeho kódu

Ak chcete na svoj web pridať ikony pomocou krátkeho kódu, najskôr navštívte stránku „ Font Desivý Ak chcete zobraziť úplný zoznam dostupných ikon, ktoré je možné použiť.

Tu môžete vyhľadať požadovanú ikonu. Napríklad, ak chcete ikonu „e-mailu“, vyhľadajte dané kľúčové slovo a kliknutím na ikonu vyberte ikonu, ktorú chcete použiť.

Po kliknutí na ikonu, ktorú chcete pridať, uvidíte obrazovku s obrázkom ikony s rôznymi veľkosťami a malým blokom kódu:

Stačí skopírovať blok kódu a vložiť ho kamkoľvek na svoje webové stránky pomocou karty „Textový editor“. Takto bude editor vyzerať na vašom webe:

Na záver, tu je čo Návštevníci uvidí, kedy vstúpia na vašu stránku:

# 2. Pridávanie ikon pomocou HTML kódu

Ako sme videli v časti „ Použitie Máte možnosť použiť HTML kód na vloženie ikon na vaše webové stránky. Vývojári doplnkov však berú do úvahy, že použitie HTML vyžaduje predpony špecifické pre verziu.

Preto vám odporúčajú používať skrátené kódy. Ak však chcete použiť HTML kód, Font Awesome má užitočné informácie tu.

# 3. Pridávanie ikon pomocou TinyMCE

Toto je pravdepodobne najjednoduchší spôsob pridávania ikon na vaše stránky. V režime „Vizuálny editor“ stačí kliknúť na ikonu Vložiť. Odtiaľ prechádzajte dostupnými možnosťami ikon alebo zúžte svoje výsledky pomocou funkcie vyhľadávania.

Keď nájdete požadovanú ikonu, jednoducho na ňu kliknite. Generátor krátkych kódov automaticky zadáva požadované informácie do vášho príspevku alebo stránky.

Ak sa chcete naučiť, ako prispôsobiť ikony na vašom webe, pozrite si príklady „ Font Desivý ".