Cum să adăugați fonturi Google pe site-ul dvs. WordPress fără un plugin

Toată lumea dorește să îmbunătățească designul vizual al site-ului. Majoritatea cercetărilor dezvăluie că experiența utilizatorului depinde de designul site-ului dvs..


Conform multor experți SEO, experți în analiza clienților și marketing, cu atât mai atrăgătoare va fi designul site-ului dvs. web; mai mulți cititori se vor implica cu site-ul dvs..

Iar tipografia joacă un rol esențial în îmbunătățirea designului general. După cum știți, mulți dezvoltatori web folosesc fonturi personalizate în temele lor WordPress; vom face la fel.

În acest tutorial, veți afla despre adăugarea de fonturi Google pe site-ul dvs. WordPress, fără a utiliza niciun plugin.

Ori de câte ori orice utilizator WordPress decide să modifice orice pe site-ul său web, caută întotdeauna un mod convenabil și toată lumea știe, există mii de plugin-uri gratuite disponibile în depozitul oficial WordPress.

Din când în când, oamenii continuă să adauge mai multe pluginuri și, la un moment dat, se plâng că au un timp de încărcare a paginii slab.

De ce ai nevoie de un plugin dacă îl poți realiza fără niciunul?

Alegeți fontul dvs. preferat Google și adăugați-l pe site-ul dvs. web

Este posibil să existe o șansă când te-ai uitat la fontul oricărui site și te-ai întrebat cum să aplici acel font pe site-ul tău Ei bine, am un răspuns la întrebarea ta.

Deși nu toate fonturile sunt disponibile pe fonturile Google, puteți găsi câteva tipografii frumoase.

Să începem procesul.

Pasul 1

Accesați site-ul oficial al Fonturilor Google și căutați cel mai bun font pe care doriți să-l utilizați. Derulați un pic în jos și verificați dacă puteți rezona cu oricare dintre acestea.

Pentru a selecta un font, trebuie doar să faceți clic pe butonul buton roșu plus. Dar dacă doriți să explorați fontul, faceți clic pe caseta acestuia și veți vedea diferitele stiluri.

Cum să adăugați fonturi Google pe site-ul dvs. WordPress fără un plugin

Puteți încerca să modificați greutatea, dimensiunea și stilul fontului.

Pasul 2

Puteți găsi cu ușurință butonul roșu plus pentru a utiliza fontul care vă place. Veți vedea a bara bruna în partea de jos a ecranului computerului.

Faceți clic pentru a deschide și veți vedea instrucțiunile de utilizare a fontului.

Pentru a adăuga fonturi Google pe site-ul dvs. web, puteți utiliza două metode. Îți sugerez să folosești standard cale. Puteți utiliza, de asemenea, un "Import" metodă; alegerea este a ta.

Cum să adăugați fonturi Google pe site-ul dvs. WordPress fără un plugin

Acum apare întrebarea, de unde trebuie să adăugați acest lucru  etichetă?

Dacă ați observat, există o instrucțiune explicită pentru a adăuga linkul la  eticheta site-ului dvs. web.

Pasul 3

Sper să fi ghicit deja că  eticheta este prezentă în antetul site-ului dvs. web. Dar cum o puteți găsi?

După cum știți, designul unui site WordPress este controlat de tema lui WordPress, așa că trebuie să editați fișierul header.php.

Pentru a realiza acest lucru, trebuie să navigați la Aspect>>Editor în timp ce vă conectați la panoul dvs. de administrator WordPress.

Cum să adăugați fonturi Google pe site-ul dvs. WordPress fără un plugin

Pasul 4

Este posibil să știți deja că de fiecare dată când deschideți editorul, vedeți fișierul CSS, dar aveți nevoie de header.php fişier.

Pentru aceasta, căutați Antetul temei în meniul vertical de navigare. Faceți clic pentru a deschide.

Pasul 5

Dacă o faceți corect, puteți vedea titlul fișierului împreună cu numele temei dvs. WordPress.

Numele temei: Antetul temei (header.php)

Cum să adăugați fonturi Google pe site-ul dvs. WordPress fără un plugin

După cum am discutat deja, trebuie să adăugați  etichetare la  etichetă. Este similar cu trimiterea site-ului dvs. web la Google Search Console.

Puteți vedea etichetele. Lipiți eticheta pe care ați copiat-o din fonturile Google.

Clic Actualizați fișierul.

Pasul 6

– Acum s-ar putea să vă întrebați cum ar fi care este cea mai bună modalitate posibilă de a schimba rubrica postărilor dvs. de blog. Ei bine, pentru a face acest lucru, trebuie să vizați elementele HTML folosind CSS.

Permiteți-mi să vă arăt un exemplu.

h1 {
font-family: ‘Lato’, sans-serif;
}

Nu este ușor? Dacă știți puțin despre CSS, puteți modifica tipografia întregului site web.

Dacă nu sunteți o persoană experimentată în tehnologie, ar trebui să vă încurcați cu codurile. Dacă doriți, ar trebui să faceți întotdeauna backup site-ului dvs. web, sau cel puțin tema WordPress.

Aș dori să menționez o alternativă, puteți adăuga și fonturi Google prin fișierul funcții.php, poate fi un proces complicat pentru începători, așa că, deocamdată, rămânem la cea mai simplă metodă..

V-ați gândit vreodată despre modificarea tipografiei site-ului dvs.

Clienții noștri solicită să îmbunătățească designul general prin adăugarea unui font nou, iar noi folosim întotdeauna TypeKit sau Google Fonts.

După cum știți, Google oferă soluții gratuite, deci nu aveți nevoie de fonturi premium. Există tone de fonturi gratuite în biblioteca Google.

Care este fontul preferat? Dacă sunteți dezvoltator web, este posibil să știți că Roboto a fost unul dintre cele mai utilizate fonturi până acum.

Concluzie

Pentru a evita un plugin, trebuie să urmați pașii simpli. Editarea fișierului antet din tema dvs. WordPress nu este atât de dificilă.

Sper că deja știți cum să adăugați cod personalizat la antetul și subsolul site-ului dvs. Este un singur lucru; nu trebuie să o atingeți din nou. Sper că o poți face.

Consultați aceste 3 servicii de găzduire WordPress:

FastComet

Pret de inceput:
$ 2,95


Fiabilitate
9.7


Prețuri
9.5


Ușor de utilizat
9.7


A sustine
9.7


Caracteristici
9.6

Citește recenziile

Accesați FastComet

Hostinger

Pret de inceput:
$ 0,99


Fiabilitate
9.3


Prețuri
9.3


Ușor de utilizat
9.4


A sustine
9.4


Caracteristici
9.2

Citește recenziile

Vizitați Hostinger

A2 Gazduire

Pret de inceput:
$ 3,92


Fiabilitate
9.3


Prețuri
9


Ușor de utilizat
9.3


A sustine
9.3


Caracteristici
9.3

Citește recenziile

Accesați Găzduirea A2

Articole legate de modalități conexe

  • Cum dezactivați execuția PHP pentru a îmbunătăți securitatea site-ului web folosind cPanel
    intermediar
  • Cum să adăugați un utilizator administrator WordPress folosind codul PHP
    expert
  • Cum să adăugați fonturi Google pe site-ul dvs. WordPress
    incepator
  • Cum să vă schimbați pagina de index implicită folosind FTP
    intermediar
  • Cum să adăugați CSS personalizate pe site-ul dvs. WordPress în diferite moduri
    intermediar
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me