Globalne barve v Oxygen

Globalne barve so barve, ki se pojavljajo čez celotno spletno stran. Konsistentna raba le-teh je ključnega pomena še posebej v primeru, ko velja rek, da »Danes lahko vsak izdela svojo spletno stran!« To deloma drži, deloma pa ne. Obstaja veliko platform, ki omogočajo izdelavo spletnih strani tako, da primemo in potegnem (drag’n’drop) vsebino na želeno mesto. Med temi platformami sta najbolj poznani Squarespace in Wix, v isti kategoriji pa je potrebno omeniti tudi WordPress, saj z uporabo nekaterih vtičnikov za vizualno izdelavo spletnih strani omogoča ravno to.

 

Eden izmed takih WordPress vtičnikov je Oxygen Builder, ki omogoča urejanje spletnih strani s klikom, na način povleci in spusti ter tudi na način pisanja lastne kode po meri (HTML, CSS, PHP itd.). Platforma WordPress predstavlja 51 % delež trga CMS urejevalnikov: več kot 27 milijonov spletnih strani na svetu temelji na platformi WordPress. Kljub temu se pogosto pojavlja očitek, da so vse WordPress strani enake zaradi uporabe predlog. No, tu nastopi Oxygen Builder, ki omogoča, da izdelate stran povsem po meri – brez uporabe WordPress predlog. Za osnovno postavitev pa je že dovolj, da so globalni stili pravilno nastavljeni.

 

Uporabljeni vtičniki

 

• Oxygen Builder (plačljivi)

 

---

 

Globalne barve

 

Pri izdelavi spletnih strani je dobra praksa, da nastavite nekatere globalne parametre oblikovanja, ki jih boste pogosto uporabljali. Sem sodijo naslovi, slogi pisav, barve, povezave itd. Prihranimo na času, če so globalni stili dosledno nastavljeni vnaprej.

 

Odpremo katerokoli stran ali Oxygen predlogo. V Oxygen vmesniku na desni strani s pustnega seznama 1) Manage izberemo Settings. Pod spustnim seznamom se nam odprejo dodatne možnosti nastavitev. Izberemo zavihek 2) Global Styles. Odprejo se nam dodatni zavihki, na katerih lahko nastavimo barve, pisave ter velikost razdelkov na spletišču. Večina nastavitev je že prednastavljenih, za osebni pridih pa bomo nastavili barve ter pisave.

 

 

Na desni strani vmesnika kliknemo zavihek 3) Colors. V razdelek z nastavitvami se bomo vrnili tudi v sorodnih navodilih, kjer bomo namesto Colors izbrali Fonts, Headings ali Body Text.

 

 

Odprejo se nam dodatne možnosti za urejanje barv spletišča. Oxygen nam daje možnost urejanja 4) globalnih barv ali 5) ustvarjanja nove barvne palete. Postopek določanja barv je v obeh primerih enak, mi pa se bomo odločili za nastavitev globalnih barv. Kliknemo zavihek 4) Global colors.

 

 

Dodajanje barv

 

V barvno shemo lahko dodamo več barv. Naslednje korake ponovite tolikokrat, kolikor barv želite dodati.

 

 

Za dodajanje barve kliknemo 6) Add color. Odpre se nam vmesnik za dodajanje barve. Vsaka barva ima dve lastnosti – ime ter vrednost. V prvem polju 7) poimenujemo barvo. Kako poimenujete barvo, ne igra posebne vloge. Gre za dodatno pomoč, kjer lahko opisno poimenujete barve glede na rabo (primarna, sekundarno) ali glede na njihovo rabo (naslovna, opisna, črta itd.). V primeru večih sorodnih barv priporočamo takšno poimenovanje, po katerem boste takoj vedeli, katero barvo morate izbrati zato, da ohranite konsistenten dizajn na celotni strani. V nadaljevanju barvi določimo vrednost tako, da kliknemo na 8) barvni krog, kar odpre vmesnik za izbor barve. Izberemo barvo ali pa vnesemo njeno HEX vrednost v pripadajoče polje. Ko smo zaključili z urejanjem, kliknemo 9) Add color.

 

 

 

Barva je dodana med globalne barve. Za dodajanje nove, ponovimo korake 6-9. Ko smo zaključili z dodajanjem barv, kliknemo gumb 10) Save. V kolikor želite kasneje kakšno barvo spremeniti, zbrisati ali na novo dodati, ponovno sledite vsem korakom.