Ógnvekjandi leturgerð – hvað er það? Er það eitthvað gott? Og hvernig á að nota það með WordPress?

WordPress tilboð


Ef þú ert að leita að endurskoðun á Font Awesome í einni setningu, þá er þetta: „Þetta er fínt… og hagnýtur… og góður af snilld í hreinum einfaldleika sínum.“ Þetta dregur í raun frá fyrstu upplifun minni með þessu frekar ótrúlega verkfærasafni.

Sú reynsla var þó fyrir nokkru síðan. Um tíma var ég boginn. Ég notaði það fyrir fullt af dóti og það lét innihald mitt poppa, en eins og oft er, byrjaði upphafsspennan að slitna.

En við skulum halda því áfram í bili og byrja í staðinn á þessari Font Awesome endurskoðun – þar sem við munum fjalla um hvað Font Awesome er, hvort sem það er eitthvað gott eða ekki, og kannski mikilvægast, hvernig á að nota það með WordPress – frá byrjun.

Hvað er letur ógnvekjandi?

Fontur ógnvekjandi umsögn

Í hnotskurn, Font Awesome er táknmynd letur.

Hugsaðu venjulegt leturgerð, en í stað bréfa færðu tákn.

Þetta er sannarlega snilld og leikbreytandi hluti af öllu því.

Tákn voru einu sinni mikill sársauki þegar smíðað var vefsíðu. Þú gætir sjaldan fundið réttu – sérstaklega ef þig vantaði meira en par af þeim að vera í sama stíl. (Tíu tákn með stöðugri hönnun? Gleymdu því!) Og jafnvel þó að þér fyndist þau einhvern veginn voru gæðiin ekki á pari ef þú vildir nota táknin í mismunandi stærðum. Lang saga stutt, til að fá réttu táknin, þá vantarðu að hanna þau sjálf.

Með tímanum bættust hlutirnir svolítið þar sem ýmsir táknpakkar spretta upp hér og þar (markaðstorg, litlar síður). En það var samt ekki alveg fullkomið. Jafnvel með þessar síður varstu samt að fara út og leita að táknum á eigin spýtur, í stað þess að hafa einhvers konar auðvelt aðgengilegt bókasafn.

Þetta er þar sem Font Awesome kemur inn í leikinn.

Þegar þú hefur tengt síðuna þína við Font Awesome geturðu fengið aðgang að hverju tákni með einföldu HTML merki. Til dæmis til að fá þetta flottu táknmynd:

bíltákn

… Allt sem ég þarf að gera er að nota stykki af kóða eins og þennan:

Font Awesome mun taka það og umbreyta því í lifandi tákn. Og þú getur raunverulega sérsniðið þessi tákn líka. Þú getur breytt stærðum, litum og tónum – í grundvallaratriðum geturðu gert allt sem hægt er með CSS. Eftir því sem þér er kunnugt hegða sér þessi tákn alveg eins og hvert annað letur.

Font Awesome gefur þér einnig einstök efni, svo sem möguleika á að teikna táknin þín. Svo í staðinn fyrir truflanir útgáfur eins og þessa:

táknmynd truflanir

… Þú getur fengið eitthvað svona:

icon snúningur

Og þetta er hægt að gera með hvaða Font Awesome tákni sem er.

Þess vegna er spurningin:

Er það nokkuð gott?

Að mínu mati eru helstu styrkleikar Font Awesome:

  • bókasafnið er virkilega stórt, nú með meira en 630 táknum
  • Auðvelt er að nálgast hvert tákn þegar þú samþættir síðuna þína við aðalbókasafnið
  • það eru allir vektorar, svo þú getur gert hvað sem þú vilt með því hvernig táknin birtast
  • það er mjög auðvelt að bæta við tákni hvar sem er.

Alveg hreinskilnislega, Font Awesome gerir það sem það gerir virkilega vel einstaklega vel.

Til að toppa þetta allt saman, þá er ekki mikið um námsferil. Þegar þú hefur Font Awesome sett upp á síðuna þína, er allt sem þú þarft að gera:

  • flettu yfir tiltækar táknmyndir til að fá fallegt yfirlit yfir það sem þar er
  • kíktu á dæmin (meðhöndluðu þau sem snögga leiðbeiningar um leiðbeiningar).

Sjónræn gæði táknanna sjálfra eru líka mjög mikil. Algengt vandamál með marga táknpakkninga sem eru fáanlegir á vefnum er að þeir hafa tilhneigingu til að líta vel út aðeins í sérstökum stærðum, vegna hluta eins og of mikils eða of lítils smáatriða, óljóst form osfrv. En tákn fyrir ógnvekjandi letur eru alls ekki svona. Það virðist sem þeir hafi verið hannaðir til að vinna hvar sem er og líta vel út, óháð stærðinni sem þú vilt nota. Auk þess skulum við muna að þeir eru allir vektorar, svo að stigstærð er ekki tæknilegt vandamál heldur.

Mikilvægast er að Font Awesome tákn ná þremur megin markmiðum af hönnun:

  • Hönnunin er í samræmi frá tákni til táknmyndar, svo allt passar saman.
  • Hönnunin er mjög lítil sem hjálpar táknum að henta ýmsum tilgangi (þau líta sérstaklega vel út fyrir siglingaþætti).
  • Magnið verður að gæðum – sama hversu mörg tákn þú þarft, Font Awesome mun geta veitt.

Allt í lagi, við skulum halda áfram að hvernig á að gera hluti af endurskoðuninni:

Hvernig nota á Font Awesome með WordPress?

Allt þetta lof til hliðar, við skulum sjá hvernig við getum notað Font Awesome með WordPress.

Og … það er vandamál.

Eða öllu heldur, það er vandamál ef þú hefur ekki einhvern tíma farið í ‘útlit / ritstjóri’ hlutans af wp-admin.

Hér er það sem ég meina:

Til að setja upp Font Awesome á WordPress síðunni þinni hefurðu tvo möguleika:

  • Handvirk uppsetning
  • Með viðbótum

Og hér er sparkarinn: Font Awesome er eitt af fáum tilvikum þar sem það að gera hlutina á handvirkan hátt er í raun betra en að nota viðbætur.

Við skulum líða smá hlið frá aðalskoðun okkar og sýna þér:

Ef þú ert að leita að Font Awesome viðbót, þá muntu líklega hneykslast á þessum tveimur:

  • Betra letur ógnvekjandi – sýna letur ógnvekjandi tákn hvar sem er í blogginu þínu.
  • Font Awesome 4 Valmyndir – sýna Font Awesome tákn í valmyndum.

Þó að báðir tæknilega taki vinnu sína eru einhver vandamál.

Að byrja með Better Font Awesome, eins og þú myndir ímynda þér, að fá virkni er einfalt – settu bara upp og virkjaðu viðbótina (þú þarft ekki að fara í Font Awesome sjálft eða neitt). Allt sem þú þarft er viðbótin.

Eftir uppsetninguna færðu þennan reit á klippuskjá þinn:

settu inn tákn með tappi

Með því að smella á það verður þú að velja Font Awesome tákn og hafa það með sem stutt kóða. Töff.

Þetta virkar oftast miðað við umsagnirnar. En ekki alltaf. Til dæmis klúðraði það CSS mínum algerlega – eins og í, allt þemastíllinn minn hætti að virka (og það er sjálfgefna tuttugu og fimmtán þemað sem við erum að tala um hérna, svo það er ekkert sniðugt).

Núna segi ég ekki að viðbótin muni valda þessum vandamálum fyrir þig líka, en líklegt er að þú rekist á ýmis mál eins og þetta með tímanum – sérstaklega þegar nýjar útgáfur af Font Awesome eða WordPress koma út. Þetta er kannski ekki þess virði. Ímyndaðu þér einn daginn að þú uppfærir síðuna þína og CSS þinn hverfur. Hversu langan tíma mun það taka þig að rekja málið aftur í ákveðna viðbót? Hversu margir gestir munu sjá svipaða síðuna á meðan?

Nú um hitt viðbótina, Font Awesome 4 Menus. Þetta virkar og virðist virka nokkuð vel. Allt sem þú gerir er að setja það upp, og þá geturðu bætt sérsniðnum flokkum við valmyndaratriðin eins og svo:

bæta við táknflokki

Námskeiðin eru þau sömu og skráð eru í opinberum Font Awesome skjölum. Viðbótin sér um lit táknsins til að passa við valmyndina, bilið, allt.

valmyndartákn

Það er mjög gott ef þú þarft bara Font Awesome fyrir valmyndirnar þínar, en því miður, það virkar ekki ef þú vilt birta tákn í innihaldi. Sýning (a):

tákn vantar

Að mínu heiðarlegu áliti muntu fara betur með að samþætta Font Awesome með WordPress vefsvæðinu þínu fyrir hönd án nokkurra viðbóta. Það er minni vesen þegar til langs tíma er litið og aðlögunin virðist vera mun stöðugri.

Hvernig á að samþætta letur ógnvekjandi með WordPress

Í meginatriðum, eins og lýst er hér, geturðu gert þetta á tvo mismunandi vegu:

  • Fáðu beina innfellingarkóðann beint frá Font Awesome.
  • Sæktu pakkann og hlaðið honum síðan á netþjóninn þinn með FTP.

Upphaflega freistaði ég þess að hlaða því niður og hafa það hýst sjálfan mig, en þá áttaði ég mig á því að það myndi aðeins þýða viðbótarvinnu. Veitt er að það að fá pakkann sjálfan og hlaða honum upp í gegnum FTP er ekki svo mikil vinna (# latur), en þá verður þú líka að gæta þess að halda honum uppfærðum.

Þegar þú ert að takast á við innfellingu er aftur á móti allt séð fyrir þér. Og ef þú setur alla viðhaldsvinnu til hliðar, þá færðu pakkann líka framreiddan frá CDN, sem er betra fyrir frammistöðu líka.

Leiðbeiningarnar eru mjög einfaldar, sláðu bara inn tölvupóstinn þinn og fá innfæddan kóða til þín:

byrjaðu með Font Awesome

Leturgerðin ógnvekjandi mun senda þér velkominn tölvupóst með innfellingarkóðanum þínum, auk möguleika á að skrá þennan kóða, sem gefur þér nokkur aukagjöld. (Athugið: Þetta er ekki skylt, þú þarft ekki að skrá þig til að fá aðalgerðina Awesome.)

Svo þegar þú hefur fengið kóðann þinn, farðu bara í ‘útlit / ritstjóri’ hlutann af wp-admin (gerðu alltaf öryggisafrit af allri vefsíðunni þinni og öllum skrám áður en breytingar eru gerðar), og bættu þeim kóða við í hluta þemans þíns. Þetta er venjulega í header.php skránni, eins og svo:

höfuðhluta

Athugasemd: Hafðu í huga að ef þú uppfærir einhvern tímann þemað hverfur þessi Font Awesome samþætting og þú verður að gera það aftur. Þegar barn er notað (eins og getið er í fyrri grein) er ekkert slíkt vandamál.

Rétt eftir að þú hefur fella kóða inn hefurðu gert Font Awesome virkt á vefsvæðinu þínu. Starf unnið – þú getur nú byrjað að nota öll táknin eins og þú vilt!

Valfrjálst: Að skrá fontinn þinn ógnvekjandi reikning

Eins og ég gat um, þegar þú færð embed in kóða er þér einnig boðið upp á möguleika á að skrá reikninginn þinn hjá Font Awesome. Þetta er ekki krafist, en ég mæli reyndar með því að þú gerir það. Reikningurinn er ókeypis og þú færð nokkra hluti í staðinn:

  • Geta til að stilla embed in.

Sérsniðin leturgerð í leturgerð

  • Nokkur fín tölfræði yfir táknin sem þú notar.

Er það þess virði að fara í Premium?

Eitthvað sem ég vissi ekki í fyrstu var að Font Awesome bauð einnig upp á úrvalsútgáfu af vöru sinni sem kallast Fort Awesome.

Lykilatriðin sem þarf að vita um það:

  • Það hefur þúsundir í viðbót. Með Fort Awesome færðu fullt af viðbótartáknum sem skipt er í einstök sett (þema, mismunandi hönnunarstíl osfrv.). Þetta gerir þér kleift að fullnægja öllum táknþörfum síðunnar þinna með einu verkfæri – sérstaklega ef þú þarft mjög ákveðna hluti til að tákna með táknum.
  • Þú getur hlaðið upp og notað eigin tákn. Þetta er svalt vegna þess að það gerir þér kleift að senda hluti eins og lógóið þitt, vörutáknin eða hvað annað sem er skynsamlegt og bæta þeim við Font Awesome bókasafnið þitt. Styrkurinn hér er sá að þú færð þá að nota þessi tákn alveg eins og öll önnur Font Tákn – öll táknin þín vinna stöðugt, sama hvaðan uppspretta.
  • Þú færð sérsniðnar stillingar. Þú getur stillt lénin þar sem hægt er að nota táknbúnaðinn þinn og svo framvegis.
  • Þú getur haft letur inn í pökkunum þínum. Þú getur valið úr nokkrum af bestu ókeypis letri eða hlaðið upp eigin. Þetta heldur typography eignum fyrir síðuna allt á einum stað.
  • Þú færð að hlaða allt þetta í gegnum bjartsýni CDN frá MaxCDN.

Í lokin er kjarninn í úrvalsframboði Font Awesome auðveldur í notkun, endurbætur á frammistöðu og auðveldri stjórnun allra tákna og leturgerða.

Áætlanirnar byrja á $ 49 á ári (það er ókeypis prufuáskrift). Hér er það sem er inni:

Fort Awesome áætlanir

Sem sagt, þetta iðgjaldatilboð er líklega eitthvað sem aðeins stærri vefsíður, netverslanir eða þema vefsíður munu njóta góðs af. Þegar öllu er á botninn hvolft þarftu líklega aðeins handfylli af táknum á síðuna þína og þú munt ekki uppfæra þau mjög oft – að minnsta kosti ef við erum að tala venjuleg WordPress blogg.

Á hinn bóginn, eins og í verslunum með netverslun gæti búið til sérsniðin tákn fyrir einstakar vörur, eða notað ýmsar táknbúnaðarsett til að gera síður þeirra aðlaðandi fyrir kaupandann. En það er samt allt um hljóðstyrkinn. Lítil vörulisti getur mjög vel gert með táknum sem eru búnar til fyrir hverja vöru handvirkt, án Font Awesome, svo þeir njóta samt ekki mikið af úrvalspakkningum.

Einnig er vert að benda á að Font Awesome iðgjald er ekki „all inclusive“ pakki. Það eru til viðbótar greiddir táknbúnaðarsettir (allt að $ 50 stykkið), svo þú gætir fundið þig enn að ná í veskið þitt jafnvel eftir að þú færð aukagjald.

Það sem allt kemur niður á er að Fort Awesome (Font Awesome premium) er ekki endilega besti kosturinn fyrir flest WordPress blogg. Ég tel heiðarlega að með því að bjóða ókeypis tilboð mun líklega fullnægja þörfum þínum 99% af tímanum.

Þegar kemur að aukagjaldi er líklega góð fjárfesting aðeins ef þú rekur stærri síðu sem treystir á sjónræn framsetning ýmissa hluta, vara eða valmynda og bætir við nýjum þáttum í bókasafnið mjög oft. Í þessum tilfellum muntu einnig njóta góðs af afhendingu CDN á Font Awesome og gera síðuna þína hraðari í ferlinu.

Niðurstaða

Mér finnst Font Awesome frábær vara. Aldrei áður hefur verið auðvelt að fella flott, fallega hönnuð tákn á vefsíðuna þína. Þú ert bókstaflega bara einn merktu (næstum?) hið fullkomna tákn fyrir hvað sem þú vilt gera sjón.

Leturgerð frábær í hnotskurn:

  • Leturgerð Ógnvekjandi ókeypis: Já, já, já.
  • Font Awesome premium (Fort Awesome): Meh.
  • Ýmsir font ógnvekjandi WordPress viðbætur: Allt í lagi, en ekki töfrandi.

Og að lokum skulum við einnig leggja áherslu á að Font Awesome er fullkomlega opinn hugbúnaður sem þú getur notað í næstum öllum tilgangi, þar með talið viðskiptalegum – þú þarft hvorki að greiða aukagjöld né biðja neinn um leyfi.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me