Strona internetowa Wix od podstaw - Grid Gallery

• Może 19, 2024

W tym samouczku dodamy galerię do naszej witryny Wix, którą utworzyliśmy z pustego szablonu. Zaczynanie od zera to świetny sposób na naukę podstaw.

W przeciwieństwie do szablonów Wix, które nie są wymienne, możesz w każdej chwili zmienić typy galerii, aby uzyskać nowy wygląd. Istnieje wiele rodzajów galerii, od siatki murarskiej po plaster miodu. Każda galeria ma swoje własne cechy. Rzućmy okiem na podstawową galerię Siatka (portret).

1. Kliknij ikonę Plus w lewym menu i wybierz z listy opcję Galeria.
   
   
2. Umieść wskaźnik myszy nad każdą miniaturą galerii, aby zobaczyć podgląd i opis.
   
   
3. Teraz przeciągnij galerię siatki na stronę.
   
   
4. Użyj uchwytów zmiany rozmiaru, aby zmienić rozmiar siatki według własnego uznania. Zmieniłem rozmiar siatki do szerokości strony 980.
   
   W tym momencie galeria ma kilka obrazów zastępczych. Zachowajmy je na razie i pracujmy nad dostosowaniem ustawień galerii do naszych potrzeb.
   
   Ustawienia galerii siatki
   
   Skalowanie obrazu - masz możliwość przycięcia lub skalowania obrazu w celu dopasowania do ramki. Ustawienie Automatyczne kadrowanie spowoduje automatyczne przycięcie obrazów w celu dopasowania do ramki, a opcja Dopasuj spowoduje zmianę rozmiaru obrazu w celu dopasowania do ramki.
   
   Po kliknięciu - masz trzy opcje tego, co dzieje się po kliknięciu obrazu galerii. Jedna opcja, żeby nic się nie wydarzyło. Drugim jest otwarcie obrazu jako wyskakującego. Trzeci to otworzyć link. W większości przypadków pop-up jest dobrym wyborem, ponieważ obraz jest wyświetlany w większym rozmiarze. Ale jeśli chcesz wysłać gościa na inną stronę, użyj opcji A Link Otwiera.
   
   
5. Wybierz Galerię i kliknij ikonę Ustawienia w menu podręcznym.
   
   
6. W oknie Ustawienia siatki znajdź sekcję Jak postępować z obrazami. Wybierz Autokrop lub Dopasuj.
   
   
7. W sekcji Po kliknięciu ustaw jedną z trzech opcji.
   
   Projektowanie galerii
   
   Jak wspomniano powyżej, w dowolnym momencie możesz zmieniać projekty galerii. Kontynuujmy, dostosowując nasz projekt siatki. W przypadku projektu siatki możemy dostosować ramkę, narożniki, cień i tekst.
   
   
8. Przy nadal zaznaczonej galerii kliknij ikonę Projekt (pędzel).
   
   
9. W ustawieniach ramki możemy zmienić kolor, krycie i szerokość ramki. Zachowajmy domyślne ustawienie szerokości ustawione na 0, a zatem bez obramowania.
   
   
10. Promień narożnika - kliknij ikonę Promień narożnika i ustaw promień lewego górnego rogu, jak chcesz. Ikona połączenia wskazuje, że pozostałe trzy rogi zostaną zaktualizowane, aby pasowały.
    
    
11. Cień - wybierz ikonę Cienia. Aby dodać cień, kliknij przełącznik Włącz cień i ustaw kąt, odległość, rozmiar, rozmycie oraz kolor / krycie dla cienia.
    
    
12. Tekst - kliknij ikonę T, aby ustawić opcje tytułu, opisu i innych ustawień tekstu. Zmieńmy tekst z domyślnego na nasz motyw tekstowy ust. 1. Powtórz dla tekstu opisu.
    
    Ustawienia układu
    
    W przypadku projektu galerii siatki możemy kontrolować liczbę kolumn i wierszy miniatur. Możemy również kontrolować odstępy między miniaturami i sposób wyświetlania tekstu na obrazie.
    
    
13. Przy nadal zaznaczonej galerii kliknij ikonę Układ w menu podręcznym.
    
    
14. Użyj suwaka, aby ustawić liczbę kolumn i wierszy. Dodanie większej liczby kolumn i wierszy spowoduje powstanie mniejszych miniatur w siatce.
    
    
15. Za pomocą suwaka Odstęp można zwiększyć liczbę pikseli między miniaturami. Dodanie większej ilości miejsca zmniejszy rozmiar miniatur.
    
    
16. Pod suwakami znajduje się sekcja wyrównywania tekstu. Możesz wyświetlić tekst w lewo, w prawo lub w środku.
    
    

Zrzuty ekranu wykorzystane za zgodą Wix.com, Inc.

Instrukcje Wideo: Prosty slider na stronę. (Może 2024).