Doriți să adăugați fonturi personalizate pe WordPress?

Crede-mă, de asemenea, poliția un rol foarte mare de jucat pe blogul tău și veți câștiga mult adăugând un font adaptat nu numai la contextul blogului dvs., ci și la tema dvs. WordPress.

În acest tutorial vă voi arăta cum puteți adăuga fonturi personalizate pe blogul dvs. WordPress folosind Google fonturi, Typekit și CSS3.

Utilizarea fonturilor personalizate în Teme WordPress a devenit comună. De fapt, sunt mai multe Teme WordPress care oferă mai multe fonturi din care să aleagă. Cu toate acestea, încărcarea tuturor acestor fonturi în același timp poate încetini considerabil încărcarea unei pagini.

cum să adăugați font de text personalizat 1 1

Și dacă blogul tău este lent, îți sugerez Unele soluții la probleme de performanță pe WordPress

Acesta este unul dintre motivele pentru care o vom face corect, încărcând doar fontul personalizat pe care dorim să îl folosim pe blog.

Dar, în primul rând, este important să știți cum să căutați fonturi, consultând în același timp 7 pluginurile WordPress pentru a lua în mână tipografia blogului tău

Cum să găsiți fonturi și cum să le folosiți pe WordPress

Fonturile nu sunt la fel de extensibile ca pe vremuri. Cu toate acestea, există mai multe surse în care puteți găsi fonturi precum „ Google fonturi "" Typekit "" FontSquirrel "Și" Fonts.com ".

Cum se adaugă un font din Fonturi Google în WordPress

Tipografie fonturi WordPress google

Google Fonts este o bibliotecă foarte mare de fonturi gratuite pe care le puteți folosi în mai multe proiecte.
Pur și simplu trebuie să accesați „ Google fonturi Și selectați fontul ales. Apoi faceți clic pe „ selectați acest font »O filă apare în partea dreaptă jos a ecranului.

Tutorial WordPress tipografie Google Fonts

Faceți clic pe această filă care se extinde ca în imaginea de mai sus. Veți putea personaliza stilul fontului de inclus făcând clic pe Particularizarea. Trebuie doar să selectați stilul pe care doriți să îl vedeți pe blogul dvs.

Apoi ar trebui să derulați în jos până la „ Embed “. Va trebui apoi să copiați codul localizat în secțiunea " STANDARD ". Acest cod îl puteți adăuga pe „ antet Din tema copilului tău.

Asta este tot ceea ce există pentru a adăuga un nou font Google la blogul dvs. WordPress.

Cum de a adăuga un font folosind Typekit

Tipografie fonturi WordPress typekit 2

Typekit este un alt serviciu gratuit și premium care oferă fonturi pe care le puteți folosi și în diferitele proiecte. Oferă abonamente premium și abonamente gratuite.

Trebuie doar să aveți un cont Typekit și să creați un nou " trusă ".

Tipografie fonturi WordPress typekit

Apoi, va trebui să selectați fontul din biblioteca Typekit și să îl adăugați la proiect. După aceea, apucați codul kitului și adăugați-l din tabloul de bord.

Tipografie fonturi WordPress typekit 1

Pentru a-l adăuga la tabloul de bord, trebuie pur și simplu să instalați și să activați pluginul " Tipuri de fonturi pentru WordPress ".

După activarea acestuia, trebuie pur și simplu să accesați „ Setări> Fonturi Typekit Și lipiți codul din kitul dvs. în „ reguli personalizate CSS ".

tipkit-paste-un-kit

Fontul poate fi apoi utilizat în același mod, adică prin specificarea numelui familiei pentru elemente specifice sau pentru întregul document.

Cum de a adăuga un font folosind CSS3 (@ font-face)

Cel mai direct mod de a încorpora un font în blogul dvs. este să îl adăugați folosind „font-faces” prin CSS3. Această metodă vă permite să adăugați orice tip de font doriți pe blogul dvs.

Primul lucru de făcut este să descărcați fontul dorit în format web. Dacă nu aveți acest font în format web, îl puteți converti gratuit la „ FontSquirrel Webfont Generator ".

Odată ce aveți fișierele în format " web », Va trebui apoi să le trimiteți direct la serverul dvs. Vă recomand cu tărie să îl adăugați la „ fonturi Din tema copilului dvs. folosind un client FTP (FileZilla este recomandarea mea).

Dacă doriți să mergeți mai departe în această procedură, consultați tutorialul nostru pe Cum de a utiliza FTP pe Windows 10

Să revenim la obiectivul nostru.

Odată ce ați terminat, puteți integra fontul astfel:

Integrarea poliției

Pentru ao utiliza oriunde, va trebui pur și simplu să definiți numele fontului așa cum ați specificat în „ bottom-față »Anterior (vezi valoarea atributului font-family ).

Utilizați codul-font-face

Asta este tot ce era de știut despre utilizarea codului CSS3. Cu toate acestea, trebuie să specific că metoda cu funcționalitatea „font-face” este mai potrivită pentru dezvoltatori.

Sunt utilizate și recomandate și alte soluții și instrumente pentru a gestiona sau manipula fonturile de pe site-ul dvs. web.

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. CommentPress

CommentPress este un puternic plugin compact WordPress care vă permite să introduceți, să editați și să ștergeți comentariile rapid și ușor. CommentPress utilizează Ajax, jQuery și PHP pentru a oferi vizitatorilor posibilitatea de a insera comentarii fără a fi nevoie să reîncarce pagina.

Comentariu Apăsați comentarii Ajax Inserați editați și ștergeți comentarii

Acest plugin are multe opțiuni de personalizare, pentru a-i oferi aspectul și aspectul dorit. Are un captcha pentru a bloca spamul și oferă secțiunii de comentarii mai multă siguranță.

Principalele sale caracteristici sunt: ​​inserarea ușoară a comentariilor, posibilitatea utilizatorilor de a răspunde la comentarii specifice, paginarea comentariilor, gestionarea completă a administrării secțiunii de comentarii, butoane pentru inserarea ușoară a imaginilor, videoclipuri și linkuri, un aspect complet receptiv, un Captcha pentru a securiza formularul și evitați spamul și multe altele.

Descarca | Demo | web hosting

2. Galeria Everest

După cum sugerează și numele, este punctul culminant al WordPress plugin-uri galerie foto premium. Acest instrument ultra-personalizat vă va permite să creați galerii de orice stil în doar câteva minute.

Pluginul Wordpress pentru Galeria Everest Galerie WordPress Responsive

Galeria Everest poate fi folosită pentru a prezenta articole, tipuri de postări personalizate, taxonomii/categorii personalizate, Produse WooCommerce, produse personalizate, galerii de imagini și atașamente, videoclipuri, caracteristici ale produsului, vitrina clienților, portofolii, membrii echipei, capturi de ecran, etc ..., complet receptiv.

Galeria Everest vine cu documentație completă și mai multe opțiuni 30 pentru a personaliza complet aspectul galeriei. Cu opțiunile de personalizare disponibile, puteți utiliza acest lucru WordPress plug-in pentru a prezenta ceva ușor și eficient. 

Descarca | Demo | web hosting

3. WP Media Manager

WP Media Manager este unul dintre cele mai bune și mai puternice WordPress plugin-uri managementul bibliotecii media. Este excelent la gestionarea folderelor și ușurința sa de utilizare vă permite să vă organizați miile de fișiere media.

WP Media Manager Cel mai simplu plugin pentru WordPress Media Manager

Folosiți doar metoda drag and drop pentru a insera fișierele media în foldere / subfoldere. Această abilitate nu numai că îi permite să îmbunătățească gestionarea fișierelor, ci îi permite și să gestioneze dosarele. Ceea ce este, în general, o necesitate pentru utilizatorii începători.

Ce WordPress plug-in are caracteristici precum crearea de foldere, filtrarea acestora, 3 galerii responsive magnifice, posibilitatea de duplicare a fișierelor, crearea unei ierarhii nelimitate și multe altele...

Descarca | Demo | web hosting

Alte resurse recomandate

Mergeți mai departe în utilizarea fonturilor personalizate în WordPress, consultând și linkurile sau resursele recomandate de mai jos.

Concluzie

Asa de ! Asta este tot pentru acest tutorial despre cel mai bun mod de a adăuga fonturi personalizate la WordPress. Dacă aveți sugestii sau comentarii, acestea vor fi binevenite.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

N'' nu ezitați să îl împărtășiți diferit rețelele sociale. Dacă ai comentarii sau sugestii, nu ezitați să ne spuneți în secțiunea rezervată pentru acestea.

...