Web stranica Wix iz tvrtke Scratch - Grid Gallery

• Travanj 29, 2024

U ovom tutorialu ćemo na našu web lokaciju Wix dodati galeriju koju smo stvorili iz praznog predloška. Početi od nule odličan je način da naučite osnove.

Za razliku od Wix predložaka koji nisu zamjenjivi, možete promijeniti tip galerije za novi izgled u bilo kojem trenutku. Postoje mnoge vrste galerija, od zidarske mreže do saće. Svaka galerija ima svoje značajke. Pogledajmo osnovnu Grid (portretnu) galeriju.

1. Kliknite ikonu Plus u lijevom izborniku i odaberite Gallery s popisa.
   
   
2. Zadržite pokazivač miša iznad sličice galerije da biste vidjeli pregled i opis.
   
   
3. Sada povucite Grid galeriju na stranicu.
   
   
4. Upotrijebite ručke za promjenu veličine kako biste promijenili veličinu mreže po želji. Promijenio sam veličinu rešetke na širini od 980 stranica.
   
   U ovom trenutku galerija ima neke slike rezerviranog mjesta. Zadržimo ih za sada i radimo na prilagođavanju postavki galerije za naše potrebe.
   
   Postavke galerije mreže
   
   Skaliranje slike - imate mogućnost obrezati ili smanjiti sliku kako bi se uklopila u okvir. Postavka automatskog obrezivanja automatski će obrezati slike kako bi stala u okvir, a opcija Fit prilagodila je veličinu slike kako bi se uklopila u okvir.
   
   Kad se klikne - imate tri opcije za ono što se događa kad se klikne slika galerije. Jedna mogućnost da se ništa ne dogodi. Drugo je da se slika otvori kao skočni prozor. Treći je otvaranje veze. Većinu vremena skočni prozor je dobar izbor jer se slika prikazuje u većoj veličini. Ali ako želite posjetitelja poslati na drugu stranicu, koristite opciju A Link Opens.
   
   
5. Odaberite Galerija i kliknite ikonu Postavljanje u skočnom izborniku.
   
   
6. U prozoru Postavke mreže pronađite odjeljak Kako se slike ponašaju. Odaberite Autocrop ili Fit.
   
   
7. U odjeljku Kada kliknete postavite jednu od tri opcije.
   
   Dizajn galerije
   
   Kao što je spomenuto gore, dizajne galerija možete prebaciti u bilo koje vrijeme. Ali nastavimo s prilagođavanjem našeg rešetka. Za dizajn rešetke možemo prilagoditi obrub, uglove, sjenu i tekst.
   
   
8. S odabranom galerijom kliknite ikonu Dizajn (četkica za boju).
   
   
9. Za postavke Granice možemo promijeniti boju, neprozirnost i širinu obruba. Zadržimo zadanu postavku širine postavljenu na 0 i stoga nema granice.
   
   
10. Kutni radijus - kliknite ikonu za kutni radijus i postavite polumjer gornjeg lijevog kuta po želji. Kao što ikona veze pokazuje, ostala tri kuta ažurirat će se da odgovaraju.
    
    
11. Shadow - Odaberite ikonu Shadow. Da biste dodali sjenu, kliknite prekidač Omogući sjenu i postavite kut, udaljenost, veličinu, zamagljivanje i boju / neprozirnost sjene.
    
    
12. Tekst - Kliknite ikonu T da biste postavili opcije za postavke naslova, opisa i drugih teksta. Promijenimo tekst iz zadanog u našu temu teksta stavka 1. Ponovite za tekst Opis.
    
    Postavke izgleda
    
    Za dizajn Grid galerije možemo kontrolirati broj stupaca i redaka za sličice. Također možemo kontrolirati razmak između sličica i način na koji se tekst prikazuje preko slike.
    
    
13. S još uvijek odabranom galerijom kliknite ikonu Izgled s skočnog izbornika.
    
    
14. Pomoću klizača postavite broj stupaca i redaka. Dodavanje više stupaca i redaka rezultirat će manjim sličicama u mreži.
    
    
15. Pomoću klizača Spacing možete povećati količinu piksela između sličica. Dodavanjem više prostora smanjit ćete veličinu sličica.
    
    
16. Ispod klizača nalazi se odjeljak za usklađivanje teksta. Imate mogućnost da se tekst prikazuje lijevo, desno ili u sredini.
    
    

Snimke zaslona koje upotrebljava dopuštenje Wix.com, Inc.

Upute Video: Podsticaji manjim preduzećima: Web stranica za pola eura (Travanj 2024).