V tem članku s pomočjo za WordPress vas bom korak za korakom popeljal skozi postopek dodajanja pisav po meri vašim temam blokov WordPress. To pomeni, da lahko KATERIKOLI temi dodate VSE pisave, na primer temi Twenty Twenty Three dodate Google Fonts.

Spodaj si lahko ogledate video vadnico ali pa jo preskočite in preberete članek (ki je na voljo v več jezikih z uporabo prevajalskih funkcij na tej strani). 

Pokažem vam, kako to nalogo opravite z uporabo vtičnika Create Block Theme, ki ga je neposredno razvila skupina razvijalcev WordPress. Zaradi tega je vtičnik izjemno lahek, visoko zmogljiv in zelo enostaven za uporabo s temami blokov. Pokažem vam tudi, kako rešiti pogosto težavo z dovoljenji, do katere lahko pride pri delu s tem vtičnikom.

S to metodo se lahko povežete s pisavami (tj. s povezavo do Google Fonts) ali vdelate pisave lokalno na svoje spletno mesto (za boljše delovanje spletnega mesta). Pojdimo vanj!

Kazalo

1. Namestite vtičnik »Create Block Theme«.

Za začetek se boste želeli prijaviti v skrbniško območje WordPressa, ki vas bo popeljalo na nadzorno ploščo. Od tam pojdite na Plugins>Add New iz glavne navigacije (rdeča puščica na zgornji sliki).

Z iskalno vrstico v zgornjem desnem kotu (na zgornji fotografiji označeno z zeleno) poiščite vtičnik »Ustvari temo bloka«. Ko se prikaže vtičnik Create Block Theme, kliknite gumb »Namesti zdaj«, da ga namestite na svoje spletno mesto (rdeča puščica).

Nato kliknite gumb »Aktiviraj«, da aktivirate vtičnik.

WordPress Simplified: Kako zgraditi zmogljiva spletna mesta, tečaj Davies Media Design

2. Onemogočite varnostni vtičnik (začasno)

Da bo preostanek tega postopka potekal nemoteno, boste morali začasno onemogočiti vse nameščene varnostne vtičnike, ki uporabnikom onemogočajo urejanje tem ali vtičnikov.

V mojem posebnem primeru uporabljam vtičnik SG Security (ki je priložen vsem spletnim mestom WordPress gostuje prek Sitegrounda – gostitelja, ki ga zelo priporočam). Zanesljivo vem, da ta vtičnik moti postopek dodajanja pisav po meri, zato bom onemogočil nastavitev, ki me moti.

V tem primeru se bom pomaknil do razdelka »Varnost spletnega mesta« vtičnika SG Security z uporabo glavne navigacije (rdeča puščica na zgornji sliki).

Nato se bom pomaknil navzdol do možnosti z oznako »Onemogoči urejevalnik tem in vtičnikov« (označeno z zeleno na zgornji sliki). Desno od te možnosti boste videli stikalo – kliknite stikalo, da onemogočite to funkcijo (rdeča puščica). V modri puščici v desnem kotu bi morali videti pojavno sporočilo »Uspeh«.

Ko je naš varnostni vtičnik začasno onemogočen, lahko preidemo na naslednji korak izbire in nalaganja pisav, ki jih želimo uporabiti na našem spletnem mestu.

Obstajata dve možnosti za uporabo pisav po meri v WordPressu.

3. Izberite pisave po meri za WordPress (povezane Googlove pisave)

Prva možnost je povezava do pisav na spletnem mestu tretje osebe, Google pisave. Ta možnost je preprostejša in traja manj časa za nastavitev, vendar upočasni hitrost nalaganja strani vašega spletnega mesta. Prav tako vas omejuje na pisave, ki so na voljo v storitvi Google Fonts (čeprav Google ponuja ogromno odličnih brezplačnih pisav). Če ste tehnično manj vešči in vas ne moti uporaba Googlovih pisav, priporočam to možnost.

Za začetek se v glavni navigaciji pomaknite do »Videz>Upravljanje pisav teme« (rdeča puščica na zgornji sliki).

V delovnem področju »Manage Theme Fonts« boste videli vse privzete pisave, ki so trenutno nameščene v WordPressu (označene z zeleno na zgornji sliki). Na desni strani delovnega območja so navedene tudi vaše pisave, skupaj z različnimi različicami vsake pisave in velikostjo datoteke za vsako različico pisave (obrobljene z modro).

Če želite svoji temi dodati novo pisavo, kliknite gumb »Dodaj Googlovo pisavo« (rdeča puščica).

Kliknite spustni meni »Izberi pisavo« in poiščite Googlovo pisavo, ki jo želite dodati na svoje spletno mesto (pisave so v abecednem vrstnem redu). Če niste prepričani, kako izgleda posamezna pisava, priporočam brskanje po spletnem mestu Google Fonts da raziščete pisave in jih preizkusite. Ko najdete pisavo, ki jo želite uporabiti, jo izberite v spustnem meniju (modra puščica).

Zdaj boste videli seznam vseh razpoložljivih različic, ki jih lahko namestite v svojo temo za to pisavo. Lahko potrdite polje ob posameznih različicah ali kliknete zgornje potrditveno polje (rdeča puščica na zgornji sliki), da izberete vse različice. Na desni strani zaslona boste videli seznam izbranih različic skupaj z njihovo velikostjo datoteke. Ko ste pripravljeni, kliknite »Dodaj Googlove pisave svoji temi« (zelena puščica).

Zdaj bi morali na vrhu delovnega področja videti sporočilo, da je bila pisava nameščena v vašo temo (v tem primeru v temo Twenty-Twenty Three). Nato lahko kliknete povezavo »Upravljanje pisav« znotraj polja s sporočilom o uspehu ali kliknete puščico nazaj (rdeča puščica na zgornji sliki), da se vrnete v delovno področje »Upravljanje pisav teme«.

Zdaj boste videli svojo novo nameščeno družino pisav, navedeno skupaj z ostalimi pisavami vaše teme (rdeča puščica na zgornji sliki). Videli boste tudi svojo družino pisav in vse z njo povezane različice pisav na desni strani delovnega območja (označeno z zeleno).

4. Vdelajte pisave po meri za WordPress (lokalne pisave za boljši SEO)

Druga možnost za dodajanje pisav na vaše spletno mesto WordPress je "vdelava" ali "lokalno gostovanje" vaših pisav. Z drugimi besedami, vaše datoteke s pisavami se bodo nahajale znotraj istega spletnega strežnika, ki gosti vaše spletno mesto.

Prednost te metode je, da ne zahteva pridobivanja pisav iz domene tretje osebe. Posledično se vaše pisave nalagajo hitreje in s tem tudi vaša spletna stran. Hitrejše nalaganje spletnih strani je boljše za uporabniško izkušnjo, kar pomeni, da lahko vašemu spletnemu mestu pomaga, da se uvrsti višje v iskalnikih in pridobi več prometa.

Z drugimi besedami, vdelane pisave so boljše za SEO (optimizacija iskalnikov).

Čeprav ta metoda zahteva nekaj dodatnih korakov, je še vedno precej enostavna in uporablja isti vtičnik, ki smo ga namestili prej (vtičnik Ustvari teme blokov).

Če želite pisave namestiti lokalno, začnite z navigacijo do Videz>Upravljanje pisav teme v glavni navigaciji (če še niste tam od zadnjega koraka – modra puščica na zgornji sliki). Nato kliknite gumb »Dodaj lokalno pisavo« v zgornjem desnem kotu delovnega območja (rdeča puščica).

Preusmerjeni boste v območje »Lokalne pisave«, kjer lahko izberete datoteko iz računalnika, ki jo želite naložiti v svojo temo. Pod gumbom »Izberi datoteko« boste videli seznam podprtih formatov datotek s pisavami. Te formate lahko dobite na katerem koli zaupanja vrednem spletnem mestu s pisavami, vključno z Google Fonts.

Poiščite in prenesite svojo izbrano pisavo iz storitve Google Fonts

Skočil bom na Google Fonts in uporabil iskalno vrstico (rdeča puščica) za iskanje pisave, ki jo želim – v tem primeru pisave »Catamaran«. Ko bo pisava navedena med rezultati, jo bom kliknil za ogled strani s pisavami (zelena puščica).

Nato bom kliknil gumb »Prenesi družino«, da prenesem to pisavo in vse njene različice v svoj računalnik. Če si želite ogledati vse razpoložljive različice te pisave, se lahko pomaknete navzdol po strani s pisavami.

Kliknite »Shrani«, da shranite zip datoteko pisave v svoj računalnik.

Razširite svojo mapo s pisavami za dostop do datotek s pisavami

Ko je prenos končan, kliknite puščico poleg končanega prenosa (rdeča puščica) in kliknite »Prikaži v mapi« (zelena puščica).

Z desno miškino tipko kliknite datoteko zip v raziskovalcu datotek in kliknite »Extract All«.

Prikaže se pojavno okno, ki vam pokaže, kje se črpajo pisave (rdeča puščica). To lokacijo lahko spremenite, če želite, sicer kliknite gumb z oznako »Izvleči« (zelena puščica). S tem boste mapo razpakirali in v računalniku ustvarili novo datoteko z vsemi razpakiranimi datotekami s pisavami. Ta mapa bi se morala samodejno odpreti.

Če ste datoteke s pisavami prenesli z Google Fonts, vnesite mapo z oznako »static«, da si ogledate vse svoje datoteke s pisavami. V nasprotnem primeru preprosto poiščite vse datoteke, ki so datoteke OTF, TTF, WOFF ali WOFF2.

Znotraj te »statične« mape boste videli seznam vseh različic pisav, ki smo jih prenesli za pisavo Catamaran iz Google Fonts. Skupaj je 9 različic in naložimo jih lahko vse na našo spletno stran ali samo tiste različice, ki jih želimo/potrebujemo. Kliknite lokacijo mape v raziskovalcu datotek (zelena puščica), nato z desno miškino tipko kliknite in izberite »Kopiraj«.

Naložite svoje pisave po meri v WordPress

Pomaknite se nazaj v WordPress, kjer imate odprto delovno področje »Lokalne pisave«. Kliknite gumb »Izberi datoteko« (rdeča puščica na zgornji sliki), da izberete svoje pisave. Lahko se ročno pomaknete do lokacije v računalniku, kjer so shranjene vaše pisave. Ali pa preprosto kliknite naslovno vrstico raziskovalca datotek (modra puščica), izbrišite naslov, ki je trenutno tam, nato z desno miškino tipko kliknite in izberite »Prilepi« (zelena puščica). S tem boste prilepili naslov, ki ste ga kopirali v prejšnjem koraku. Pritisnite tipko enter in preusmerjeni boste v mapo s svojimi pisavami.

Svoje različice pisave morate naložiti eno za drugo. Za ta primer bom preprosto naložil različico pisave »Catamaran-Regular«, tako da jo kliknem (zelena puščica) in nato kliknem gumb »Odpri« (rdeča puščica).

Zdaj bi morali videti informacije za »IME PISAVE«, »SLOG PISAVE« in »TEŽO PISAVE« ter predogled pisave na desni strani. Kliknite »Naloži pisavo v svojo temo« (rdeča puščica), da naložite različico pisave.

Oglejte si svoje tematske pisave po meri

Zdaj bi morali videti sporočilo o uspehu na vrhu delovnega območja (na zgornji sliki je označeno z zeleno). Čestitke – vaša pisava po meri je zdaj naložena v vašo temo kot lokalna pisava! Še naprej lahko kliknete »Izberi datoteko« in naložite poljubno število različic pisave.

Ko končate, kliknite povezavo »Upravljanje pisav« znotraj polja s sporočilom o uspehu ali puščico nazaj (označeno z rdečo puščico), da se vrnete v delovno področje Upravljanje pisav teme.

Zdaj boste videli novo družino pisav »Catamaran«, navedeno skupaj z ostalimi družinami pisav vaše teme (rdeča puščica). Poleg tega boste na desni strani okna Upravljanje pisav teme videli družino pisav in vse različice, ki ste jih namestili (označeno z zeleno).

5. Spremenite pisave svoje teme v pisave po meri

Zdaj, ko imate nameščene nove pisave, je čas za zabaven del!

Če želite spremeniti pisave svoje teme v pisave po meri, se pomaknite do urejevalnika spletnega mesta tako, da izberete Videz>Urejevalnik (rdeča puščica na zgornji sliki).

Kliknite kjer koli znotraj področja glavne vsebine (rdeča puščica) urejevalnika mesta, da prikažete kontrolnike.

V zgornjem meniju kliknite ikono »Slogi« (modra puščica). Nato kliknite »Tipografija« (rdeča puščica).

V razdelku »Elementi« lahko spremenite pisavo za besedilo, povezave, naslove ali gumbe. Za ta primer bom izbral možnost »Naslovi«.

Zdaj boste videli spustni meni pod »Tipografija«, kjer lahko izberete katero koli od svojih tematskih pisav (rdeča puščica). Vidite lahko, da sta pisavi »Neuton« in »Catamaran«, ki sem ju dodal za to vadnico, navedeni tukaj. Za pisavo naslova bom izbral »Neuton«.

Kliknite gumb »Shrani« v zgornjem desnem kotu, da shranite spremembe.

Še enkrat kliknite »Shrani« (rdeča puščica) in vaša pisava po meri bo zdaj shranjena za vse naslove na vašem spletnem mestu!

Nato lahko kliknete povezavo Pogled>Ogled spletnega mesta v zgornjem desnem kotu urejevalnika spletnega mesta (rdeče puščice na zgornji fotografiji), da vidite, kako izgleda vaše spletno mesto z vašo novo pisavo. Vrnite se v urejevalnik mesta in ponovite ta postopek za vse druge elemente, katerih pisavo želite prilagoditi.

Če se želite vrniti v skrbniško območje WordPress, kliknite logotip v zgornjem levem kotu urejevalnika spletnega mesta (zelena puščica), nato znova kliknite logotip.

6. Kako izbrisati pisave po meri iz WordPressa

Če želite izbrisati katero koli pisavo po meri, se začnite vrniti na Videz>Upravljanje pisav teme.

Celotno družino pisav lahko izbrišete tako, da se z miško pomaknete nad desno stran imena družine pisav in kliknete ikono smetnjaka, ki se prikaže (modra puščica). Ali pa se z miško pomaknite nad posamezne različice pisave in kliknite ikono koša (različice pisave se nahajajo znotraj zeleno označenega območja). Lahko tudi kliknete povezavo »Odstrani družino pisav«, da izbrišete katero koli družino pisav (vijolična puščica).

To je to za to vadnico! Če vam je bilo všeč, lahko preverite še mojega Članki pomoči za WordPress ali se vpišite v mojo Mojstrski tečaj WordPress na Udemy.

Davies Media Design Free Creative Apps e-novice

Naročite se na glasilo DMD

Prijavite se, če želite prejemati nove vadnice, posodobitve tečajev in najnovejše novice o vaših najljubših brezplačnih ustvarjalnih aplikacijah!

Uspešno ste vpisani!

It pin na Pinterest