Wix webové stránky od nuly - mriežka galérie

• Smieť 20, 2024

V tomto návode pridáme na našu webovú stránku Wix galériu, ktorú sme vytvorili z prázdnej šablóny. Od začiatku je vynikajúci spôsob, ako sa naučiť základy.

Na rozdiel od šablón Wix, ktoré nie sú vzájomne zameniteľné, môžete kedykoľvek zmeniť typy galérií za nový vzhľad. Existuje mnoho druhov galérií, od mriežky na murivo až po voštinu. Každá galéria má svoje vlastné črty. Poďme sa pozrieť na základnú mriežku (portrét) galériu.

1. V ľavej ponuke kliknite na ikonu Plus a v zozname vyberte možnosť Galéria.
   
   
2. Ak chcete zobraziť ukážku a popis, umiestnite kurzor myši na miniatúru galérie.
   
   
3. Teraz presuňte galériu mriežky na stránku.
   
   
4. Pomocou úchytov na zmenu veľkosti môžete podľa potreby zmeniť veľkosť mriežky. Zmenšil som veľkosť mriežky na šírku stránky 980.
   
   V tejto chvíli má galéria nejaké zástupné obrázky. Nechajte ich teraz a pracujeme na prispôsobení nastavení galérie našim potrebám.
   
   Nastavenia galérie mriežky
   
   Image Scaling - Máte možnosť orezať alebo upraviť obrázok tak, aby sa zmestil do rámčeka. Nastavenie Autocrop automaticky oreže obrázky, aby sa zmestili na rám, a voľba Prispôsobiť zmení veľkosť obrázka tak, aby sa zmestili do rámčeka.
   
   Po kliknutí - Máte tri možnosti, čo sa stane, keď kliknete na obrázok v galérii. Jedna možnosť, aby sa nestalo nič. Druhým je otvorenie obrázka ako vyskakovacieho okna. Tretím je otvorenie odkazu. Vo väčšine prípadov je vyskakovacie okno dobrou voľbou, pretože obrázok sa zobrazuje vo väčšej veľkosti. Ak však chcete poslať návštevníka na inú stránku, použite možnosť A Odkaz sa otvára.
   
   
5. Vyberte galériu a v rozbaľovacej ponuke kliknite na ikonu Nastavenie.
   
   
6. V okne Nastavenia mriežky nájdete časť Ako sa správajú obrázky. Vyberte Autocrop alebo Fit.
   
   
7. V časti Po kliknutí kliknite na jednu z troch možností.
   
   Dizajn galérie
   
   Ako bolo uvedené vyššie, môžete kedykoľvek zmeniť vzhľad galérie. Pokračujme však prispôsobením nášho návrhu mriežky. Pre návrh mriežky môžeme prispôsobiť ohraničenie, rohy, tieň a text.
   
   
8. Keď je galéria stále vybratá, kliknite na ikonu Dizajn (štetec).
   
   
9. V nastaveniach Hranice môžeme zmeniť farbu, krytie a šírku ohraničenia. Ponecháme predvolené nastavenie šírky nastavené na 0, a teda bez ohraničenia.
   
   
10. Polomer rohu - Kliknite na ikonu polomeru rohu a nastavte polomer ľavého horného rohu tak, ako chcete. Ako ikona odkazu naznačuje, ďalšie tri rohy sa aktualizujú, aby sa zhodovali.
    
    
11. Tieň - Vyberte ikonu Tieň. Ak chcete pridať tieň, kliknite na prepínač Povoliť tieň a nastavte tieň pre uhol, vzdialenosť, veľkosť, rozostrenie a farbu / krytie.
    
    
12. Text - Kliknutím na ikonu T nastavíte možnosti pre nastavenia názvu, popisu a iného textu. Zmeňte text z predvoleného na našu textovú tému odseku 1. Zopakujte tento text.
    
    Nastavenia rozloženia
    
    Pri návrhu galérie mriežky môžeme ovládať počet stĺpcov a riadkov miniatúr. Môžeme tiež riadiť medzery medzi miniatúrami a spôsob, akým sa text zobrazuje nad obrázkom.
    
    
13. Keď je galéria stále vybratá, v rozbaľovacej ponuke kliknite na ikonu Rozloženie.
    
    
14. Pomocou posúvača nastavte počet stĺpcov a riadkov. Ak pridáte ďalšie stĺpce a riadky, výsledkom bude menšie zobrazenie miniatúry v mriežke.
    
    
15. Pomocou posúvača Spacing môžete zväčšiť množstvo pixlov medzi miniatúrami. Ak pridáte viac miesta, zmenší sa veľkosť miniatúr.
    
    
16. Pod jazdcami je časť na zarovnanie textu. Máte možnosť zobraziť text vľavo, vpravo alebo v strede.
    
    

Screenshoty použité so súhlasom Wix.com, Inc.