Dëshironi të mësoni se si të shtoni fontet e personalizuara në një uebsajt të WordPress?
Pse ta bëni blogun tuaj të mërzitshëm duke përdorur fontet standarde? Lëreni blogun tuaj të flasë për personalitetin tuaj të gjallë dhe temat që mbuloni me një shumëllojshmëri të gjerë të shkronjave të personalizuara. Shkronjat e personalizuara janë një veçori interesante që e bën blogun tuaj të duket i preferueshëm për të tjerët.
Le ta pranojmë; ne të gjithë i duam bloget dhe faqet e internetit me fontet e duhura. Ata jo vetëm që dekorojnë faqen e internetit, por gjithashtu ndihmojnë në tërheqjen e përdoruesit në përmbajtjen tuaj. Sidoqoftë, zgjedhja e shkronjave standarde të WordPress është e kufizuar dhe varet nga tema që po përdorni. Lajmi i mirë është se ju mund t'i shtoni ato me dorë ose me WordPress plugins e specializuar.
Dhe këtu lindin dy pyetje: ku mund të merrni fontet e personalizuara për WordPress dhe si të instaloni fontet e personalizuara në faqen tuaj.
Le të gjeni.
Pse duhet të përdor fontet e personalizuara?
Kanë ikur kohët kur Times New Roman dhe Georgia konsideroheshin të vetmet shkronja të shkruara për tekst në faqet e internetit. Gjatë viteve të fundit, hapësira e shkronjave ka ndryshuar plotësisht me ardhjen e shkronjave si p.sh Google Fonts dhe të tjerët.
Sot, në internet ka qindra fonte falas, mjete informacioni dhe trajnimi, si dhe burime dizajni. Ndryshe nga Adobe Illustrator, Photoshop dhe aplikacione të tjera klasike, WordPress nuk ju jep kontroll të plotë mbi fontet e paracaktuara. Vetëm disa tema të WordPress zgjedhin të mbështesin dhe përdorin fontet e personalizuara.
Prandaj, në këtë artikull, do të mësoni se si të gjeni fontet e përshtatshme të personalizuara dhe t'i përdorni ato në faqen tuaj të internetit të WordPress.
Rëndësia e përdorimit të shkronjave të personalizuara
Pse të ndryshoni fontet, dhëmbëzimin e fjalëve, ndarjen e rreshtave, ndarjen e shkronjave ose ngopjen e shkronjave, ju pyesni? Megjithatë, disa studime tregojnë se tipografia përmirëson të kuptuarit e leximit.
Shumë varet nga ndërtimi i shkronjave. Në një nivel të vetëdijshëm dhe nënndërgjegjeshëm - të gjithë vlerësojnë përmbajtjen e një uebfaqe sipas dizajnit.
Dizajni i shkronjave ndikon te lexuesit, edhe nëse ata nuk i kushtojnë vëmendje. Të heqësh dorë nga dizajni i shkronjave do të thotë të heqësh dorë nga vetë zhvillimi! Nga kjo varet disponimi i lexuesit. Fonti e bën më të lehtë leximin ose i detyron përdoruesit të largohen nga faqja.
Të gjithë shfletuesit e uebit përfshijnë një grup shkronjash të paracaktuara. Kjo do të thotë që nëse fonti nuk është i specifikuar në CSS të faqes, do të përdoret versioni standard. Ju ende mund të përdorni fontet e paracaktuar, por ato e bëjnë më të vështirë për përdoruesit. Kjo është arsyeja pse është thelbësore të përdorni një font të personalizuar. Nëse tema juaj e WordPress nuk ju jep opsione për të ndryshuar fontin, ka shumë faqe interneti dhe mjete që mund të ndihmojnë.
Alternativat e shkronjave të Google
Shumë prej jush e njohin Fonts Google. Ka shumë faqe të tjera ku mund të gjeni fonte të bukura. Disa prej tyre janë falas për përdorim personal. Nëse keni nevojë për përdorim komercial, do t'ju duhet një licencë. Fontet e Google dhe Fontet e Adobe Edge janë falas. Kjo është arsyeja pse ato nuk janë aq unike.
ja disa burime të tjera për gjetjen e shkronjave për përdorim falas dhe komercial:
- TemplateMonster — Në faqen e internetit TemplateMonster do të gjeni gjithçka që ju nevojitet për dizajnin e uebit. Ka gjithashtu shumë fonte dhe paketa fontesh për përdorim personal për një çmim të vogël. Përveç kësaj, Për t'ju ndihmuar të zgjidhni, të gjitha fontet e paraqitura në broshura ose korniza. Çdo font paraqitet edhe me licencë komerciale.
- MyFonts — MyFonts aktualisht ofron përzgjedhjen më të madhe të shkronjave në botë. Megjithatë, çmimet këtu janë gjithashtu në segmentin e sipërm. Pra, nëse keni një buxhet të ngushtë, kjo mund të mos jetë për ju.
- FontSpring — Fontspring shet fontet e reja për përdorim komercial. Por pothuajse në çdo familje, 1-2 fonte falas mund të përdoren për qëllime personale. Gjithashtu, ekziston një seksion i veçantë me fontet falas. Koleksioni është i gjallë. Por do t'ju duhet të studioni me kujdes informacionin e licencës për një font të caktuar përpara se të shkarkoni.
- Shkronjat e kufomave — Është gjithashtu një koleksion i madh i shkronjave të ndryshme. Zgjidhni cilindo dhe do të shihni një faqe me informacion të detajuar në lidhje me të. Ka shumë fonte falas, dhe ato ndahen në seksione individuale. Sistemi i renditjes në CufonFonts është mjaft fleksibël dhe i përshtatshëm. Gjithashtu, përfshihet edhe mbështetja e Webfont.
- Dafont — Një koleksion tjetër i arritshëm prej 3 shkronjash falas. Shumica e tyre janë krijuar vetëm për përdorim personal. Një veçori e lezetshme e DaFont është një sistem kategorish. Ju mund të zgjidhni fontet në stilin e komikeve, video lojërave, vintage etj….
Zgjedhja e shkronjave është shumë joshëse sepse janë të gjitha të bukura. Por nuk duhet të zgjidhni shumë. Mos përdorni më shumë se dy fonte në një sajt ueb. Pastajpamjen e faqes suaj të internetit do të jetë konsistente. Pasi të keni zgjedhur fontet tuaja, sigurohuni që të ngarkoni skedarët për çdo stil që do të përdorni (të rregullt, të theksuara, të pjerrëta, etj.).
Tani që keni zgjedhur fontin e duhur për faqen tuaj të internetit, le të zbulojmë se si ta shtojmë atë.
Si të shtoni fontet e personalizuara në WordPress
Ka disa mënyra për të shtuar fontet në një uebfaqe të WordPress:
- Shtesa : në këtë rast, ndryshe WordPress plugins përdoren për të lehtësuar procesin.
- manualisht : duke përdorur këtë metodë, ju duhet një shkarkim i shkronjave të shkarkuar nga faqja dhe modifikimi i skedarit CSS.
- themes: Shumë tema të njohura kanë opsione të integruara për të personalizuar fontet tuaja (shënim – ne nuk do ta mbulojmë këtë opsion pasi procesi do të ndryshojë në varësi të temës që po përdorni.
Opsioni 1 – Ndryshoni fontet e WordPress me shtojca
Nëse nuk na interesojnë ndryshimet globale, ne mund ta instalojmë WordPress plugins e cila do të ndryshojë fontet në faqen tuaj të internetit.
Karakteristikat e shtojcave të shkronjave të personalizuara
Softueri me burim të hapur ka një avantazh për interesin e komunitetit, dhe WordPress e ka gjithashtu këtë avantazh. Disa shtojca të WordPress ju lejojnë të shtoni fonte të personalizuara. Si të zgjidhni një shtojcë të përshtatshme kur ka kaq shumë? Cilat janë veçoritë e shtojcave të WordPress me font të personalizuar?
Këtu janë disa pika për t'u marrë parasysh:
- Aftësia për të përdorur një font të personalizuar
- Aftësia për të përdorur shumë shkronja
- Titujt dhe komponentët e synuar
- Bonus: aftësia për të ndryshuar cilësimet e fontit nga redaktori vizual
Kjo eshte e gjitha. Karakteristika e parë në listë është shumë e rëndësishme. Ju ende mund të shkarkoni fontet nga faqet e internetit si DaFont, Font Squirrel, etj., por duhet të jeni në gjendje t'i ngarkoni ato në WordPress.
Le të shohim disa shtojca për WordPress që ju lejojnë të ngarkoni fontet e personalizuara.
1. Font Better Awesome
Kjo shtojcë WordPress do t'u lejojë përdoruesve të saj të ndërthurin automatikisht versionin e fundit të shkronjave më të mira Better Font me CSS, kode të shkurtra dhe më shumë. Përveç kësaj, kjo shtojcë WordPress azhurnohet automatikisht.
Ju do të gjeni atje si karakteristika: azhurnime të rregullta, një gjenerator i kodeve të shkurtra, pajtueshmëri me shtojcat e tjera të WordPress, etj ...
Shkarko | DEMO | web hosting
2. Fonts Google për WordPress
Kjo shtojcë WordPress përbëhet nga fonte speciale 877, të cilat do t'ju lejojnë të përdorni të gjitha fontet në faqet e internetit të WordPress. Falë parashikimit të tij në kohë reale, do t'ju lejojë të shihni se si do të duket faqja juaj e internetit pasi të aplikoni fontin.
Përveç kësaj, ju do të keni mundësi ta ruani atë dhe ta redaktoni në front, kur të gjeni kombinimin që do të shijoni.
Karakteristikat e tij përfshijnë: një vrojtim në kohë reale, a SEO mjaft e përparuar, mbështetje shumë-gjuhëshe, mbështetje për më shumë fonte 870 + Google, azhurnime të thjeshta dhe më shumë.
Shkarko | DEMO | web hosting
3.Plugini Fonts
Shtojca Fonts është një shtojcë falas e WordPress që lejon përdoruesit të hyjnë në bibliotekat e Google Fonts dhe Adobe Fonts. Me këtë shtojcë WordPress, ju mund të zgjidhni nga mbi 1000 shkronja Google dhe Adobe, të përdorni fonte të shumta në faqen tuaj të internetit dhe të provoni opsione të ndryshme me veçorinë e paraafishimit të plugin-it në kohë reale në personalizuesin e WordPress.
Për më shumë mënyra për të personalizuar tipografinë e faqes suaj të internetit si madhësia e shkronjave, hapësira e shkronjave dhe lartësia e rreshtit, mund të përmirësoni në versionin premium, Fonts Plugin Pro.Shkarko | DEMO | web hosting
4. Fonts Easy Google
Easy Google Fonts është një nga shtojcat më të mira të WordPress për të personalizuar tipografinë e faqes suaj të internetit. Ashtu si Plugin Fonts, ai ju lejon të zgjidhni nga qindra Fonts Google dhe t'i shikoni paraprakisht ato në Customizer përpara se t'i shtoni ato në faqen tuaj të internetit.
Edhe pse ofron akses në një numër më të vogël të shkronjave të Google, është unik në atë që ju lejon të krijoni kontrolle dhe rregulla të personalizuara të shkronjave në zonën e administratorit, të cilat do të shfaqen menjëherë në personalizuesin e WordPress.
Shkarko | DEMO | web hosting
Opsioni 2 – Instaloni manualisht fontet e personalizuara të WordPress
Duke përdorur direktivën @font-face, mund të lidhni një ose më shumë fonte me faqen tuaj të internetit. Por kjo metodë ka të mirat dhe të këqijat e saj.
Avantages:
- Falë CSS, ju mund të lidhni fontet e çdo formati: ttf, otf, woff, svg.
- Skedarët e shkronjave do të vendosen në serverin tuaj – nuk do të vareni nga shërbimet e palëve të treta.
disavantazhet :
- Për lidhjen e saktë të shkronjave për çdo stil, duhet të regjistroni një kod të veçantë.
- Pa e ditur CSS, mund të hutoheni lehtësisht.
Por nuk është një problem i vërtetë nëse mundeni thjesht kopjoni një kod të përfunduar dhe ku duhet të specifikoni vlerat tuaja.
Remarque : Para se të filloni, sigurohuni krijoni një temë për fëmijë për faqen tuaj të internetit. Në këtë mënyrë ju mund të bëni të gjitha ndryshimet në temën e fëmijës suaj, duke lënë temën tuaj kryesore në mënyrë që ta përditësoni lehtësisht nëse është e nevojshme në të ardhmen.
Hapi 1: Krijoni një dosje "fonts".
Në temën e fëmijës tuaj, krijoni një dosje të re "fonts" nën: wp-content/themes/your-child-theme/fonts
Hapi 2. Ngarko skedarët e shkronjave të shkarkuara në faqen tuaj të internetit
Kjo mund të bëhet përmes panelit të kontrollit të pritjes ose përmes FTP.
Shtoni të gjithë skedarët e shkronjave në dosjen e fonteve të shtuara rishtazi: wp-content/themes/ Në temën e fëmijës tuaj, krijoni një dosje të re “fonts” nën: wp-content/themes/your-child-theme/fonts që keni krijuar.
Hapi 3. Importoni fontet nëpërmjet fletës së stilit të temës së fëmijëve
Hapni skedarin style.css të temës së fëmijës suaj dhe shtoni kodin e mëposhtëm në fillim të skedarit CSS (pas komentit të temës së fëmijës):
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont.eot');
src: url('fonts/WebFont.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont.woff') format('woff'),
url('fonts/WebFont.ttf') format('truetype'),
url('fonts/WebFont.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: normal;
}ku MyWebFont është emri i fontit dhe vlera e vetive src (të dhënat në kllapa në thonjëza) është vendndodhja e tyre (lidhjet relative). Duhet të specifikojmë secilin stil veç e veç.
Meqenëse ne fillimisht lidhim stilin normal, i vendosëm tiparet e peshës së shkronjave dhe të stilit të shkronjave në normale.
Hapi 4. Kur shtoni kursive, shkruani sa vijon:
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic.eot');
src: url('fonts/WebFont-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic.woff') format('woff'),
url('fonts/WebFont-Italic.ttf') format('truetype'),
url('fonts/WebFont-Italic.svg#svgwebfont') format('svg');
font-weight: normal;
font-style: italic;
}Kur gjithçka është njësoj, ne jemi të vetmit që i bashkëngjitim vetinë e stilit të shkronjave në italic.
Hapi 5. Për të shtuar fontin e trashë, shtoni kodin e mëposhtëm:
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Bold.eot');
src: url('fonts/WebFont-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Bold.woff') format('woff'),
url('fonts/WebFont-Bold.ttf') format('truetype'),
url('fonts/WebFont-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: normal;
}Ku e vendosim vetinë font-weight në bold.
Mos harroni të specifikoni vendndodhjen e saktë të skedarëve të shkronjave për çdo stil.
Hapi 6. Për të lidhur kursive të theksuara, shkruani sa vijon:
@font-face{
font-family: 'MyWebFont';
src: url('fonts/WebFont-Italic-Bold.eot');
src: url('fonts/WebFont-Italic-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/WebFont-Italic-Bold.woff') format('woff'),
url('fonts/WebFont-Italic-Bold.ttf') format('truetype'),
url('fonts/WebFont-Italic-Bold.svg#svgwebfont') format('svg');
font-weight: bold;
font-style: italic;
}Epo, kjo është ajo. Tani që keni lidhur katër stile shkronjash me faqen tuaj të internetit.
Por ka një shënim: kjo lidhje me fontin nuk do të shfaqet siç duhet në Internet Explorer 8. Ngushëllimi është se ka shumë pak njerëz që ende përdorin IE8.
Burime të tjera të rekomanduara
Ne gjithashtu ju ftojmë të konsultoheni me burimet më poshtë për të vazhduar më tej në kontrollin dhe kontrollin e faqes dhe blogut tuaj.
- 10 shtojca për fizarmonikë të WordPress për një faqe interneti
- Si të shtoni kolona të shumta në WordPress
- Disa shtojca për të integruar shërbimet e Google në blogun tënd
- 5 plugins WordPress për të shfaqur njoftimet
- Si të përdorni sfonde të ndryshme në WordPress
Përfundim
Cila është gjëja e parë që përdoruesit vënë re kur vizitojnë faqen tuaj të internetit? Është e drejtë, dizajni i saj! Shumica e dizajnit mbështetet në përdorimin e duhur të shkronjave të bukura. Pra, duhet të kujdeseni për dizajnin e shkronjave të faqes suaj të internetit. Shto kod ose përdor një nga shtojcat e përmendura më sipër për të futur një stil të ri fonti. Se si e zgjidhni varet nga ju.
Sigurohuni që të mos përdorni më shumë se dy fonte në të njëjtën faqe interneti. Meqenëse sa më shumë shkronja të personalizuara të shtoni në faqen e internetit, aq më shumë do të bjerë shpejtësia e faqes në internet.
Kjo është ajo për këtë artikull që ju tregon se si të shtoni fontet e personalizuara në një uebsajt të WordPress. Ju ftojmë të provoni. Nëse keni ndonjë shqetësim ose sugjerim, ju lutemi na tregoni brenda komente.
Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...
