Kako dodati Fontello v WordPress

Rifat WordPress Tutorials Oct 3, 2023

Vsi vemo, kako vizualni materiali pritegnejo pozornost in učinkovito podajo ideje, kajne? Ne glede na to, ali ste profesionalec v oblikovanju ali ste šele začeli, imamo nekaj odličnega za vas: Forntello. To je orodje, ki lahko popolnoma spremeni videz in občutek vaših tematskih ikon.

V tem priročniku se bomo osredotočili na določen dragulj, imenovan Fontello . Je kot zakladnica ikon pisav, ki jih uporabljajo številne priljubljene teme, kot so tiste, ki so jih ustvarili ThemeREX, Axion in Ancora. Če je vaše spletno mesto oblečeno v katero koli od teh tem, vam bomo pokazali čeden trik. Naučili se boste, kako svoji temi dodati dodatne ikone in tako dodati tisto osebno noto, zaradi katere je vaše spletno mesto resnično vaše. Ostanite z nami in začnimo!

Uvod v Fontello

Fontello je kul spletno mesto, kjer lahko ustvarite svoj lasten niz posebnih ikon. Na izbiro je toliko ikon! Izberete lahko tiste, ki so vam všeč, in naredite svojo zbirko ikon. To je tako, kot če bi ustvarili svoj skrivni kodni jezik za svoje spletno mesto, vendar vam ni treba biti strokovnjak za kodiranje. Če vaša spletna stran uporablja temo, ki so jo izdelali isti razvijalci, je še lažje!

Ko obiščete spletno mesto Fontello , boste na glavni strani našli veliko in veliko pisav, med katerimi lahko izbirate. Lahko jih pregledate vse ali uporabite iskalno polje, da poiščete določene. Ko izberete želene ikone, jih lahko sestavite v svoj poseben paket.

Ustvarite neverjetna spletna mesta

Z najboljšim brezplačnim graditeljem strani Elementor

Začni zdaj

Zdaj pa začnimo in dodamo vaš paket ikon Fontello na vaše spletno mesto!

Dodajanje Fontella v WordPress

1. korak: Pridobite nove datoteke s pisavami ikon

Najprej boste morali izbrati nove ikone, ki jih želite postaviti na svoje spletno mesto. To lahko storite kar na spletnem mestu Fontello. Če pa iščete res edinstvene ikone, pojdite na Flaticons .

Ko izberete ikone, ki so vam všeč, boste prejeli datoteko zip z ikonami in nekaj nastavitvenimi datotekami. Odprite to datoteko zip in shranite stvari v mapo, ki jo boste zlahka našli, na primer namizje. Pomembna datoteka, ki jo boste potrebovali v naslednjih korakih, se imenuje Flaticons.svg. Poskrbite, da bo spletno mesto Fontello odprto v vašem brskalniku, ker ga bomo kmalu spet potrebovali!

2. korak. Poiščite datoteke s pisavami Fontello na temah

Najprej poiščite mapo, v kateri so shranjene datoteke pisave vaše teme. Recimo, da uporabljate temo Jacqueline podjetja ThemeREX – v tem primeru so datoteke v /wp-content/themes/jacqueline/css/font-icons .

Točno mesto se lahko nekoliko razlikuje glede na vašo temo, zato se boste morda morali malo razgledati. Toda večino časa jih boste našli nekje pod /wp-content/themes/theme-name/ .

Ko najdete datoteke s pisavami ikon svoje teme, boste morali pridobiti tudi config.json. To bomo uporabili za dodajanje vseh ikon iz vaše trenutne teme v novo pisavo ikon.

3. korak: Dodajte ikone trenutne teme v Fontello

Povlecite datoteko config.json v območje ikon po meri na spletnem mestu Fontello.

S tem boste ustvarili nov paket ikon z vsemi ikonami iz vaše obstoječe teme.

4. korak: dodajte nove ikone v Fontello

Ikone, ki ste jih izbrali in prenesli v 1. koraku, morate zdaj dodati v Fontello. Datoteko Flaticon.svg povlecite iz arhiva v območje ikon po meri, kamor ste spustili datoteko config.json, da to dosežete.

Videli boste, da je bil seznam ikon po meri posodobljen in vključuje vaše nove ikone iz zbirke Flaticons. S klikom in izbiro posameznega simbola lahko nove ikone dodate v zbirko edinstvenih ikon Fontello.

5. korak: Prenesite posodobljeno zbirko

Zdaj lahko prenesete novo ustvarjeno pisavo ikon, ki vključuje nove ikone, ki jih izberete, in stare ikone iz vaše teme. To lahko storite s klikom rdeče ikone za prenos spletnih pisav.

6. korak: Zamenjajte datoteke s pisavami ikon teme

V isti imenik, iz katerega ste dobili konfiguracijsko datoteko, morate naložiti svojo novo pisavo ikon in konfiguracijske datoteke (2. korak). Preprosto morate povleči vsebino prenosa na svoje tematske datoteke, zamenjati vse obstoječe datoteke z novimi in vse bi moralo delovati, kot mora.

To je vse, kar je res!

Zdaj boste videli vse nove ikone, ki jih izberete poleg tistih, ki jih že imate, ko urejate objavo ali stran. Lahko še naprej uporabljate pisave, ki jih že imate, ali pa spremenite videz svojega spletnega mesta, da bo postalo bolj značilno.

Zavijanje


Odlično, če ste sledili tem korakom in imate temo, ki deluje s Fontello ! Vaše spletno mesto lahko zdaj naredi še več kul stvari, da postane vaše. Čeprav se to morda ne zdi nič posebnega, lahko s spremembo pisave ikon na vašem spletnem mestu dejansko izstopa in postane edinstveno v primerjavi z drugimi podobnimi spletnimi mesti.

Divi WordPress Theme