Użyj sekcji Lista obrazów, jeśli chcesz wyświetlić zestaw obrazów i odpowiedniego tekstu.
Korzystając z tej sekcji, możesz łatwo łączyć różne strony w witrynie lub dodawać dowolne linki, w których chcesz dodać obraz i opis dla każdego linku.
W tym artykule:
- Co to jest lista obrazów?
- Dodanie sekcji Lista obrazów do strony
- Dodawaj i edytuj elementy listy
- Elementy listy sekwencjonowania
- Usuwanie elementów listy
- Zmiana układu sekcji
- Opcje stylu
- Styl karuzeli
- Przykład na żywo
Lista obrazów
- Lista obrazów to zbiór obrazów, w którym można dodać opis obrazu oraz dodać łącze lub przycisk, aby połączyć go z dowolną inną stroną w witrynie internetowej lub innym łączem.
Dodaj sekcję listy obrazów
- Do strony można dodać sekcję. Możesz dodać sekcję do już istniejącej strony lub utwórz nową stronę w Twojej witrynie.
- Na Twojej stronie, Kliknij na niebieski + ikona dodać Nowa sekcja do Twojej strony.
- Teraz zobaczysz kategorie sekcji po lewej stronie.
- Wybierz Lista (1) kategorię i kliknij Lista obrazów zakładka (2), w której możesz wybierać różne układy z listy obrazów (3).
- Wybierz dowolny układ sekcji i kliknij go, aby dodać go do swojej strony.
Dodawaj i edytuj elementy listy
Dodaj element listy
Po dodaniu sekcji:
- Kliknij na Edytuj listę obrazów (1), aby otworzyć panel pozycji listy.
- Kliknij na Dodaj przedmiot (2) przycisk, aby dodać nowy element listy.
- Możesz wybrać Dpowielić lub usunąć (3) elementy listy.
Edytuj element listy
Kliknij element listy, który chcesz edytować. Spowoduje to otwarcie opcji edycji poszczególnych elementów listy.
Stąd możesz:
- Prześlij/Usuń obraz (1) dla elementu listy. Można także ustawić Kolor akcentu obrazu stąd, który zostanie wyświetlony po najechaniu kursorem na obraz.
- dodaj Tytuł (2), Podtytuł (3)i Opis (4) pozycji listy.
- W zależności od wybranego układu opcja napisów i opisu może nie być dostępna w poszczególnych elementach listy.
Przed dodaniem opisu sprawdź to artykuł.
- Kliknij ikonę Link Builder w Link do tytułu (5), aby otworzyć narzędzie do tworzenia linków, aby połączyć tytuł elementu listy z dowolną stroną. Wiedzieć więcej O Varso Invest Kreator linków.
- Ustaw łącze tak, aby otwierało się w a nowej karcie lub w tej samej karcie (6).
- Dodaj dowolny typ Połączyć (7) do pozycji listy. Możesz dodać przycisk/link do obrazu/ikonę społecznościową/link tekstowy. ZOBACZ WIĘCEJ.
- Zapisz (8) twoje zmiany.
Zobacz edytowanie elementu listy obrazów w akcji:
Elementy listy sekwencji
- Możesz łatwo przeciągać i upuszczać elementy listy, aby zmienić kolejność.
Zobacz sekwencjonowanie elementów listy obrazów w akcji:
Usuń element listy
Po dodaniu elementu listy możesz go edytować i usuwać.
- Kliknij na Usuń obok elementu listy obrazów.
- Tne, kliknij na Usuń w wyskakującym okienku potwierdzenia.
- Wreszcie, zapisać Twoje zmiany.
Zobacz usuwanie elementu listy obrazów w akcji:
Układ sekcji
- Kliknij na Zarządzaj listą obrazów (1) przycisk.
- Wybierz układ (2) zakładka.
- Wybierz (3) układ sekcji i Zapisz (4) zmiany.
Stylizuj swoją sekcję
- Kliknij na Zarządzaj listą obrazów (1) przycisk.
- Wybierz Styl (2) patka.
- Zmień styl elementów przekroju i Zapisz (3) Twoje zmiany.
Będziesz mieć wiele opcji stylu dla sekcji:
szt
- Wybierz, aby Pokaż przedmioty in wiersze i kolumny or karuzela
- Jeśli wybrałeś wiersze i kolumny opcji, elementy listy zostaną ułożone w wiersze i kolumny. W takim przypadku musisz określić liczbę wierszy i kolumn.
- Jeśli wybrałeś karuzela opcja, elementy listy zostaną przedstawione jako pokaz slajdów. Wiedzieć więcej.
- Ustaw Liczba kolumn dla listy obrazów. Możesz wybrać od 1 do 10 kolumn.
- Określ Przestrzeń Między Kolumnami z pozycji listy.
- Określ Przestrzeń Między Rzędami z pozycji listy.
- Wybierz Kolejność treści tj. obrazy elementów listy, które mają być wyświetlane jako pierwsze, lub związany z nimi tekst.
- Wyrównać zawartość poziomo na liście obrazów. Możesz ustawić je tak, aby były wyrównane do lewej, prawej lub do środka.
- Wyrównać zawartość w pionie na liście obrazów. Można je ustawić tak, aby były wyrównane do góry, do środka i do dołu.
Jeśli w kroku 1 wybrano opcję Karuzela, zobaczysz następujące dodatkowe opcje:
- Wybierz, aby Zapętl karuzelę lub nie.
- W przypadku karuzeli wybierz Sterowanie nawigacją. Możesz wybrać opcję Brak elementów sterujących, Strzałki — Środkowy dół/Prawy górny/Prawy dolny, Szewron lub Kropki.
Wyświetlacz mobilny
- Ustaw liczbę Kolumny siatki dla urządzeń mobilnych. Można ustawić maksymalnie 3 kolumny.
- Zdefiniuj Rozstaw pomiędzy siatkami (w pikselach).
Obrazy
- Wybierz Iuprawa maga dla elementów listy. Można ustawić obrazy jako kwadratowe, okrągłe, poziome, pionowe i oryginalne.
- Wybierz wspólny promień narożnika lub inny promień narożnika dla każdej strony elementów listy i ustaw liczbę (w pikselach) dla Cpromień ornera obrazów elementów listy. Wiedzieć więcej.
- Jeśli wybrałeś narożniki dzielone, możesz ustawić inny promień narożnika dla każdego narożnika.
Po najechaniu na obraz
- Wybierz Kolor po najechaniu na obraz być kolor akcentu albo być określony. Jeśli wybrałeś kolor akcentu, a następnie określ nieprzezroczystość.
- Jeśli wybrałeś określ kolor opcję, a następnie ustaw Bazowy kolor i krycie po najechaniu kursorem dla pozycji listy.
- Ustaw Elementy kolor elementów listy w sekcji.
- Wybierz, aby Animuj obrazy elementów listy po najechaniu myszką, klikając Tak. Sprawdź tę funkcję na aktywnej stronie.
- Wybierz Styl animacji dla obrazów po najechaniu na nie kursorem.
Rozmiar i przestrzeń
- Określ Szerokość obrazu dla elementów listy.
- Określ Szerokość treści dla pozycji listy.
- Określ Spacja pod nagłówkiem sekcji w pikselach
- Określ Miejsce pod obrazami pozycji na liście (w %).
- Określ Spacja pod tytułami pozycji na liście (w %).
- Określ Miejsce pod napisami pozycji na liście (w %).
Tekst
- Kliknij na Zmień styl tekstu przycisk, aby odwiedzić Wnętrze sekcji i zarządzaj rozmiarami i stylami czcionek.
- Ustaw Tytuł styl czcionki dla elementów listy w sekcji.
- Ustaw Podtytuł styl czcionki dla elementów listy w sekcji.
- Ustaw wartość domyślną Opis styl czcionki dla elementów listy w sekcji.
Kartki okolicznosciowe
- Zobacz jak zarządzać kartami.
Shadow
- Wyświetlacz – Wybierz wyświetlanie cienia za elementami listy zawsze lub tylko po najechaniu myszką.
- Styl – Wybierz spośród istniejących ustawień wstępnych lub utwórz niestandardowy cień.
Jeśli wybrałeś opcję Niestandardowa, odwiedź tę stronę Generator cieni pudełkowych , aby utworzyć niestandardowy cień. Na koniec skopiuj i wklej plik CSS cienia pudełka. - Jeśli wybrałeś opcję ustawień wstępnych, to Wybierz Style cieni z listy rozwijanej.
Przyciski i linki
- Zobacz jak zarządzać stylizacją Przyciski i łącza.
- Zapisz wszystkie zmiany stylu.
Styl karuzeli
Styl karuzeli pokazuje elementy listy jako pokaz slajdów, tzn. elementy listy będą wyświetlane jeden po drugim.
Zobacz, jak działa styl karuzeli:
Oto lista obrazów na żywo:
Zobacz stronę demonstracyjną na żywo.
Zobacz, jak działa promień narożnika: