Wix-verkkosivusto Scratch - Grid-galleriasta

• Saattaa 4, 2024

Lisäämme tähän opetusohjelmaan gallerian Wix-verkkosivustoomme, jonka olemme luoneet tyhjästä mallista. Alkaen tyhjästä on hieno tapa oppia perusteet.

Toisin kuin Wix-malleja, joita ei voi vaihtaa, voit vaihtaa galleriatyyppejä uuden ilmeen saamiseksi milloin tahansa. On olemassa monentyyppisiä gallerioita, Muurausruudusta Honeycombiin. Jokaisella gallerialla on omat ominaisuutensa. Katsotaanpa ruudukon (muotokuva) perusgalleriaa.

1. Napsauta Plus-kuvaketta vasemmassa valikossa ja valitse galleria luettelosta.
   
   
2. Vie hiiri kunkin gallerian pikkukuvan päälle nähdäksesi esikatselun ja kuvauksen.
   
   
3. Vedä nyt ruudukkogalleria sivulle.
   
   
4. Muuta ruudukon kokoa koon mukaan haluamallasi tavalla. Muutin ruudukon kokoa 980 sivun leveydeksi.
   
   Tässä vaiheessa galleriassa on joitain paikkamerkkikuvia. Pidämme ne nyt ja työskentelemme räätälöimämme galleria-asetuksia tarpeisiimme.
   
   Ruudukkogalleria-asetukset
   
   Kuvan skaalaus - Voit halutessasi kuvan leikata tai skaalata sopimaan kehykseen. Automaattisen katkaisun asetus rajaa kuvat automaattisesti kehykseen sopivaksi ja Sovita-vaihtoehdon avulla kuvan koko koon mukautuu kehykseen.
   
   Napsautettaessa - sinulla on kolme vaihtoehtoa siihen, mitä tapahtuu, kun galleriakuvaa napsautetaan. Yksi vaihtoehto siihen, että mitään ei tapahdu. Toinen on kuvan avaaminen ponnahdusikkunana. Kolmas on avata linkki. Yleensä ponnahdusikkuna on hyvä valinta, koska kuva näytetään suurempana. Mutta jos haluat lähettää vierailijan toiselle sivulle, käytä A linkki aukeaa -vaihtoehtoa.
   
   
5. Valitse galleria ja napsauta asetuskuvaketta ponnahdusvalikossa.
   
   
6. Etsi Ruudukkoasetukset-ikkunassa Kuvien käyttäytyminen -osa. Valitse Autocrop tai Fit.
   
   
7. Määritä Kun napsautettiin -osiossa yksi kolmesta vaihtoehdosta.
   
   Gallerian suunnittelu
   
   Kuten edellä mainittiin, voit vaihtaa galleriasuunnittelua milloin tahansa. Jatkamme kuitenkin räätälöimällä ruudukkonäkymäämme. Ruudukon suunnittelussa voimme räätälöidä reunat, kulmat, varjon ja tekstin.
   
   
8. Kun galleria on edelleen valittuna, napsauta Suunnittelu-kuvaketta (sivellin).
   
   
9. Reunusasetuksissa voimme muuttaa reunan väriä, opasiteettiä ja leveyttä. Pidämme leveyden oletusasetuksena 0 ja siten ilman reunaa.
   
   
10. Kulmasäde - Napsauta kulmasäteen kuvaketta ja aseta vasemman yläkulman säde haluamallasi tavalla. Koska linkkikuvake osoittaa, muut kolme kulmaa päivittyvät vastaamaan toisiaan.
    
    
11. Varjo - Valitse varjokuvake. Lisää pudotusvarjo napsauttamalla Ota varjo käyttöön -vaihtoehtoa ja määrittämällä varjon kulma, etäisyys, koko, epäterävyys ja väri / opasiteetti.
    
    
12. Teksti - Napsauta T-kuvaketta asettaaksesi otsikko-, kuvaus- ja muut teksti-asetusten asetukset. Muutetaan teksti oletusasetuksesta Kappale 1 -teemateemaamme. Toista kuvauksen teksti.
    
    Asetteluasetukset
    
    Ruudukkogalleria-suunnittelussa voimme hallita pikkukuvien sarakkeiden ja rivien määrää. Voimme myös hallita pikkukuvien välistä etäisyyttä ja sitä, kuinka teksti näytetään kuvan päällä.
    
    
13. Kun galleria on edelleen valittuna, napsauta ponnahdusvalikossa Asettelu-kuvaketta.
    
    
14. Aseta sarakkeiden ja rivien lukumäärä liukusäätimellä. Lisäämällä sarakkeita ja rivejä saadaan pienempiä pikkukuvia ruudukkoon.
    
    
15. Voit lisätä välilehden avulla pikselien määrää pikkukuvien välillä. Lisäämällä tilaa pienentää pikkukuvien kokoa.
    
    
16. Liukusäätimien alla on tekstin kohdistusosa. Sinulla on mahdollisuus, että teksti näkyy vasemmalla, oikealla tai keskellä.
    
    

Wix.com, Inc. -yrityksen luvalla käyttämät kuvat.

Video-Ohjeita: How To Create A Dynamic Gallery In Wix - Wix Code Tutorial - Wix For Beginners 2018 (Saattaa 2024).