Kaip pridėti “Google” šriftus į savo “WordPress” svetainę be papildinio

Kiekvienas nori patobulinti savo svetainės vizualinį dizainą. Daugelis tyrimų atskleidžia, kad vartotojo patirtis priklauso nuo jūsų svetainės dizaino.


Daugelio SEO ekspertų, klientų analizės ekspertų ir rinkodaros specialistų teigimu, kuo patrauklesnis bus jūsų svetainės dizainas; daugiau skaitytojų domėsis jūsų svetaine.

Tipografija vaidina gyvybiškai svarbų vaidmenį gerinant bendrą dizainą. Kaip žinote, daugelis interneto svetainių kūrėjų naudoja pasirinktinius šriftus savo „WordPress“ temose; mes ketiname daryti tą patį.

Šiame vadove sužinosite apie „Google“ šriftų pridėjimą prie „WordPress“ svetainės nenaudodami jokio papildinio.

Kai kurie „WordPress“ vartotojai nusprendžia ką nors pakeisti savo svetainėje, jie visada ieško patogaus būdo ir visi žino, kad oficialioje „WordPress“ saugykloje yra tūkstančiai nemokamų papildinių..

Dabar ir tada žmonės vis prideda daugiau papildinių, o tam tikru momentu jie skundžiasi dėl prastų puslapių įkėlimo laiko.

Kam reikalingas papildinys, jei galite jį atlikti be jokio?

Pasirinkite savo mėgstamą „Google“ šriftą ir pridėkite jį prie savo svetainės

Gali būti, kad peržvelgę ​​bet kurios svetainės šriftą ir susimąstėte, kaip pritaikyti tą šriftą savo svetainėje. Na, aš turiu atsakymą į jūsų klausimą.

Nors ne visus šriftus galima rasti „Google“ šriftuose, galite rasti gražių tipografijų.

Pradėkime procesą.

1 žingsnis

Eikite į oficialią „Google Fonts“ svetainę ir suraskite geriausią norimą naudoti šriftą. Slinkite šiek tiek žemyn ir patikrinkite, ar galite rezonuoti su bet kuria iš jų.

Norėdami pasirinkti šriftą, jums tereikia spustelėti raudonas pliuso mygtukas. Bet jei norite tyrinėti šriftą, spustelėkite jo langelį ir pamatysite skirtingus stilius.

Kaip pridėti

Galite pabandyti pakeisti šrifto svorį, dydį ir stilių.

2 žingsnis

Galite lengvai rasti raudoną pliuso mygtuką, kad galėtumėte naudoti jums patinkantį šriftą. Pamatysite ruda juosta kompiuterio ekrano apačioje.

Spustelėkite, kad atidarytumėte, ir pamatysite instrukcijas, kaip naudoti šriftą.

Norėdami pridėti „Google“ šriftus į savo svetainę, galite naudoti du metodus. Aš siūlau jums naudoti standartinis būdas. Taip pat galite naudoti "Importuoti" metodas; tavo pasirinkimas.

Kaip pridėti

Dabar kyla klausimas, kur jums reikia tai pridėti  žyma?

Jei pastebėjote, yra aiškus nurodymas pridėti nuorodą į  savo svetainės žyma.

3 žingsnis

Tikiuosi, kad jau spėjote atspėti  žyma yra jūsų svetainės antraštėje. Bet kaip jūs galite jį rasti?

Kaip žinote, „WordPress“ svetainių dizainą kontroliuoja „WordPress“ tema, todėl jūs turite redaguoti failą header.php.

Norėdami tai padaryti, turite pereiti į Išvaizda>>Redaktorius prisijungdami prie „WordPress“ administratoriaus skydelio.

Kaip pridėti

4 žingsnis

Turbūt jau žinojote, kad atidarę redaktorių pamatysite CSS failą, tačiau jums reikia antraštė.php byla.

Norėdami tai padaryti, ieškokite Temos antraštė vertikaliame naršymo meniu. Spustelėkite norėdami atidaryti.

5 žingsnis

Jei elgiatės teisingai, kartu su „WordPress“ temos pavadinimu galite pamatyti failo pavadinimą.

Temos pavadinimas: Temos antraštė (header.php)

Kaip pridėti

Kaip mes jau aptarėme, turite pridėti  pažymėti  žyma. Tai panašu į svetainės pateikimą „Google Search Console“.

Galite pamatyti žymas. Įklijuokite žymą, kurią nukopijavote iš „Google“ šriftų.

Spustelėkite Atnaujinti failą.

6 žingsnis

– Dabar jums gali kilti klausimas, koks yra geriausias įmanomas būdas pakeisti savo tinklaraščio įrašų antraštes. Na, jei norite tai padaryti, turite nukreipti į HTML elementus naudodami CSS.

Leiskite parodyti jums pavyzdį.

h1 {
šriftų šeima: ‘Lato’, sans-serif;
}

Ar tai nėra lengva? Jei šiek tiek žinote apie CSS, galite modifikuoti visos savo svetainės tipografiją.

Jei nesate nuovokus žmogus, turėtumėte nesuprasti kodų. Jei norite, visada turėtumėte sukurti atsarginę savo svetainės ar bent jau „WordPress“ temos atsarginę kopiją.

Norėčiau paminėti alternatyvą, taip pat galite pridėti „Google Fonts“ per failą function.php, tai gali būti sudėtingas procesas pradedantiesiems, taigi kol kas mes laikomės paprasčiausio metodo..

Ar kada galvojai pakeisti savo svetainės tipografiją

Mano klientai reikalauja patobulinti bendrą dizainą pridedant naują šriftą, o mes visada naudojame „TypeKit“ arba „Google“ šriftus.

Kaip žinote, „Google“ siūlo nemokamus sprendimus, todėl jums nereikia papildomų šriftų. „Google“ bibliotekoje yra daugybė nemokamų šriftų.

Koks yra jūsų mėgstamiausias šriftas? Jei esate žiniatinklio kūrėjas, galite žinoti, kad „Roboto“ iki šiol buvo vienas iš dažniausiai naudojamų šriftų.

Išvada

Norėdami išvengti papildinio, turite atlikti paprastus veiksmus. Redaguoti „WordPress“ temos antraštės failą nėra taip sunku.

Tikiuosi, kad jūs jau žinote, kaip pridėti pasirinktinį kodą savo svetainės antraštėje ir poraštėje. Tai vienkartinis dalykas; jums to nebereikia liesti dar kartą. Tikiuosi galite tai padaryti.

Peržiūrėkite šias 3 populiariausias „WordPress“ prieglobos paslaugas:

„FastComet“

Pradinė kaina:
2,95 USD


Patikimumas
9.7


Kainodara
9.5


Draugiškas vartotojui
9.7


Palaikymas
9.7


funkcijos
9.6

Skaitykite apžvalgas

Apsilankykite „FastComet“

„Hostinger“

Pradinė kaina:
0,99 USD


Patikimumas
9.3


Kainodara
9.3


Draugiškas vartotojui
9.4


Palaikymas
9.4


funkcijos
9.2

Skaitykite apžvalgas

Apsilankykite „Hostinger“

A2 talpinimas

Pradinė kaina:
3,92 USD


Patikimumas
9.3


Kainodara
9,0


Draugiškas vartotojui
9.3


Palaikymas
9.3


funkcijos
9.3

Skaitykite apžvalgas

Apsilankykite „A2 Hosting“

Susiję patarimų straipsniai

  • Kaip išjungti PHP vykdymą, siekiant pagerinti svetainės saugumą, naudojant cPanel
    tarpinis
  • Kaip pridėti WordPress administratoriaus vartotoją naudojant PHP kodą
    ekspertas
  • Kaip pridėti „Google“ šriftus į savo „WordPress“ svetainę
    naujokas
  • Kaip pakeisti numatytąjį rodyklės puslapį naudojant FTP
    tarpinis
  • Kaip įvairiais būdais pridėti pasirinktinę CSS prie savo WordPress svetainės
    tarpinis
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me