Cum să schimbi ușor dimensiunea fontului în WordPress

Dimensiunea fontului joacă un rol important în a face conținutul site-ului dvs. clar, lizibil și atrăgător din punct de vedere vizual.

Indiferent dacă aveți un blog, un magazin eCommerce sau un site de afaceri, știind cum să ajustați dimensiunile fonturilor în WordPress vă permite să vă personalizați designul pentru a se potrivi mărcii dvs. și să îmbunătățiți experiența utilizatorului.

La WPBeginner, scriem articole în WordPress de peste un deceniu. În acest timp, am prioritizat întotdeauna să facem conținutul nostru lizibil și accesibil publicului nostru. Aceasta include selectarea unei dimensiuni a fontului ușor de citit, păstrând în același timp un aspect curat și atrăgător vizual.

În acest articol, vă vom arăta cum să schimbați cu ușurință dimensiunea fontului în postările și temele WordPress.

De ce să schimbi dimensiunea fontului în WordPress?

Prin schimbarea dimensiunii fontului pe site-ul tău WordPress, poți îmbunătăți lizibilitatea conținutului și poți facilita parcurgerea acestuia de către utilizatori.

În plus, mărirea dimensiunii fontului vă poate ajuta să evidențiați informațiile importante de pe blogul dvs. WordPress.

De exemplu, dacă prezentați un produs afiliat pe site-ul dvs., mărirea dimensiunii fontului poate ajuta la evidențierea produsului. De asemenea, poate face conținutul mai lizibil pentru vizitatorii care accesează site-ul dvs. prin dispozitive mobile.

Acestea fiind spuse, să vedem cum să schimbăm cu ușurință dimensiunea fontului în WordPress.

Pentru acest tutorial, vom discuta mai multe metode, astfel încât puteți utiliza linkurile de mai jos pentru a sări la metoda aleasă:

• Metoda 1: Cum să schimbați dimensiunea fontului folosind anteturi
• Metoda 2: Modificați dimensiunea fontului textului în editorul de blocuri
• Metoda 3: Schimbarea dimensiunii fontului folosind un plugin
• Metoda 4: Schimbați dimensiunea fontului la nivelul întregului site folosind Editorul Complet al Site-ului
• Metoda 5: Schimbați dimensiunea fontului pe întregul site folosind WPCode
• Bonus: Schimbă culoarea textului în WordPress
• Tutorial video

Metoda 1: Cum să schimbați dimensiunea fontului folosind anteturi

Dacă sunteți în căutarea unei modalități ușoare de a schimba dimensiunea fontului folosind anteturi, atunci această metodă este pentru dvs.

Utilizarea antetelor în conținutul dvs. este o modalitate excelentă de a atrage atenția utilizatorului cu un font de dimensiuni mai mari.

În majoritatea temelor WordPress, antetele au un font mai mare decât textul obișnuit al corpului, permițându-ți să-ți împarți postările și paginile în secțiuni.

Antetele sunt, de asemenea, excelente pentru îmbunătățirea SEO-ului site-ului, deoarece motoarele de căutare acordă antetelor corespunzătoare o pondere mai mare decât textului normal de paragraf.

Cum să adăugați un antet în editorul de blocuri implicit WordPress

Mai întâi, trebuie să deschizi o nouă postare sau pagină în editorul de blocuri WordPress.

Odată ce sunteți acolo, faceți clic pe butonul „Adăugare bloc” (+) din colțul din stânga sus al ecranului pentru a deschide meniul de blocuri.

De aici, trebuie să găsiți și să adăugați blocul Titlu pe pagină/postare.

Implicit, blocul va fi setat la Titlu 2.

Dacă adăugați un subtitlu, atunci are sens să vă mențineți la opțiunea „Antet 2”.

Totuși, dacă dorești să schimbi acest lucru, poți pur și simplu să dai clic pe meniul derulant „H2” pentru a selecta o altă dimensiune.

Alternativ, puteți schimba și dimensiunea antetului folosind setările blocului din bara de instrumente din dreapta a ecranului.

Puteți chiar personaliza culoarea, aspectul, majusculele și multe altele ale antetului.

Odată ce ați terminat, nu uitați să faceți clic pe butonul „Actualizare” sau „Publicare” pentru a salva setările.

Cum să adăugați un titlu în vechiul editor clasic

Dacă încă folosiți vechiul editor clasic în WordPress, atunci puteți adăuga titluri folosind meniul derulant Paragraf.

Mai întâi, selectați textul pe care doriți să-l transformați într-un titlu folosind mouse-ul.

Apoi, faceți clic pe meniul derulant „Paragraf” din colțul din stânga sus și selectați dimensiunea antetului. Ați schimbat acum cu succes dimensiunea fontului la un antet.

Cu toate acestea, țineți cont de faptul că editorul clasic nu vă permite să modificați dimensiunile și culorile fonturilor diferitelor stiluri de antet.

Dacă doriți să faceți acest lucru, atunci va trebui să faceți modificări în fișierul stylesheet al temei dvs. (style.css).

În final, pur și simplu faceți clic pe butonul „Actualizare” sau „Publicare” pentru a salva modificările.

Metoda 2: Modificați dimensiunea fontului textului în editorul de blocuri

Dacă doriți să schimbați dimensiunea implicită a fontului textului din blocul Paragraf, atunci această metodă este pentru dumneavoastră.

Mai întâi, trebuie să deschideți o pagină/postare existentă în editorul Gutenberg.

Odată ce sunteți acolo, faceți clic pe orice bloc de paragraf și apoi comutați la fila „Stiluri” din panoul blocului din partea dreaptă a ecranului.

De aici, trebuie să alegeți o dimensiune a fontului din secțiunea „Tipografie”.

Puteți selecta opțiunea Mică, Medie, Mare sau Foarte Mare, în funcție de nevoile dumneavoastră.

Dacă doriți să reveniți la dimensiunea originală a textului, puteți face acest lucru făcând clic pe meniul cu trei puncte de lângă setările de tipografie.

Aceasta va deschide un nou meniu derulant unde trebuie să faceți clic pe opțiunea „Resetare”.

În afară de asta, puteți, de asemenea, să adăugați majuscule inițiale, să modificați majusculele literelor, spațierea, aspectul și multe altele, folosind același meniu derulant.

După aceea, pur și simplu faceți clic pe butonul „Actualizare” sau „Publicare” pentru a salva modificările.

Rețineți că aceste opțiuni nu sunt disponibile în editorul clasic mai vechi pentru WordPress. Dacă doriți să le utilizați, luați în considerare trecerea la acesta.

Metoda 3: Schimbarea dimensiunii fontului folosind un plugin

Dacă dorești să schimbi dimensiunea fontului folosind un plugin, atunci poți folosi această metodă.

Mai întâi, trebuie să instalați și să activați pluginul Advanced Editor Tools. Pentru instrucțiuni detaliate, consultați ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

La activare, pluginul vă oferă mai mult control asupra dimensiunilor fonturilor și formatării textului, precum și o serie de alte funcționalități. Adaugă un nou bloc „Paragraf Clasic” care dispune de toate caracteristicile de formatare dorite.

După activare, accesează pagina Setări » Instrumente Editor Avansat din bara laterală de administrare WordPress.

Odată ajuns acolo, puteți trage și plasa cu ușurință funcții de formatare din secțiunea „Butoane neutilizate” în blocul „Paragraf clasic”.

Aceste funcții includ dimensiunea fontului, familia fontului, copiere, indice, emoticoane, cod sursă și multe altele.

După ce ați făcut acest lucru, derulați în jos la secțiunea ‘Opțiuni’ și bifați opțiunea ‘Dimensiuni Font’ pentru a accesa un număr mai mare de dimensiuni de font.

După aceea, pur și simplu faceți clic pe butonul „Salvează modificările” pentru a vă stoca setările.

Dacă utilizați pluginul cu editorul Classic, atunci va trebui să comutați la fila „Editor Classic” din partea de sus a paginii.

Odată ce sunteți acolo, trebuie să efectuați aceleași acțiuni ca în editorul de blocuri.

Asigurați-vă că faceți clic pe butonul „Salvare modificări” după ce ați făcut modificările.

Acum, pentru a vedea pluginul în acțiune, trebuie să deschideți o pagină/postare nouă sau existentă din tabloul de bord WordPress.

Odată ce sunteți acolo, faceți clic pe butonul „Adăugare bloc” (+) din colțul din stânga sus al ecranului pentru a deschide meniul de blocuri.

De aici, găsiți și adăugați blocul Paragraf clasic pe pagină.

Puteți utiliza acum meniul derulant „Dimensiuni font” pentru a modifica dimensiunea textului în blocul „Paragraf clasic”.

În final, faceți clic pe „Actualizare” sau „Publicare” pentru a salva setările postării sau paginii dvs.

Metoda 4: Schimbați dimensiunea fontului la nivelul întregului site folosind Editorul Complet al Site-ului

Dacă folosești o temă de bloc, atunci această metodă este pentru tine. Majoritatea temelor de bloc vin cu o funcție încorporată de stiluri globale, care îți permite să controlezi dimensiunile tipografiei pe întregul site web, fără nicio codare.

Pentru aceasta, vizitați pagina Aspect » Editor din tabloul de bord WordPress și faceți clic pe pictograma „Stiluri” din colțul din dreapta sus. Aceasta va deschide un nou panou, unde trebuie să selectați opțiunea „Tipografie”.

Odată ce apar noi setări în bara laterală, puteți schimba cu ușurință tipul de font pentru întregul site din secțiunea „Font”.

După aceea, derulați în jos la secțiunea „Elemente” și alegeți fila „Text”.

Acum puteți schimba dimensiunea fontului, tipul și spațierea pentru tot textul de pe întregul site web.

Odată ce ați terminat, puteți reveni la secțiunea „Elemente” pentru a modifica dimensiunea fontului pentru toate anteturile, linkurile, legendele și butoanele.

Dacă tot nu sunteți mulțumit, puteți modifica complet presetările dimensiunii fontului pentru site-ul dvs.

Aceste presetări definesc dimensiuni standard pentru diferite opțiuni de text, cum ar fi mic, mediu și mare. De exemplu, când alegeți „mic” ca dimensiune a fontului oriunde pe site-ul dvs., acesta ar putea fi setat automat la 0,9 rem.

Cu toate acestea, puteți personaliza presetarea astfel încât ‘mic’ să însemne 1 rem. Acest lucru vă oferă flexibilitatea de a ajusta dimensiunile fonturilor conform preferințelor dvs.

Pentru aceasta, faceți clic pe opțiunea „Presetări dimensiune font” din partea de jos.

Odată ce se deschide noul ecran, puteți edita cu ușurință presetările pentru dimensiunile fonturilor pe întregul site.

În final, faceți clic pe butonul „Salvare” pentru a stoca setările. Acum ați modificat cu succes dimensiunea fontului la nivelul întregului site folosind editorul complet al site-ului.

Metoda 5: Schimbați dimensiunea fontului pe întregul site folosind WPCode

Această metodă este pentru dvs. dacă doriți să schimbați dimensiunea fontului pe întregul site web, dar nu utilizați o temă bazată pe blocuri.

Puteți adăuga cu ușurință această funcționalitate prin inserarea codului CSS pe site-ul dvs. web folosind WPCode.

Este cel mai bun plugin pentru fragmente de cod WordPress de pe piață, care face extrem de ușoară și sigură adăugarea de cod pe site-ul dumneavoastră.

Mai întâi, trebuie să instalați și să activați pluginul WPCode. Pentru instrucțiuni detaliate, vă rugăm să consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

Notă: WPCode are un plan gratuit pe care îl puteți utiliza pentru tutorial. Cu toate acestea, actualizarea la versiunea pro vă va oferi acces la mai multe funcționalități, cum ar fi logica condițională, o bibliotecă cloud de fragmente de cod și multe altele.

După activare, accesați pagina Code Snippets » + Add Snippet din bara laterală de administrare WordPress.

Odată ajuns acolo, faceți clic pe butonul „+ Adăugați un fragment personalizat” sub opțiunea „Adăugați codul dvs. personalizat (fragment nou)”.

Apoi, trebuie să selectați „Fragment CSS” ca tip de cod din lista de opțiuni care apar pe ecran.

Aceasta vă va duce la pagina „Creare fragment personalizat”, unde puteți începe prin a da un titlu fragmentului dvs. de cod.

De exemplu, am folosit titlul „Schimbă dimensiunea fontului pe întregul site”.

Apoi, copiați și lipiți următorul cod CSS personalizat în caseta „Previzualizare cod”:

p {
font-size:16px;
}

Odată ce ați făcut acest lucru, pur și simplu adăugați dimensiunea dorită a textului lângă linia „font-size” din codul CSS.

Ar trebui să arate așa.

După aceea, derulați în jos la secțiunea „Inserare” și alegeți modul „Inserare automată”.

Codul dumneavoastră va fi executat automat pe site-ul dumneavoastră la activare.

În cele din urmă, derulați înapoi în partea de sus a paginii și comutați comutatorul „Inactiv” la „Activ”.

După aceea, apasă pe butonul „Salvează fragmentul” pentru a executa codul.

Acum ați schimbat cu succes dimensiunea fontului pe site-ul dvs. WordPress.

Bonus: Schimbă culoarea textului în WordPress

Pe lângă dimensiune, s-ar putea să doriți să schimbați și culoarea textului de pe site-ul dvs. pentru a face conținutul mai lizibil și mai atrăgător din punct de vedere vizual. De asemenea, poate îmbunătăți brandingul dvs. și poate ajuta la evidențierea informațiilor importante.

Pentru a schimba culoarea textului, trebuie să deschideți o postare pe blog în editorul de blocuri și să alegeți un bloc Paragraf. Odată ce ați făcut acest lucru, comutați la fila „Stiluri” din panoul de blocuri și faceți clic pe opțiunea „Text”.

Aceasta va deschide instrumentul de selectare a culorilor, unde poți selecta o culoare de text la alegere pentru conținut.

Dacă doriți să schimbați culorile textului pe întregul site web, atunci puteți utiliza WPCode, care este cel mai bun plugin pentru fragmente de cod WordPress de pe piață.

La activare, accesați pagina Code Snippets » + Add Snippet din bara laterală de administrare WordPress și faceți clic pe ‘Use Snippet’ sub opțiunea ‘Add Your Custom Code’.

Acest lucru vă va duce la pagina „Creare fragment personalizat”, unde trebuie să selectați „Fragment CSS” ca tip de cod și apoi să copiați și să lipiți următorul cod în caseta „Previzualizare cod”:

p { color:#990000; }

Dacă doriți să utilizați o culoare diferită pentru antetele site-ului dvs., atunci va trebui să utilizați selectorii h1, h2, h3 sau similari.

În cele din urmă, faceți clic pe butonul „Salvează fragmentul” și comutați comutatorul „Inactiv” la „Activ”.

Acum ați schimbat cu succes culoarea textului pe întregul site web. Pentru instrucțiuni detaliate, consultați tutorialul nostru despre cum să schimbi culoarea textului în WordPress.

Tutorial video

Dacă nu vă plac instrucțiunile scrise, atunci puteți viziona videoclipul nostru în schimb:

Sperăm că acest articol v-a ajutat să învățați cum să schimbați cu ușurință dimensiunea fontului în WordPress. S-ar putea să doriți, de asemenea, să consultați ghidul nostru despre cum să utilizați fonturi personalizate în WordPress sau tutorialul nostru despre cum să dezactivați fonturile Google pe site-ul dumneavoastră WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.