Njerëzit tërhiqen natyrshëm nga pamja vizuale e a Site Web të WordPress-it, aq sa tërhiqen nga përmbajtja e shkruar që ju shpërndani. Në fakt, sipas Jeff Bullas ", Artikujt me imazhe kanë 94% më shumë shikime sesa artikujt pa imazhe.

Kjo është një rritje e madhe në shikimet e faqeve nëse më pyetni.

Dhe cila është arsyeja pikërisht?

Thjesht shtoni disa imazhe me cilësi të lartë, përkatëse të artikullit, në të gjithë përmbajtjen tuaj.

Por çfarë ndodh me fotot në tuaj Site Web që shkojnë përtej pamjeve të ekranit dhe fotografive? Po imazhet që jo vetëm tërheqin vëmendjen, por shërbejnë edhe për një funksion të dobishëm?

Po, unë jam duke folur për ikonat. E dini, ato fotografi të vogla që gjenden në faqet e internetit për të inkurajuar ndarjen në mediat sociale, për të ilustruar faqet e kontaktit të pronarëve të bizneseve, për të përmendur disa nga rastet të përdorimit.

Si ideja është marrë nga kjo faqe, vizitorët jo vetëm që tërhiqeshin nga imazhet në faqet e internetit, por ishin të prirur të ndërveprojnë me to, njerëzit filluan t'i shtonin ato në faqet e tyre të internetit.

Megjithatë, ndërsa përparon teknologjia, si gjithmonë, ikonat tradicionale të imazheve kanë filluar të lëkunden si një zgjidhje e imazheve për faqet e internetit. Kjo sepse ato i bëjnë faqet shumë më të rënda dhe për këtë arsye më të ngadalta, por mbi të gjitha kjo zgjidhje nuk ishte gjithmonë e përshtatshme për celularët.

Por ka një zgjidhje: fontet e ikonave.

Sot do t'ju tregoj se cilat janë gërmat e ikonave dhe përfitimet e përdorimit të tyre në faqen tuaj WordPress. Për më tepër, unë do t'ju tregoj se si të shtoni gërma ikonash në faqen tuaj WordPress duke përdorur shtojcën e njohur " Font Better Awesome '.

Pra, le të fillojmë.

Cilat janë shkronjat e ikonave dhe pse duhet t'i përdorni ato?

Shkronjat e ikonave janë saktësisht ato që thonë ata: gërmat e ndërtuara tërësisht në ikona. Në fakt, gërmat e ikonave ose " make-icon "Mund të përshkruhet si një font që tregon vetëm karaktere ose simbole, jo shkronjat dhe numrat me të cilët shoqërohen shkronjat dhe tekstet tradicionale.

Shkronjat e ikonave WordpressShkronjat e ikonave përdoren për të shfaqur simbolet e përdorura zakonisht në faqen tuaj. Për shembull, butonat e mediave sociale, karroca juaj, butonat e shkarkimit dhe butonat e navigimit janë shembuj të ikonave që shfaqin imazhe të vogla, interaktive në faqen tuaj.

Fonticone në një faqe në internet

Pse të përdorësh gërmat e ikonave?

Ikonat e imazhit kanë funksionuar mirë në të kaluarën për shumë pronarë faqesh. Megjithatë, ndërsa rregullat e navigimit, përdorshmëria dhe dizajni kanë evoluar, fontet e ikonave janë bërë zgjidhja më e mirë për shfaqjen e imazheve interaktive në një Faqja e internetit.

Këtu keni një vështrim në disa arsye bindëse pse gërmat e ikonave janë zgjidhja më e mirë:

  • Zgjerohet lehtë pa humbur cilësinë
  • I përshtatshëm për sa i përket ngjyrës dhe hijes
  • 100% i përgjegjshëm
  • Punon si sprites të imazheve CSS, por sillet si tekst
  • Lehtë për t'u përdorur
  • Kompatibil me shfletues
  • Personalizo errësirën, rrotullimin dhe më shumë
  • Madhësia më e vogël e skedarit
  • Mos sakrifikoni shpejtësinë ose performancën e faqes suaj të internetit

Siç mund ta shihni, ka disa arsye pse mund të dëshironi të përdorni një font ikonë në faqen tuaj të internetit në krahasim me një ikonë të imazhit.

Instalimi i ikonave të shkronjave në faqen tuaj duke përdorur një shtojcë

Fonti më i mirë Awesome është një plugin WordPress program falas që ju lejon të integroni automatikisht versionin më të fundit të Font Awesome në projektin tuaj WordPress. Për më tepër, ai vjen me CSS, kode të shkurtra dhe gjenerator të kodeve të shkurtra TinyMCE.

Kjo shtojcë ka një larmi karakteristikash të dobishme për pronarët e faqeve:

  • Përditësimi rutinë i versionit të fundit
  • Aftësia për të kaluar midis versioneve të Font Awesome pa ndryshuar kodet e shkurtra
  • Mbështetje për shtojcat e tjera të njohura të shkronjave, përfshirë kodet e tyre të shkurtra
  • Nxjerrë nga jsDelivr CDN

Hapi 1: Instalimi dhe aktivizimi i fontit më të mirë

Për të filluar, instaloni dhe aktivizoni shtojcën "Better Font Awesome" përmes panelit tuaj të WordPress ashtu si do të vepronit me çdo shtojcë tjetër.

Së pari, lundroni te " Shtojca> Shto të reja Dhe kërkoni për " Font Better Awesome '.

Instaloni dhe aktivizoni shtojcën më të mirë të shtojcës së jashtëzakonshme

Pastaj zgjidhni " Instalo tani »Dhe kliko në« aktivizoj '.

Pasi të aktivizohet, shtojca shton një lidhjeFont Better AwesomeNën menunë Cilësimet e pultit tuaj të WordPress.

Më mirë shkronja e mrekullueshme element i ri i menysë

Hapi 2: Konfiguroni Cilësimet e Plugin-it

Për të konfiguruar shtojcën « Font Better Awesome ", Filloni duke klikuar në elementin e menusë" Font Better Awesome Nën Parametrat. Pasi ta bëni atë, do të shihni një ekran të ngjashëm me këtë:

Cilësime më të mira të konfigurimit të shtojcave të mrekullueshme të shkronjaveKëtu mund të bëni sa më poshtë:

  • Version: Zgjidhni versionin e "Better Font Awesome" që dëshironi të përdorni.
  • Përdorni CSS të Minified: Kontrolloni këtë kuti nëse dëshironi të përdorni versionin e minuar të CSS.
  • Fshi fontin ekzistues të shtypjes: zgjidhni këtë kuti për t'u përpjekur të hiqni copat e koduara dhe kodet e shkurtra të shtuara nga shtojca dhe tema të tjera.
  • Fshih komentet e administratorit: Fshihni paralajmërimet e parazgjedhura të administratorit që shfaqen kur ndodhin gabimet e API dhe CDN.

Përveç sasisë minimale të opsioneve Better Font Awesome, ekziston një seksion i vogël "Përdorimi" që shpjegon se si të shtoni ikona në faqen tuaj.

Përdorimi i shtojcës më të mirë të mrekullueshme të shkronjave

Hapi 3: Shtimi i ikonave në faqen tuaj të internetit

Ekzistojnë tre mënyra të thjeshta për të shtuar ikona në faqen tuaj të internetit duke përdorur "Font Awesome më të mirë" - përmes kodit të shkurtër, HTML ose TinyMCE.

# 1 Shtimi i ikonave duke përdorur kodin e shkurtër

Për të shtuar ikona në faqen tuaj në internet duke përdorur një kod të shkurtër, së pari vizitoni " Font mbresëlënës Për të parë një listë të plotë të ikonave në dispozicion që mund të përdoren.

Këtu mund të kërkoni për ikonën që dëshironi. Për shembull, nëse doni një ikonë "email", thjesht kërkoni atë fjalë kyçe dhe zgjidhni ikonën që dëshironi të përdorni duke klikuar mbi të.

Shikoni për një ikonë në fontesesomePasi të klikoni në ikonën që dëshironi të shtoni, do të shihni një ekran që tregon imazhin e ikonës me madhësitë e tij të ndryshme dhe një bllok të vogël kodi:

Ikona e shkronjave me të gjitha madhësitë e sajThjesht kopjoni bllokun e kodit dhe ngjisni atë kudo në faqen tuaj të internetit duke përdorur skedën "Editor Editor". Kështu do të duket redaktori në faqen tuaj të internetit:

Redaktues kodi me ikona në wordpressRedaktues kodi me ikona në wordpressNë fund, ja çfarë vizitorët do të shohin kur të hyjnë në faqen tuaj:

Rezultati i posterit të ikonës Wordpress
# 2. Shtimi i ikonave duke përdorur kodin HTML

Siç e pamë në seksionin " Përdorimi Ju keni mundësinë e përdorimit të kodit HTML për të futur ikona në faqen tuaj të internetit. Sidoqoftë, zhvilluesit e shtojcave marrin parasysh që përdorimi i HTML kërkon parashtesa specifike të versionit.

Kjo është arsyeja pse ata rekomandojnë që të përdorni kodet e shkurtra në vend të tyre. Sidoqoftë, nëse dëshironi të përdorni kodin HTML, Font Awesome ka informacion të dobishëm këtu.

# 3. Shtimi i ikonave duke përdorur TinyMCE

Kjo është ndoshta mënyra më e lehtë për të shtuar ikona në faqen tuaj. Në modalitetin "Editor Visual", thjesht klikoni në ikonën Vendos. Nga atje, lëvizni nëpër opsionet e ikonës së disponueshme ose ngushtoni rezultatet tuaja duke përdorur funksionin e kërkimit.

Butoni i kërkimit të ikonës së redaktorit vizual Wordpress

Pasi të gjeni ikonën që dëshironi, thjesht klikoni mbi të. Gjeneratori i kodit të shkurtër automatikisht fut informacionin e kërkuar në postimin ose faqen tuaj.

Nëse doni të mësoni si të rregulloni ikonat në faqen tuaj, referojuni shembujve të " Font mbresëlënës '.