Cum să se conecteze la fonturi Google șablon WordPress

Fonturi Google - unul dintre cele mai bune resurse este fonturi web gratuite și Google vă oferă mai multe moduri de a le importa site-ul dumneavoastră. Din păcate, nici una dintre ele include popular motor WordPress. Acest lucru înseamnă că fie trebuie să utilizeze un plugin care o mulțime, sau de a lua mainile murdare, se ține de fleacuri cu codul.

Vestea bună este că puteți ajusta fontul din biblioteca Google aproape orice temă WordPress fără complicații mult. Cum anume - vom învăța astăzi.

Există două opțiuni - conectează plug-in sau un pic poshamanit functions.php fișier.

Dar mai întâi aș dori să lista avantajele și dezavantajele fonturi Google pe care în cele din urmă ați decis să le folosească în proiectele lor sau nu.

Bune și rele fonturi web Google

În ceea ce privește fonturile web Google - una dintre cele mai bune opțiuni în ceea ce privește performanța. Toate datorită construcției ușoare, și sistemul de cache. Vizitatorii nu ar trebui să aștepte să înceapă de Google fonturi în cazul în care au vizitat recent site-ul pe care acestea sunt utilizate, de asemenea. fonturi populare cum ar fi Open Sans, poate îmbunătăți performanța site-ului dvs. prin reducerea timpului de încărcare.

O altă caracteristică este faptul că Google vă permite să descărcați aceste fonturi. astfel încât să puteți utiliza în machetele.

Printre deficiențele pot fi remarcat faptul că alegerea Google-font este mic. multe dintre ele sunt similare între ele. Ai nevoie să-și petreacă o mulțime de timp pe o căutare pentru a găsi un font decent, original. fonturi chirilice pentru foarte puțin.

În plus, există probleme de securitate uzuale - aveți nevoie pentru a oferi unele informații personale atunci când instalați fonturi de la Google pe site.

Cum se instalează fonturile Google folosind pluginul WordPress

Dacă căutare plugin-uri, atunci primul lucru pentru a vedea în rezultatele căutării - plugin-uri WP fonturi Google și ușor de fonturi Google Web. Este într-adevăr cel mai bun două priza.

Plug-in-uri nu sunt soluția perfectă pentru a instala Google-fonturile de pe site-ul WordPress - nu numai în termeni de performanță, dar și pentru că plugin-urile nu vă va permite să selectați piese specifice de text. Cu toate acestea, dacă dvs. sau clientul este sigur că este mai bine să utilizați plugin-uri, te uiți la aceste două opțiuni.

Acest plug permite elemente specifice țintă, cum ar fi titlurile H1, paragrafe și citate. Ai, de asemenea CSS opțiunea personalizată pentru a lucra mai departe cu stiluri de fonturi individuale. Adăugați și personaliza fonturile de la Google de pe site-ul dvs. WordPress cu acest plugin destul de ușor.

Ușor de fonturi web Google trăiește până la numele său, și face configurarea fonturi Google este foarte ușor chiar și pentru începători.

Modul corect de a instala șablon de fonturi Google WordPress

În final, am ajuns la opțiunea de a deschide fișierul functions.php și de a face unele de lucru cu codul. Înainte de a face acest lucru, trebuie să alegeți un font din biblioteca Google. De dragul de exemplu, să încercăm să ia o foarte popular Open Sans.

Apoi, aveți nevoie pentru a alege stilul de font - normală, cu litere aldine sau cursive. Sunteți în stare să o faci singur :)

După ce alegeți stiluri, Google vă va da o bucată de cod. înfățișarea noastră, după cum urmează:

În plus, am primit un stil CSS:

font-family: 'Open Sans', sans-serif;

Acum este timpul pentru a deschide fișierul functions.php (calea de fișier: wp-content / teme / yourtheme). La sfârșitul fișierului, adăugați o caracteristică nouă:

Cheia acestei funcții este echipa „wp_enqueue_style“, ceea ce face WordPress pentru că foaia de stil de font în antetul fiecărei pagini. Dacă te uiți atent, veți vedea că am eliminat link-ului href = și rel = „stylesheet“ type'text / css', din cod, pe care Google ne-a dat, și va trebui să facă același lucru, dacă doriți să adăugați orice alt google-font pentru site-ul dvs. pe WordPress.

Tot ce trebuie să faci acum este să deschideți fișierul principal CSS și lipiți stilul Open Sans. Apoi, utilizați regulile comune, astfel încât să adăugați următorul cod la foaia de stil, salvați și reîmprospătare:

corp
<
font: 1em normal 'Open Sans', sans-serif;
culoare: # 313131;
>

Acest stil va funcționa pe tot parcursul site-ului. Fragmentele individuale de text, puteți specifica un alt stil:

bold-text
<
font: 1em bold 'Open Sans', sans-serif;
>

După cum puteți vedea, este de fapt foarte simplu. Încercați și verificați rezultatul :)