Ați dorit vreodată să modificați fonturile de pe un site web WordPress? Alegerea unui font nou cu personalizatorul nu este dificilă. Provocarea vine atunci când doriți să utilizați un font care nu vine cu tema sau dacă elementul pe care doriți să îl modificați nu are nicio opțiune pentru a face acest lucru.
Schimbați fonturile personalizabile
Pentru a obține mai multe fonturi, instalați mai întâi Fonturi Google ușoare plugin pentru site-ul dvs.
1. Accesați „Pluginuri -> Adăugați un nou”.
2. Căutați „Easy Google Font”.
3. Faceți clic pe Instalare și apoi pe Activare.
4. Acum există mai multe opțiuni de font pe site-ul dvs. Pentru a le schimba, accesați setul de personalizare (Aspect -> Personalizare).
5. Faceți clic pe „Tipografie -> Tipografie tematică”.
6. Faceți clic pe săgeata drop-down și derulați în jos. Ar trebui să vedeți multe alte fonturi disponibile.
7. Faceți clic pentru a selecta cea pe care doriți să o utilizați.
Este destul de simplu să folosiți pluginul pentru a schimba textul care este deja personalizabil în tema dvs. Partea frustrantă vine atunci când doriți ca o anumită bucată de text să fie un alt font și nu există unde să o schimbați!
Pentru a le personaliza, trebuie să modificați codul CSS pentru acea parte a site-ului web. Cu toate acestea, este ascuns, deci trebuie să îl urmăriți.
Obțineți extensiile
În browserul Google Chrome, căutați o extensie numită WhatFont, apoi instalați-l și permiteți-l să ruleze.
Când este activat, WhatFont identifică orice font găsit pe orice site web. Deci, dacă vă place un font și doriți să-l utilizați în munca dvs., plasați mouse-ul peste text în timp ce funcționează WhatFont și acesta vă va arăta numele fontului.
Următoarea extensie pe care trebuie să o instalați și să o activați este Firebug Lite. Acesta afișează codul site-ului și vă permite să editați în direct proprietățile CSS. Această extensie facilitează găsirea și modificarea fonturilor, găsind locația textului în cod.
Găsiți fontul
Pentru a afla numele fontului pe care îl utilizează tema dvs. în prezent:
1. Activați WhatFont făcând clic pe pictograma acestuia
2. Plasați cursorul pe fontul pe care doriți să îl identificați.
3. Notați numele fontului.
4. Dezactivați WhatFont.
Următorul pas este de a localiza CSS cu acel font în cod.
1. Deschideți personalizatorul așa cum ați făcut mai devreme.
2. Deschideți Firebug Lite (pictograma unei erori cu o șurubelniță).
3. Când activați Firebug, codul site-ului se afișează în partea de jos a ecranului.
Trebuie să fii foarte atent să lucrezi cu acest cod, mai ales dacă nu ești expert în CSS. Dacă urmați instrucțiunile bine, totuși, ar trebui să puteți schimba fonturile suficient de ușor, fără a vă distruge site-ul. Ar fi o idee bună să faceți o copie de rezervă a site-ului înainte de a trece mai departe.
Găsiți fontul curent al textului pe care doriți să îl modificați.
1. Faceți clic pe CSS.
2. Alegeți fișierul style.css. (Este un fișier lung.)
3. Lovit Ctrl + f și tastați fontul pe care l-ați notat în caseta de căutare.
4. În acest exemplu, am căutat Helvetica și puteți vedea în portocaliu locația fontului respectiv în stilurile CSS.
4. Evidențiați și copiați locația fontului. L-am evidențiat în galben în poza de mai sus. Dacă există mai multe locații listate, copiați doar una dintre ele.
Creați un control al fontului
Controalele fontului indică pluginului unde CSS folosește fontul pe care dorim să îl schimbăm. Acest pas poate fi un pic de încercare și eroare, mai ales dacă fontul pe care îl căutați se află în mai multe locuri diferite de pe site-ul dvs.
1. Reveniți la panoul de administrare, plasați cursorul peste setări și faceți clic pe Fonturi Google.
2. Faceți clic pe „Creați un nou control al fontului”.
3. Redenumiți-l pentru a descrie locația noului font.
4. Lipiți locația pe care ați copiat-o din lista CSS în caseta de selectare CSS.
5. Faceți clic pe caseta de anulare a stilurilor de forță.
6. Salvați.
Verifică
Reveniți la personalizatorul dvs. și localizați locul în care doriți să se schimbe fontul. Găsiți caseta derulantă pentru controlul fontului pe care tocmai l-ați făcut. Trageți-l în jos și selectați fontul pe care doriți să îl utilizați. Dacă funcționează cu succes, fontul se modifică imediat ce faceți clic pe el.
Dacă nu funcționează, reveniți la comenzile pentru fonturi, ștergeți locația pe care ați lipit-o și încercați din nou folosind o altă locație în CSS-ul dvs. în care a fost listat fontul original. Amintiți-vă, este posibil să dureze mai multe încercări pentru ca acesta să funcționeze.
Chiar dacă utilizați o temă comună, posibilitatea de a schimba orice font din tema dvs. WordPress îi va oferi site-ului dvs. un aspect unic. Asigurați-vă că site-ul dvs. este actualizat corect și încercați acest lucru.
