Dodajanje in oblikovanje gumbov

Gumbi delujejo kot izpostavljeni elementi s pozivom k dejanju (Call to Action – CTA), ki izboljšajo uporabniško izkušnjo ter spodbujajo interakcijo na spletnem mestu. V urejevalniku Oxygen Builder lahko gumb preprosto vstavite ter prilagodite njegovo ciljno povezavo, slog, barve in tipografijo.

Postopek dodajanja in nastavitve gumba

Za vstavljanje in osnovno nastavitev novega gumba sledite spodnjim korakom:

1. V levi orodni vrstici kliknite gumb +Add.

2. Razširite razdelek Basics in kliknite Button. Na delovni površini se bo ustvaril nov gumb.

3. Z dvojnim klikom na ustvarjeni gumb spremenite njegovo besedilo.

4. Na levi strani se odpre plošča z nastavitvami elementa. V polje URL vnesite želeni spletni naslov ali pa kliknite gumb Set, da s seznama izberete podstran na svojem spletnem mestu.

5. V spustnem meniju Target določite način odpiranja povezave:

   • _self: odpiranje v istem zavihku.

   • _blank: odpiranje v novem zavihku.

   • _parent: odpiranje v nadrejenem okvirju.

   • _top: odpiranje v celotnem oknu brskalnika.

Oblikovanje in prilagajanje sloga gumba

V levi nastavitveni plošči lahko podrobno prilagodite vizualno podobo gumba:

1. Slog in velikost gumba

• Button Style: izbira med dvema osnovnima slogoma:

  • Solid: poln gumb z ozadjem.

  • Outline: gumb z zunanjo obrobo in prosojnim ozadjem.

• Button Size: nastavljanje velikosti gumba z vnosom vrednosti (številčna vrednost od 5 do 25).

2. Barvne nastavitve

• Button Color: klik na barvni krožec odpre izbirnik za nastavitev osnovne barve ozadja ali obrobe gumba.

• Button Hover Color: določitev barve gumba ob prehodu kurzorja miške čez element.

• Text Color: nastavitev barve besedila v gumbu.

3. Tipografija

• Text Size: vnos želene velikosti pisave besedila.

• Font Family: izbira družine pisave iz spustnega menija.

• Font Weight: določitev debeline pisave z vrednostmi od 100 do 900 (vrednost 400 predstavlja običajno debelino, vrednost 700 pa krepko pisavo).

Po končanem urejanju v zgornjem desnem kotu urejevalnika kliknite gumb Save, da shranite in objavite vse spremembe.