3 Metode ușoare pentru schimbarea fonturilor WordPress

Publicat: 2021-10-05

„Cum se schimbă fonturile în WordPress?” este una dintre cele mai frecvente întrebări în rândul persoanelor cu cunoștințe tehnice minime și iată un răspuns bun la această întrebare.

Puteți schimba fonturile WordPress de câte ori doriți, folosind această metodă simplă.

Pentru a vă schimba fonturile WordPress, accesați meniul Aspect , faceți clic pe opțiunea Personalizare și accesați Fonturi . Acum puteți selecta fontul la alegere sau puteți reveni la fontul implicit făcând clic pe semnul x . După ce ați ales fontul WordPress dorit, faceți clic pe butonul Salvare schiță pentru a salva modificările.

Iată cum arată.

wordpress-fonturi

În continuare, în această bucată, vom explica celelalte 3 metode simple de a vă schimba fonturile WordPress. Deci, să începem.

Înrudit: cum să editați subsolul WordPress?

Cum se schimbă fonturile în WordPress?

Din punct de vedere tehnic, există destul de multe moduri prin care puteți schimba fontul pe site-urile WordPress. Cu toate acestea, aici am menționat 3 dintre modalitățile de bază de a face asta. Să începem cu cea mai comună.

1. Verificați ce puteți schimba cu opțiunile de font ale temei site-ului dvs. sau ale generatorului de pagini

Majoritatea oamenilor nu folosesc temele implicite pentru site-uri WordPress, deoarece nu sunt suficient de bune pentru site-urile de afaceri. Chiar dacă aceste teme sunt bine codificate, sunt mai mult doar piese de concept. Puteți afla mai multe despre acest lucru în ghidul nostru despre CMS pentru comerțul electronic.

Este o idee grozavă să selectați un anumit tip de temă care se potrivește cel mai bine nevoilor dvs. în cuvinte mai simple. Deși alegerea unuia premium ți-ar oferi opțiuni excelente de personalizare, există și opțiuni decente gratuite pentru care poți opta dacă ai un buget limitat.

Cele mai multe dintre aceste teme vă vor permite să accesați întreaga suită de fonturi Google de unde puteți alege fonturile potrivite pentru site-ul dvs. WordPress.

Există de obicei două moduri de a schimba fontul în WordPress prin teme. În primul rând, puteți accesa meniul personalizatorului și puteți schimba fonturile de acolo. Celelalte teme vin cu un panou de administrare dedicat cu toate opțiunile de design pe care trebuie să le accesați.

Aceste panouri de administrare sunt mult mai ușor de navigat. Trebuie doar să faceți clic pe meniul derulant relevant și să selectați fonturile la alegere. Modificările pot apărea imediat.

Funcționarea pluginurilor Page Builder este destul de asemănătoare cu aceasta. Unele dintre cele mai populare includ Elementor și Beaver Builder.

2. Instalați pluginuri pentru fonturi WordPress

Dacă nu vă plac fonturile oferite în tema dvs., atunci o altă modalitate excelentă de a vă schimba fonturile WordPress este instalarea și activarea unui plugin dedicat pentru fonturi.

Acum, există de obicei două tipuri de pluginuri de fonturi pe care le veți găsi în directorul de pluginuri WordPress – pluginuri de încorporare a fonturilor și pluginuri de încărcare a fonturilor.

Pluginurile de încorporare a fonturilor vă permit să extrageți fontul dorit din directoare dedicate, cum ar fi Fonturile Google, și să îl încorporați în site-ul dvs.

Un exemplu excelent este pluginul OMFG – Optimize My Google Fonts. În plus, există și pluginuri disponibile pentru cei care folosesc fonturile pentru abonament Adobe.

Este demn de remarcat faptul că conectarea site-ului dvs. la serverele Google sau Adobe ar necesita să procesați câțiva pași suplimentari. Cu toate acestea, acest lucru vă va ajuta să evitați să faceți alți câțiva pași care au loc în timp ce implementați fonturile manual.

Pluginurile pentru încărcarea fonturilor sunt mult diferite de cele de încorporare. Puteți spune rapid acest lucru cu numele că aceste plugin-uri vă permit să încărcați un anumit font la alegere și să îl utilizați pe site-ul dvs. Deși orice plugin relevant poate face treaba pentru dvs., cel mai popular plugin pentru acest job este Google Fonts Typography Plugin.

3. Adăugarea de fonturi personalizate prin codare simplă

Dacă sunteți dispus să învățați cum să schimbați fonturile în WordPress manual, atunci această metodă finală este calea de urmat. Chiar dacă implică ceva codare, dar cea mai bună parte a acestei metode este că este destul de ușor de învățat. Chiar și cu cunoștințe medii, puteți învăța și implementa cu ușurință această metodă.

În ceea ce privește dezavantajul, este posibil să nu obțineți o gamă largă de opțiuni, în afară de tema premium a unui plugin dedicat. Cu toate acestea, puteți să vă păstrați site-ul departe de bloatware inutile și să utilizați un font la alegere.

Pentru a implementa această metodă, aveți nevoie

  • Cunoștințe medii în CSS
  • Fontul pe care doriți să îl încorporați în site-ul dvs
  • Acces la nucleul dvs. WordPress
  • Câteva cunoștințe despre FTP (File Transfer Protocol)

Să îți explicăm acest lucru cu un exemplu. Să presupunem că alegeți un font Google „Oswald”.

Selectați stilul pe care doriți să îl încorporați. Vă recomandăm să alegeți stilurile Bold, Standard și Italic. După ce ați ales stilul, cel mai simplu mod de a încorpora fontul este să faceți clic pe fila Încorporare și să copiați codul în secțiunea site-ului dvs.

Cu toate acestea, vă recomandăm să utilizați metoda de așezare. În această metodă, mai întâi va trebui să copiați linkul către fonturile dvs. Iată un exemplu

„https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap”

Acum trebuie să accesați fișierul site-ului dvs. WordPress folosind FTP. De aici, trebuie să deschideți directorul rădăcină al temei copilului și să accesați functions.php.

După ce ați deschis fișierul functions.php , introduceți următorul cod. (Rețineți că trebuie să înlocuiți linkul menționat în exemplu cu fontul ales.)

funcția add_my_font() {

wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap', false);

}

add_action( 'wp_enqueue_scripts', 'add_my_font');

Ultimul pas este să declarați unde doriți să utilizați fonturile. Pentru a atinge acest scop, trebuie să accesați fișierul style.css din directorul rădăcină al temei copilului și să adăugați următoarele.

.corp, .h1, .h2, .h3, .h4 {

familie de fonturi: „Oswald”, sans-serif;

}

De obicei, acest lucru ar informa partea frontală a site-ului dvs. web că doriți să utilizați acest font specific într-un anumit stil. Rețineți că puteți elimina și declarațiile dacă nu doriți să aplicați fonturi noi în fiecare secțiune.

Iată două motive importante pentru care trebuie să selectați fonturile WordPress potrivite.

De ce este importantă selectarea fontului potrivit în designul web?

Pentru cei cu puține sau deloc cunoștințe de dezvoltare, designul site-ului web ar putea suna ca un proces simplu de alegere a unei scheme de culori, fonturi și configurarea unei bare de navigare.

Cu toate acestea, nu este foarte ușor, deoarece există multe lucruri care au nevoie pentru a crea un design eficient de site web în afară de estetică. Când alegeți fonturi pentru site-ul dvs. WordPress, trebuie să luați în considerare factori precum lizibilitatea, marketingul și dacă fontul se potrivește cu brandingul dvs.

Pentru a fi mai precis, există două moduri majore în care fonturile ar avea un impact asupra designului site-ului dvs. Să vorbim despre ei.

1. Utilizabilitate

Utilizabilitatea este cel mai important aspect pe care alegerea fonturilor îl va afecta. Să presupunem că alegeți un font care este mai greu de citit. Este cel mai probabil ca potențialii dvs. să vă abandoneze site-ul din frustrare și să caute alternative.

2. Branding

Lizibilitatea este un lucru, dar trebuie să vă concentrați și asupra cât de bine, relevant și elegant arată fontul dvs. cu tonul mărcii dvs. Este o idee grozavă să luați în considerare aspectele atunci când alegeți un font pentru site-ul dvs. în cuvinte mai simple.

Este randul tau

Iată. Acum aveți cele trei metode ușoare de schimbare a fonturilor în WordPress. Este la fel de important să rețineți că cele mai bune practici se continuă să se schimbe, așa că, dacă găsiți vreo deconectare între aceste metode și ceea ce vi se prezintă, vă recomandăm să obțineți sfaturi de specialitate.

De asemenea, citiți ghidurile noastre despre subiecte precum Remedierea erorii WordPress White Screen of Death și White Label pentru a vă îmbunătăți cunoștințele.