„Wix“ svetainė iš „Scratch“ - Tinklelio galerija

• Gegužė 18, 2024

Šiame vadove savo „Wix“ svetainėje pridėsime galeriją, kurią sukūrėme iš tuščio šablono. Pradėti nuo nulio yra puikus būdas išmokti pagrindus.

Skirtingai nuo „Wix“ šablonų, kurie nėra keičiami, bet kuriuo metu galite pakeisti galerijos tipus, kad gautumėte naują išvaizdą. Yra daugybė galerijų tipų, pradedant Mūro tinkleliu ir baigiant koriais. Kiekviena galerija turi savo ypatybes. Pažvelkime į pagrindinę Tinklelio (portreto) galeriją.

1. Spustelėkite pliuso piktogramą kairiajame meniu ir sąraše pasirinkite Galerija.
   
   
2. Užveskite pelės žymeklį virš kiekvienos galerijos miniatiūros, kad pamatytumėte peržiūrą ir aprašą.
   
   
3. Dabar vilkite „Grid“ galeriją į puslapį.
   
   
4. Jei norite pakeisti tinklelio dydį, naudokite dydžio keitimo rankenas. Aš pakeičiau tinklelio dydį iki 980 puslapių pločio.
   
   Šiuo metu galerijoje yra keletas vietos žymiklių vaizdų. Laikykime jų kol kas ir dirbkime prie galerijos nustatymų pritaikymo mūsų poreikiams.
   
   Tinklelio galerijos nustatymai
   
   Vaizdo mastelio keitimas - galite pasirinkti, kad jūsų vaizdas būtų apkarpytas arba pakeistas mastu, kad tilptų rėmelyje. Nustatymas „Autocrop“ automatiškai apkarpys vaizdus, ​​kad tilptų į rėmelį, o parinktis Talpinti sumažins vaizdo dydį, kad tilptų į rėmelį.
   
   Kai spustelėta - turite tris parinktis, kas nutinka spustelėjus galerijos atvaizdą. Vienas variantas, kad nieko neįvyktų. Antrasis - atverti vaizdą kaip iššokantįjį langą. Trečiasis - atidaryti nuorodą. Dažniausiai pop-up yra geras pasirinkimas, nes vaizdas rodomas didesnio dydžio. Bet jei norite nusiųsti lankytoją į kitą puslapį, naudokite parinktį A link atidaryti.
   
   
5. Pasirinkite galeriją ir iškylančiajame meniu spustelėkite nustatymo piktogramą.
   
   
6. Tinklelio nustatymų lange raskite skyrių „Kaip veikia vaizdai“. Pasirinkite Autocrop arba Fit.
   
   
7. Skiltyje „Kai spustelėta“ nustatykite vieną iš trijų parinkčių.
   
   Galerijos dizainas
   
   Kaip minėta aukščiau, bet kuriuo metu galite pakeisti galerijos dizainą. Tačiau tęskime tinkindami tinklelio dizainą. Tinklelio dizainui galime pritaikyti kraštinę, kampus, šešėlį ir tekstą.
   
   
8. Vis dar pasirinkdami galeriją spustelėkite dizaino piktogramą (teptukas).
   
   
9. „Border“ nustatymuose galime pakeisti spalvos, neskaidrumo ir kraštinės plotį. Laikykimės numatytojo pločio nustatymo kaip 0 ir todėl be kraštų.
   
   
10. Kampo spindulys - spustelėkite kampo spindulio piktogramą ir nustatykite viršutinį kairiojo kampo spindulį, kaip jums patinka. Kadangi nuorodos piktograma rodo, kiti trys kampai bus atnaujinti, kad atitiktų.
    
    
11. Šešėlis - pasirinkite šešėlio piktogramą. Norėdami pridėti mažėjantį šešėlį, spustelėkite mygtuką Įjungti šešėlį ir nustatykite šešėlio kampą, atstumą, dydį, neryškumą ir spalvą / nepermatomumą.
    
    
12. Tekstas - spustelėkite piktogramą T, kad nustatytumėte pavadinimo, aprašo ir kito teksto parametrų parinktis. Pakeiskime tekstą iš numatytojo į mūsų 1 dalies teksto temą. Pakartokite tai su aprašymo tekstu.
    
    Išdėstymo nustatymai
    
    „Grid“ galerijos dizainui galime kontroliuoti miniatiūrų stulpelių ir eilučių skaičių. Taip pat galime valdyti tarpus tarp miniatiūrų ir tai, kaip tekstas rodomas virš paveikslėlio.
    
    
13. Vis dar pasirinkdami galeriją, iššokančiame meniu spustelėkite piktogramą Maketas.
    
    
14. Norėdami nustatyti stulpelių ir eilučių skaičių, naudokite slankiklį. Pridėjus daugiau stulpelių ir eilučių, tinklelyje bus mažesnių miniatiūrų.
    
    
15. Norėdami padidinti vaizdo taškų skaičių tarp miniatiūrų, galite naudoti slankiklį „Tarpai“. Pridėjus daugiau vietos sumažės miniatiūrų dydis.
    
    
16. Po slankikliais yra teksto derinimo skyrius. Galite pasirinkti, kad tekstas būtų rodomas kairėje, dešinėje arba viduryje.
    
    

Ekrano nuotraukos, gautos naudojant „Wix.com, Inc.“ leidimą