Začnite tukaj

Styling

Začnimo z oblikovanjem predloge.

Barve

Predloga Web3 X je zgrajena z uporabo barvnih vzorcev, kar pomeni, da lahko preprosto uredite barvni vzorec, ki se posodobi na celotnem spletnem mestu.

Če želite to narediti, morate v desni stranski vrstici odpreti zavihek Slog, nato pa se pomakniti do razdelka Barve v razdelku Tipografija in če kliknete barvo, boste lahko videli vse barvne vzorce in jih uredili, da se posodobijo na celotnem spletnem mestu v katero koli potrebno barvo.

Pisave

Predloga Web3 X uporablja eno samo pisavo na celotni strani in je nastavljena v izbirniku Body (All Pages ), kar pomeni, da lahko z enim klikom preprosto posodobite pisavo na celotnem spletnem mestu.

Na kateri koli strani kliknite oranžno izbirno možnost v zgornjem desnem kotu zavihka Slog in nato izberite Telo (vse strani). Ko to storite, lahko preidete v spodnji razdelek Tipografija in spremenite pisavo v poljubno pisavo za vašo poslovno znamko.

Če potrebujete pisavo po meri ali premium pisavo, ki ni na voljo v Webflowu, lahko vedno obiščete Nastavitve projekta > Pisave in naložite pisave po meri ali povežete svoj račun Adobe Fonts.

Grafike in ikone

Nekatere ikone ali grafike v predlogi so običajne slike/grafike, zato boste pri posodabljanju vseh barv opazili, da imajo še vedno barvo predloge.

To se zgodi, ker so te grafike slike (PNG, JPG, SVG itd.), zato posodabljanje slogov CSS (styling) spletnega toka nanje ne vpliva. Če želite te grafike ponovno uporabiti, jih lahko vedno prenesete in uredite s katero koli programsko opremo za oblikovanje (npr. Photoshop, Illustrator, Sketch, Figma itd.) ali neposredno naložite svoje slike/grafike, ki ustrezajo vaši blagovni znamki.

Statične strani

Statična vsebina je vsa vsebina, ki ne temelji na sistemu CMS, kar pomeni, da ni dinamična (kot na primer objava v blogu).

Vse te vsebine lahko zlahka prepoznate, saj so v navigacijski vrstici na levi strani prikazane v sivi barvi in imajo modro obrobo, ko jih kliknete ali se z miško pomaknete nanje.

Če želite urediti to vrsto vsebine, jo lahko samo dvakrat kliknete in jo neposredno vnesete.

Dinamična vsebina (CMS)

Dinamična vsebina je vsa dinamična vsebina, ki se samodejno generira na podlagi vsebine, dodane v razdelku CMS v levi stranski vrstici (tik pod ikono strani).

Vse to lahko zlahka prepoznate, saj je v levi stranski vrstici Navigator prikazan kot vijolična barva in ko ga kliknete ali se z njim pomaknete, je obrobljen z vijolično obrobo.

To vsebino je treba posodobiti neposredno v razdelku CMS. To je namenjeno temu, da jo lahko zelo enostavno posodabljate, saj je zelo verjetno, da jo bo treba nenehno posodabljati (na primer dodajanje nove objave v blogu).

Če želite urediti celotno samodejno ustvarjeno stran sistema CMS (na primer objavo v blogu), boste to stran našli za urejanje na dnu vseh strani v razdelku Strani v levi stranski vrstici.

Izdelki (e-trgovina)

Izdelki ali vsebina e-trgovine delujejo podobno kot dinamična vsebina sistema CMS, vendar so osredotočeni izključno na izdelke e-trgovine.

Vsebino e-trgovine lahko prepoznate na podoben način kot vsebino sistema CMS, saj je tudi ta prikazana v vijolični barvi v navigacijski vrstici na levi strani in ima vijolično obrobo, ko jo kliknete ali se z njo pomaknete.

To vsebino je treba posodobiti neposredno v zavihku e-trgovina v levi stranski vrstici. To je namenjeno temu, da jo lahko zelo enostavno posodobite, saj je zelo verjetno, da jo bo treba stalno posodabljati (na primer spremeniti ceno izdelka ali dodati več zalog).

Če želite urediti samodejno ustvarjeno stran e-trgovine z izdelki, je ta stran na voljo za urejanje skoraj na dnu vseh strani, tik nad stranmi zbirke CMS.

Koristne opombe

Poleg glavne osnovne razlage, ki smo jo delili zgoraj, delimo nekaj nasvetov in navodil, ki izhajajo iz najpogostejših vprašanj, ki jih prejemamo.

Interakcije

Če želite urediti katero koli interakcijo predloge (npr. odstraniti učinek pojavljanja), lahko zlahka prepoznate elemente, ki imajo interakcije, saj imajo v navigacijski vrstici na levi strani majhno ikono Interakcije (majhen grm).

Če kliknete to majhno ikono Interakcije, se odpre zavihek Interakcije v desni stranski vrstici za ta element, kjer lahko urejate interakcijo.

Mobilni ali tablični pogled

Ob vsaki spremembi (na primer, ko ustvarite novo zasnovo razdelka) je dobro, da greste v zgornjo navigacijo v prikaznem polju in preverite, kako je videti v tabličnem računalniku in mobilnem telefonu.

Če uredite le razdelek predloge s posodobljenim besedilom ali slikami in ne izbrišete nobenega razreda predloge, to ne bi smelo biti potrebno, če pa prilagodite predlogo bolj poglobljeno, urejate razrede ali ustvarjate nove razdelke, je vedno dobro nenehno urejati mobilne in tablične poglede, da zagotovite, da je vse videti popolno.

Urejanje meta naslova, Desc in priporočene slike

Če želite prilagoditi naslov, opis in sliko, ki se prikažejo, ko svoje spletno mesto delite na katerem koli mestu (npr. Facebook, Twitter itd.), lahko preprosto obiščete razdelek Strani v levi stranski vrstici, kliknete ikono Nastavitve strani, ki jo želite prilagoditi, in prikazale se bodo vse te nastavitve.

Upoštevajte, da je pomembno, da to spreminjate na podlagi strani.

Varnostne kopije

Če gre kaj narobe, na primer, če vam ni všeč, kam gre spletno mesto, če ste izbrisali nekaj kritičnih razredov, ki so bili potrebni za lep videz predloge, ali če želite iz katerega koli razloga preiti na prejšnjo različico, lahko vedno obiščete razdelek Varnostne kopije.

Najdete ga v razdelku Nastavitve v levi stranski vrstici, nato pa si lahko ogledate vse samodejne ali ročne varnostne kopije. Obnovitev na staro varnostno kopijo je oddaljena le en klik.