A Wix webhelye a Scratch-ról - Grid Galéria

• Április 29, 2024

Ebben az oktatóanyagban hozzáadunk egy galériát a Wix weboldalunkhoz, amelyet egy üres sablonból készítettünk. A semmiből kiindulva nagyszerű lehetőség az alapok megtanulására.

A nem cserélhető Wix-sablonokkal ellentétben a galéria típusait bármikor válthatja az új megjelenés érdekében. Sokféle galéria létezik, a Kőműves rács és a Honeycomb között. Minden galériának megvannak a sajátosságai. Vessen egy pillantást az alapvető Rács (portré) galériare.

1. Kattintson a bal oldali menü Plusz ikonjára, és válassza a listából a Galéria lehetőséget.
   
   
2. Vigye az egérmutatót az egyes galéria miniatűrök fölé, hogy megjelenjen az előnézet és a leírás.
   
   
3. Most húzza a Rács galériát az oldalra.
   
   
4. A Rendszer méretének átméretezéséhez használja a Méretező fogantyúkat. Átméretem a rácsot a 980 oldalas szélességre.
   
   Ezen a ponton a galéria tartalmaz néhány helyőrző képet. Tartsuk őket egyelőre, és dolgozzunk a galéria beállításainak igényeinek megfelelő testreszabásával.
   
   Rács Galéria beállítások
   
   Képméretezés - Lehetősége van arra, hogy a képet levágja vagy méretezze, hogy illeszkedjen a keretbe. Az Autocrop beállítás automatikusan levágja a képeket, hogy illeszkedjenek a keretbe, és az Fit opció átméretezi a képet, hogy illeszkedjenek a keretbe.
   
   Kattintáskor - Három lehetősége van arra, hogy mi történjen, ha egy galériaképre kattintanak. Az egyik lehetőség, hogy semmi sem történhet meg. A második az, hogy a kép felugró ablakként legyen nyitva. A harmadik a link megnyitása. A felbukkanó ablak általában jó választás, mert a kép nagyobb méretben jelenik meg. De ha a látogatót egy másik oldalra szeretné küldeni, használja az A link megnyitása lehetőséget.
   
   
5. Válassza ki a Galériát, majd kattintson a felbukkanó menü Beállítás ikonjára.
   
   
6. A Rácsbeállítások ablakban keresse meg a képek viselkedésének szakaszát. Válassza az Autocrop vagy a Fit lehetőséget.
   
   
7. A A Kattintás szakaszban állítsa be a három lehetőség egyikét.
   
   Galéria tervezése
   
   Mint fentebb említettük, bármikor válthat a galéria tervein. De folytassuk a rácstervezés testreszabásával. A rács kialakításához testreszabhatjuk a szegélyt, a sarkokat, az árnyékot és a szöveget.
   
   
8. Ha a galéria továbbra is kiválasztott, kattintson a Tervezés ikonra (ecset).
   
   
9. A Border beállításoknál megváltoztathatjuk a szegély színét, fedettségét és szélességét. Tartsa az alapértelmezett szélesség beállítást 0-ra, tehát ne legyen szegély.
   
   
10. Sarok sugara - Kattintson a sarok sugara ikonra, és állítsa be a bal felső sarok sugarat, ahogy tetszik. Mivel a link ikon jelzi, a másik három sarok frissítésre kerül.
    
    
11. Árnyék - válassza az Árnyék ikont. Egy árnyék hozzáadásához kattintson az Árnyék engedélyezése gombra, és állítsa be az árnyék szögét, távolságát, méretét, elmosódását és színét / átlátszóságát.
    
    
12. Szöveg - Kattintson a T ikonra a Cím, Leírás és Egyéb szövegbeállítások opcióinak beállításához. Változtassuk meg a szöveget az alapértelmezettről az 1. bekezdés szöveges témájára. Ismételje meg a leírás szövegét.
    
    Elrendezés beállításai
    
    A Grid galéria kialakításakor ellenőrizhetjük az oszlopok és a sorok számát a miniatűrökben. Szabályozhatjuk a miniatűrök közötti távolságot és azt is, hogy a szöveg hogyan jelenjen meg a képen.
    
    
13. Ha a galéria továbbra is kiválasztott, kattintson a felbukkanó menü Elrendezés ikonjára.
    
    
14. A csúszka segítségével állítsa be az oszlopok és a sorok számát. További oszlopok és sorok hozzáadása kisebb miniatűr képeket eredményez a rácsban.
    
    
15. A Távolság csúszkával növelheti a miniatűrök közötti pixelek mennyiségét. Ha további helyet ad, csökken a miniatűrök mérete.
    
    
16. A csúszkák alatt található a szöveg igazítási szakasz. Lehetősége van arra, hogy a szöveg balra, jobbra vagy középen jelenjen meg.
    
    

A Wix.com, Inc. engedélyével használt képernyőképeket