Želite li dodati prilagođene fontove u WordPress?
Verujte i meni, policija na vašem blogu će igrati vrlo veliku ulogu a puno ćete dobiti dodavanjem fonta prilagođenog ne samo kontekstu vašeg bloga, već i vašoj WordPress temi.
U ovom tutorialu ću vam pokazati kako dodavati prilagođene fontove na svoj WordPress blog koristeći Google Fontovi, Typekit i CSS3.
Upotreba prilagođenih fontova u WordPress teme je postalo uobičajeno. U stvari, ima ih nekoliko WordPress teme koji nude nekoliko fontova za odabir. Međutim, učitavanje svih ovih fontova u isto vrijeme može znatno usporiti učitavanje stranice.
Ako vam je blog spor, predlažem vam Neka rješenja za probleme performansi WordPress
To je jedan od razloga zašto ćemo to učiniti na pravi način, prenoseći na blog samo prilagođeni font koji želimo koristiti.
Ali prije svega, prvo je važno znati kako pretraživati fontove, a istovremeno se savjetovati s 7 WordPress dodaci koji će vam omogućiti da unesete tipografiju vašeg bloga
Kako tražiti fontove i kako ih koristiti na WordPressu
Fontovi nisu toliko skalabilni kao nekada. Međutim, postoji nekoliko izvora u kojima možete pronaći fontove poput " Google Fontovi »,« Typekit »,« FontSquirrel »Et« Fonts.com ".
Kako dodati font Google Fonts na WordPressu
Google Fontovi vrlo je velika biblioteka besplatnih fontova koju možete koristiti u nekoliko projekata.
Sve što trebate je pristupiti " Google Fontovi I odaberite font po vašem izboru. Zatim kliknite na " odaberite ovaj font »Kartica se pojavljuje u donjem desnom dijelu ekrana.
Kliknite na ovu karticu koja se širi kao na slici iznad. Moći ćete prilagoditi stil fonta koji ćete uključiti klikom na Prilagodite. Na blogu morate odabrati samo stil koji želite vidjeti.
Zatim se pomaknite dolje do " ukopavati ". Tada ćete morati kopirati kôd koji se nalazi u odjeljku " STANDARD ". To je ovaj kod koji možete dodati na " zaglavlje Tvoje dijete teme.
To je sve što postoji da biste dodali novi Google font na svoj WordPress blog.
Kako dodati font koristeći TypeKit
Typekit je još jedna besplatna i premium usluga koja nudi fontove koje možete koristiti i u svojim različitim projektima. Nude premium pretplate i besplatne pretplate.
Samo trebate imati Typekit račun i stvoriti novi " oprema ".
Tada ćete morati odabrati font iz biblioteke Typekit i dodati ga u svoj projekt. Nakon toga, zgrabite kôd za svoj komplet i dodajte ga s nadzorne ploče.
Da biste ga dodali na svoju nadzornu ploču, jednostavno trebate instalirati i aktivirati dodatak " Tipkit Fontovi za WordPress ".
Nakon njegove aktivacije jednostavno trebate pristupiti " Postavke> Fontovi Typekit I zalijepite kod iz vašeg kompleta u polje " prilagođena CSS pravila ".
Font se tada može koristiti na isti način, odnosno određivanjem imena porodice za određene elemente ili za čitav dokument.
Kako dodati font pomoću CSS3 (@ font-face)
Najizravniji način ugradnje fonta u vaš blog je dodavanje pomoću "font-face" putem CSS3. Ova metoda vam omogućava da dodate bilo koji tip fonta koji želite na svoj blog.
Prvo što trebate učiniti je preuzeti font po vašem izboru u web formatu. Ako nemate ovaj font u web formatu, možete ga besplatno pretvoriti na " FontSquirrel Webfont Generator ".
Jednom kada imate datoteke u formatu " veb », Tada ćete ih morati poslati direktno na svoj server. Toplo preporučujem da ga dodate u " fontovi Djetetove teme pomoću FTP klijenta (FileZilla je moja preporuka).
Ako želite ići dalje u ovom postupku, pogledajte naš tutorial o Kako se koristi FTP na Windows 10
Vratimo se našem cilju.
Nakon što završite, font možete integrirati na ovaj način:
Da biste ga koristili bilo gdje, jednostavno ćete trebati definirati ime fonta kako ste naveli u " odozdo »Prethodna (pogledajte vrijednost atributa porodice fontova ).
To je sve što je trebalo znati o korištenju CSS3 koda. Moram, međutim, navesti da je metoda s funkcijom "font-face" prikladnija za programere.
Druga rješenja i alati se također koriste i preporučuju za upravljanje fontovima na vašoj web lokaciji ili manipulaciju njima.
Otkrijte i neke premium WordPress dodatke
Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.
Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.
1. CommentPress
CommentPress je moćan WordPress kompaktni dodatak koji vam omogućuje umetanje, uređivanje i brisanje komentara brzo i jednostavno. CommentPress koristi Ajax, jQuery i PHP kako bi posjetioci dobili mogućnost umetanja komentara bez ponovnog učitavanja stranice.
Ovaj dodatak ima mnogo mogućnosti prilagodbe kako bi mu pružio izgled i izgled koji želite. Ima captcha za blokiranje neželjene pošte i daje odjeljak za komentare veću sigurnost.
Njegove glavne karakteristike su: lako umetanje komentara, mogućnost da korisnici odgovore na određene komentare, paginiranje komentara, potpuno upravljanje administracijom odjeljka komentara, gumbi za jednostavno umetanje slika, videozapisi i veze, potpuno odgovarajući izgled, Captcha da osigurate obrazac i izbjegavajte neželjenu poštu i još mnogo toga.
download | Demo | web hosting
2. Galerija Everest
Kao što mu ime govori, to je vrhunac WordPress plugins foto galerija premium. Ovaj ultra-prilagodljivi alat omogućit će vam da kreirate galerije bilo kojeg stila za samo nekoliko minuta.
Galerija Everest se može koristiti za izlaganje članaka, prilagođenih tipova objava, prilagođenih taksonomija/kategorija, WooCommerce proizvodi, personalizirani proizvodi, galerije slika i prilozi, videozapisi, značajke proizvoda, izlog kupaca, portfelji, članovi tima, snimke zaslona itd., u potpunosti odgovaraju.
Everest Gallery dolazi s kompletnom dokumentacijom i više od 30 opcija za potpuno prilagođavanje izgled galerije. Uz dostupne opcije prilagođavanja, ovo možete koristiti WordPress dodatak da bilo šta predstavim lako i efektno.
download | Demo | web hosting
3. WP Media Manager
WP Media Manager je jedan od najboljih i najmoćnijih WordPress plugins upravljanje medijskom bibliotekom. Odličan je u upravljanju fasciklama i njegova jednostavnost upotrebe omogućava vam da organizujete hiljade medijskih datoteka.
Samo upotrijebite metodu povlačenja i ispuštanja da umetnete medijske datoteke u mape / podmape. Ova sposobnost mu omogućava ne samo da poboljša upravljanje datotekama, već mu omogućava i upravljanje mapama. Što je obično potrebno za početnike.
Ce WordPress dodatak ima funkcije kao što su kreiranje foldera, filtriranje istih, 3 veličanstvene responsive galerije, mogućnost dupliciranja fajlova, kreiranje neograničene hijerarhije i mnoge druge…
download | Demo | web hosting
Ostali preporučeni resursi
Idite dalje u upotrebu prilagođenih fontova u WordPressu tako što ćete potražiti donje veze ili preporučene resurse.
- Kako dodati ključne riječi i meta opise u WordPress
- Kako dodati impresivan tipografije s Typekit
- 7 WordPress plugins za dodavanje klizača na blog
- 8 WordPress dodataka za dodavanje sistema prevođenja na blog
- Ostali resursi:
- Lista osnovnih stvari za pokretanje bloga
- 14 WordPress dodataka Elementor može zamijeniti
- Elementor Pro Price 2023: Koji je plan za vas najisplativiji?
- Kako kreirati i prikazati iskačući prozor pomoću oznake za objavu u WordPress-u
- Najbolji besplatni Elementor dodaci u 2023
- Kako napraviti prilagođeni font za vaš WordPress blog
zaključak
Dakle! To je to za ovaj vodič o najboljem načinu dodavanja prilagođenih fontova u WordPress. Ako imate bilo kakvih prijedloga ili komentara, bit će dobrodošli.
Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.
N'' ne ustručavajte se podijeliti ga sa svojim drugačijima društvene mreže. Ako jesi komentari ili prijedloge, ne ustručavajte se reći nam u odjeljku rezerviranom za njih.
...