Hvernig á að bæta við sérsniðnum letri á WordPress síðuna þína

Hvernig á að bæta við sérsniðnum letri á WordPress síðuna þína

Af hverju að gera bloggið þitt leiðinlegt með því að nota venjulegt letur? Leyfðu blogginu þínu að ræða líflegan persónuleika þinn og umfjöllunarefni með fjölmörgum sérsniðnum letri. Sérsniðin leturgerðir eru ágætur eiginleiki sem gerir blogginu þínu kleift að líta út fyrir að vera æskilegra fyrir aðra.


Horfumst í augu við það; við elskum öll blogg og síður með réttum leturgerðum. Þeir skreyta ekki aðeins síðuna heldur hjálpa þeim einnig að laða notandann að innihaldi þínu. Hins vegar er val á stöðluðum WordPress leturgerðum takmarkað og veltur á þema sem þú notar. Góðu fréttirnar eru þær að þú getur bætt þeim handvirkt eða með sérhæfðum viðbótum.

Og hér vakna tvær spurningar – hvar er hægt að fá sérsniðnar leturgerðir fyrir WordPress og hvernig á að setja upp sérsniðnar leturgerðir á WordPress síðunni þinni.

Við skulum komast að því.

 Af hverju ætti ég að nota sérsniðnar leturgerðir?

Þeir dagar eru liðnir þegar Times New Roman og Georgía voru talin einu letrið fyrir texta á vefsíðum. Undanfarin ár hefur leturýmið breyst alveg með tilkomu leturgerða eins og Google leturgerða og annarra.

Í dag eru mörg hundruð ókeypis leturgerðir, upplýsinga- og þjálfunartæki og úrræði sem ætluð eru til hönnunar, fáanleg á internetinu. Ólíkt Adobe Illustrator, Photoshop og öðrum klassískum forritum, veitir WordPress þér ekki fulla stjórn á letri sem sjálfgefið. Aðeins sum þemu velja að styðja og nota sérsniðin letur.

Þess vegna munt þú í þessari færslu læra hvernig á að finna viðeigandi sérsniðin letur og hvernig á að nota þau á WordPress vefnum þínum.

Mikilvægi þess að nota sérsniðnar leturgerðir

Af hverju að breyta letri, inndráttur á milli orða, línubil, stafalengd eða letri mettun, spyrðu? Vera það eins og það kann, sumar rannsóknir sanna það leturfræði bætir lesskilning.

Mikið veltur á smíði leturgerða. Á meðvitund og undirmeðvitund – allir meta innihald vefsíðu eftir hönnun.

Leturgerð hefur áhrif á lesendur, jafnvel þó að þeir gefi ekki eftir því. Að láta af letri hönnun þýðir að láta af þróuninni sjálfri! Stemmning lesandans veltur á því. Letrið gerir annað hvort lestur auðveldari eða neyðir notendur til að yfirgefa síðuna.

Allir vafrar eru með sjálfgefið leturgerð. Þetta þýðir að ef letrið er ekki tilgreint í CSS síðunnar, þá verður venjulega útgáfan notuð. Þú getur alltaf notað sjálfgefnu letrið en þau flækja vinnu notenda. Þess vegna er mikilvægt að nota sérsniðið leturgerð. Ef þemað þitt gefur þér ekki möguleika á að breyta letri geta margar vefsíður og tæki hjálpað.

Google leturval

Hvar er hægt að finna sérsniðnar leturgerðir

Margir af þér vita um ókeypis Google leturgerðir. Það eru til margar fleiri síður þar sem þú getur fundið fallegar leturgerðir. Sum þeirra eru ókeypis til einkanota. Ef þú þarft að nota í atvinnuskyni, þá þarftu leyfi. Google leturgerðir og Adobe Edge letur eru ókeypis. Þess vegna eru þau ekki svo einstök. Og þetta hentar okkur ekki.

Hér eru nokkur önnur úrræði til að finna leturgerðir til notkunar í frjálsum og viðskiptalegum tilgangi:

  1. SniðMonster – Á vefsíðu TemplateMonster markaðstorgsins finnur þú allt fyrir Vefhönnun sem þú þarft. Það eru líka margir leturgerðir og leturpakkar til einkanota fyrir lítið verð. Einnig eru þau kynnt á EINN vefþróunarbúnað. Safnið er mikið og skapandi. Til að hjálpa þér að velja eru öll letur sett fram á bæklingum eða ramma. Sérhver letur er með viðskiptaskírteini líka.
  2. MyFonts – MyFonts býður upp á mesta úrval leturgerða í heiminum. Hins vegar eru verðin hér einnig í hærri hluta. Svo ef þú ert með strangt fjárhagsáætlun gæti það ekki verið fyrir þig.
  3. FontSpring – Fonttspring selur fínt letur í atvinnuskyni. En í næstum hvaða fjölskyldu sem er 1-2 ókeypis leturgerðir sem hægt er að nota í persónulegum tilgangi. Að auki er til sérstakur hluti með ókeypis letri. Safnið er vibran. En þú verður að fara vandlega yfir leyfisupplýsingarnar fyrir tiltekið letur áður en þú hleður því niður.
  4. Cufonfonts – Það er einnig mikið safn mismunandi leturgerða. Veldu hvaða sem er og þú munt sjá síðu með ítarlegum upplýsingum um það. Það er mikið af ókeypis letri og þeim er skipt í einstaka hluta. Flokkunarkerfið á CufonFonts er nokkuð sveigjanlegt og þægilegt. Einnig er stuðningur við Webfont innifalinn.
  5. Dafont – Annað aðgengilegt safn af 3.500 fríum leturgerðum. Flestir þeirra eru eingöngu ætlaðir til einkanota. A ágætur eiginleiki DaFont er flokkakerfi. Þú getur valið letur í stíl myndasagna, tölvuleikja, uppskerutíma eða stílfærð sem japönskir ​​stafir.

Val á letri er mjög freistandi vegna þess að þau eru öll falleg. En þú ættir ekki að velja mikið. Notaðu ekki meira en tvö letur á vefnum. Þá mun útlit vefsíðunnar þinnar vera í samræmi. Þegar þú hefur valið leturgerðirnar þínar skaltu gæta þess að hala niður skránum fyrir hvern stíl sem þú notar (venjulegt, feitletrað, skáletrað osfrv.).

Nú þegar þú hefur valið viðeigandi leturgerð fyrir vefinn skulum við komast að því hvernig eigi að bæta því við.

Hvernig á að bæta við sérsniðnum letri við WordPress

Það eru nokkrar leiðir til að bæta við letri á WordPress síðu:

  1. Viðbætur: í þessu tilfelli eru mismunandi WordPress viðbætur notaðar til að auðvelda ferlið.
  2. Handvirkt: með þessari aðferð, þú þarft að hlaða niður letri upp á vefinn og breyta CSS skrá.
  3. Þemu: Mörg vinsæl þemu eru með innbyggðum valkostum til að sérsníða leturgerðir þínar (athugaðu – við munum ekki fjalla um þennan valkost þar sem ferlið er breytilegt miðað við þemað sem þú ert að nota, en gæði aukagjaldsþemu eins og Total WordPress þema býður upp á á netinu skjöl sem þú getur auðveldlega fylgst með – eins og þessari handbók til að bæta sérsniðnum letri við Total)

Valkostur 1 – Breyta WordPress leturgerðum með viðbætur

Ef okkur er ekki sama um alþjóðlegar breytingar getum við sett upp WordPress viðbætur sem munu breyta leturgerðum á síðunni þinni.

Einkenni sérsniðinna leturforrita

Opinn hugbúnaður hefur hag af hagsmunum samfélagsins og WordPress hefur einnig þennan kost. Nokkrir WordPress viðbætur leyfa þér að bæta við sérsniðnum letri. Hvernig á að velja viðeigandi viðbót við svo marga? Hverjir eru eiginleikar sérsniðinna leturforrita?

Hér eru nokkur atriði sem þarf að taka tillit til:

  • Geta til að nota sérsniðið leturgerð
  • Geta til að nota fleiri en eitt letur
  • Markhöfuðar og íhlutir
  • Bónus: möguleikinn á að breyta leturstillingum frá sjónrænum ritstjóra

Það er allt og sumt. Fyrsti eiginleiki listans er mjög mikilvægur. Þú getur alltaf halað niður leturgerðum frá síðum eins og DaFont, Font Squirrel osfrv., En þú þarft að geta hlaðið þeim upp á WordPress.

Við skulum skoða nokkur viðbætur fyrir WordPress sem gera þér kleift að hlaða upp sérsniðnum letri.

Sérsniðin leturupphal

Sérsniðin leturupphal

Þessi viðbót gerir þér kleift að hlaða niður Google leturgerðum og nota þau á ýmsa þætti bloggsins þíns. Til dæmis í fyrirsagnir eða meginhluta greinarinnar eða blaðsíðunnar.

Notaðu hvaða letur sem er

Notaðu hvaða letur sem er

Þetta er WordPress viðbót sem gefur þér þægilegt viðmót til að hlaða niður letri og nota þau beint í gegnum sjónræna ritstjórann. WordPress sjón ritstjóri getur sjálfkrafa breytt letri hvaða texta sem er. Þessi tappi býður upp á nokkra eiginleika, sem gerir ferlið við að bæta við sérsniðnum leturgerðum mun viðráðanlegri.

WP Google leturgerðir

WP Google leturgerðir

WP Google leturgerðir gera þér kleift að nota Google leturlista. Einn af mögnuðu kostum þessarar viðbótar er að bæta við nærri 1000 Google leturgerðum. Þó að þú getir handritað Google leturgerðir handvirkt, þá er miklu auðveldara að nota viðbót við flesta notendur.

Hvernig á að setja upp leturgerðir með viðbót?

Tökum sem dæmi WP Google leturgerðir. Settu bara þetta tappi frá opinberu WordPress geymslunni og opnaðu Google leturgerðarhlutann.

WP Google leturgerðir

Þú munt sjá stjórnborð Google fyrir letur hér. Veldu leturgerðir og breyttu ýmsum stillingum, svo sem leturstíl, þeim þáttum sem því er beitt osfrv.

Valkostur 2 – Settu upp WordPress sérsniðnar letur handvirkt

Með tilskipuninni @ font-face geturðu tengt bæði eitt eða fleiri letur við síðuna þína. En þessi aðferð hefur sína kosti og galla.

Kostir:

  • Í gegnum CSS geturðu tengt letur af hvaða sniði sem er: ttf, otf, woff, svg.
  • Leturskrár verða staðsettar á netþjóninum þínum – þú verður ekki háður þjónustu þriðja aðila.

Gallar:

  • Til að fá rétta letur tengingu fyrir hvern stíl þarftu að skrá sérstakan kóða.
  • Án þess að þekkja CSS geturðu ruglast auðveldlega.

En það er ekki raunverulegt vandamál ef þú getur afritaðu einfaldlega lokið kóða og þar sem þú þarft að tilgreina gildi þín.

Athugið: Vertu viss um að búa til barnþema fyrir síðuna þína áður en þú byrjar. Þannig geturðu gert allar breytingar á þema barnsins og látið grunnþemuna vera í takt svo þú getir auðveldlega uppfært það eftir þörfum í framtíðinni.

Skref 1: Búðu til „leturgerðir“ möppu

Búðu til nýja „leturgerðir“ möppu innan þema barnsins undir: wp-innihald / þemu / barn-þema / letur

Skref 2. Hladdu niður letri skráar á vefsíðu þína

Þetta er hægt að gera í gegnum stjórnborð hýsingarinnar eða í gegnum FTP.

Bættu öllum leturskrám við nýlega bætt leturgerðarmöppuna: wp-innihald / þemu / barn-þema / letur þú bjóst til.

Skref 3. Flytja inn leturgerðir í gegnum stílblað barnsins

Opnaðu style.css skjal barnsþemans og bættu við eftirfarandi kóða við upphaf CSS skjalsins (eftir athugasemd barns þemað):

@ font-face {
font-family: 'MyWebFont';
src: url ('letur / WebFont.eot');
src: url ('leturgerðir / WebFont.eot? #iefix') snið ('embed-opentype'),
url ('leturgerðir / WebFont.woff') snið ('woff'),
url ('leturgerðir / WebFont.ttf') snið ('tegund tegund'),
url ('leturgerðir / WebFont.svg # svgwebfont') snið ('svg');
leturþyngd: eðlilegt;
leturstíll: eðlilegt;
}

Hvar MyWebFont er nafn letursins og gildi src-eignarinnar (gögnin í sviga í gæsalöppum) er staðsetning þeirra (hlutfallslegur hlekkur). Við verðum að tilgreina hvern stíl sérstaklega.

Þar sem við tengjum venjulegan stíl fyrst setjum við leturvægi og leturstíl eiginleika í eðlilegt horf.

Skref 4. Þegar þú bætir við skáletrun, skrifaðu eftirfarandi:

@ font-face {
font-family: 'MyWebFont';
src: url ('leturgerðir / WebFont-Italic.eot');
src: url ('leturgerðir / WebFont-Italic.eot? #iefix') snið ('embed-opentype'),
url ('leturgerðir / WebFont-Italic.woff') snið ('woff'),
url ('leturgerðir / WebFont-Italic.ttf') snið ('tegund tegund'),
url ('leturgerðir / WebFont-Italic.svg # svgwebfont') snið ('svg');
leturþyngd: eðlilegt;
leturstíll: skáletrað;
}

Þar sem allt er það sama, tengdum við leturgerðina við skáletrun.

Skref 5. Til að bæta feitletruðu letri skaltu bæta við eftirfarandi kóða:

@ font-face {
font-family: 'MyWebFont';
src: url ('letur / WebFont-Bold.eot');
src: url ('leturgerðir / WebFont-Bold.eot? #iefix') snið ('embed-opentype'),
url ('leturgerðir / WebFont-Bold.woff') snið ('woff'),
url ('leturgerðir / WebFont-Bold.ttf') snið ('truetype'),
url ('leturgerðir / WebFont-Bold.svg # svgwebfont') snið ('svg');
leturvigt: feitletrað;
leturstíll: eðlilegt;
}

Þar sem við stillum leturþyngdareignina á feitletruð.

Mundu að gefa upp réttan stað leturskrár fyrir hvern stíl.

Skref 6. Til að tengja feitletrað skáletrun, sláðu inn eftirfarandi:

@ font-face {
font-family: 'MyWebFont';
src: url ('leturgerðir / WebFont-Italic-Bold.eot');
src: url ('leturgerðir / WebFont-Italic-Bold.eot? #iefix') snið ('embed in-opentype'),
url ('leturgerðir / WebFont-Italic-Bold.woff') snið ('woff'),
url ('leturgerðir / WebFont-Italic-Bold.ttf') snið ('sönn gerð'),
url ('leturgerðir / WebFont-Italic-Bold.svg # svgwebfont') snið ('svg');
leturvigt: feitletrað;
leturstíll: skáletrað;
}

Jæja, það er allt �� Nú hefurðu tengt fjóra leturstíla við vefsíðuna þína.

En það er ein athugasemd – þessi leturtenging verður rangt sýnd í Internet Explorer 8. Huggunin er sú að það eru mjög fáir sem nota enn IE8.

Umbúðir sérsniðinna leturgerða fyrir WordPress

Hvað er það fyrsta sem notendur taka eftir þegar þeir heimsækja síðuna þína? Rétt, hönnun þess! Flest hönnun byggir á réttri notkun fallegra leturgerða. Svo þú verður að sjá um leturgerð vefsvæðisins. Bættu við kóða eða notaðu einn af viðbótunum sem nefndir eru hér að ofan til að fella nýjan leturstíl. Hvaða leið þú velur það er undir þér komið.

Gakktu úr skugga um að þú notir ekki meira en tvö letur á sama vef. Þar sem fleiri sérsniðnar leturgerðir sem þú bætir við á vefinn verður hægari hraðinn á síðunni.

Það er allt, ekki hika við að tjá sig. 

Við munum líka vera fús til að heyra hvaða möguleika þú velur til að bæta við sérsniðnu letri á vefsíðuna þína og hvar þú finnur letrið þitt.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map