Spletno mesto Wix iz Scratch - Grid Gallery

• Maj 16, 2024

V tej vadnici bomo na spletno mesto Wix dodali galerijo, ki smo jo ustvarili iz prazne predloge. Začeti iz nič, je odličen način za učenje osnov.

Za razliko od predlog Wix, ki niso zamenljive, lahko kadar koli preklopite vrste galerij za nov videz. Obstaja veliko vrst galerij, od zidarske mreže do satja. Vsaka galerija ima svoje značilnosti. Oglejmo si osnovno galerijo Grid (portretov).

1. Kliknite ikono plus v levem meniju in na seznamu izberite Galerija.
   
   
2. Premaknite miškin kazalec nad vsako sličico galerije, da si ogledate predogled in opis.
   
   
3. Zdaj povlecite galerijo Grid na stran.
   
   
4. Uporabite ročaje za spreminjanje velikosti, da spremenite velikost mreže po želji. Velikost mreže sem spremenil na širino 980 strani.
   
   Na tej točki ima galerija nekaj utrinkov. Ohranimo jih za zdaj in delajmo na prilagajanju nastavitev galerije za naše potrebe.
   
   Nastavitve galerije mreže
   
   Skaliranje slike - imate možnost, da se vaša slika obreže ali spremeni v velikost okvirja. Nastavitev Autocrop bo samodejno obrezala slike, da se prilegajo okvirju, možnost Fit pa bo spremenila velikost slike v okvir.
   
   Ko kliknete - na voljo imate tri možnosti, kaj se zgodi, ko kliknete galerijsko sliko. Ena možnost, da se nič ne zgodi. Drugo je, da se slika odpre kot pojavno okno. Tretja je odpreti povezavo. Večino časa je pop up dobra izbira, saj je slika prikazana v večji velikosti. Če pa želite obiskovalca poslati na drugo stran, uporabite možnost Povezava se odpre.
   
   
5. Izberite Galerijo in v pojavnem meniju kliknite ikono Nastavitev.
   
   
6. V oknu z nastavitvami mreže poiščite razdelek Kako se obnašajo slike. Izberite Autocrop ali Fit.
   
   
7. V razdelku Ko kliknete nastavite eno od treh možnosti.
   
   Oblikovanje galerije
   
   Kot že omenjeno, lahko kadar koli preklopite modele galerije. Toda nadaljujmo s prilagajanjem zasnove naše mreže. Za zasnovo mreže lahko prilagodimo obrobe, vogale, senco in besedilo.
   
   
8. Ko je galerija še vedno izbrana, kliknite ikono Oblikovanje (čopič).
   
   
9. Za nastavitve meje lahko spremenimo barvo, motnost in širino obrobe. Ohranimo privzeto nastavitev širine, nastavljeno na 0 in torej brez meja.
   
   
10. Kotni polmer - kliknite ikono za kotni polmer in nastavite polmer zgornjega levega kota, kot želite. Ker ikona povezave kaže, se bodo ostali trije vogali posodobili.
    
    
11. Shadow - Izberite ikono Shadow. Če želite dodati senčilo, kliknite stikalo Enable Shadow in za senco nastavite kot, razdaljo, velikost, zameglitev in barvo / nepreglednost.
    
    
12. Besedilo - Kliknite ikono T, da nastavite možnosti za nastavitve naslova, opisa in drugih besedil. Besedilo spremenimo iz privzetega v našo besedilo odstavka 1. Ponovite za besedilo Opis.
    
    Nastavitve postavitve
    
    Pri zasnovi galerije Grid lahko nadzorujemo število stolpcev in vrstic za sličice. Prav tako lahko nadzorujemo razmik med sličicami in način prikaza besedila nad sliko.
    
    
13. Ko je galerija še vedno izbrana, v pojavnem meniju kliknite ikono Postavitev.
    
    
14. Z drsnikom nastavite število stolpcev in vrstic. Če dodate več stolpcev in vrstic, bo v mreži manjše sličice.
    
    
15. S pomočjo drsnika Spacing lahko povečate število slikovnih pik med sličicami. Če dodate več prostora, boste zmanjšali velikost sličic.
    
    
16. Pod drsniki je razdelek za poravnavo besedila. Imate možnost, da se besedilo prikaže levo, desno ali sredino.
    
    

Posnetki zaslona, ​​ki jih uporablja dovoljenje Wix.com, Inc.