Używanie układów z dwiema i trzema kolumnami

Układu sekcji z kilkoma kolumnami można używać, aby zapewnić automatyczne ustalanie odstępów i rozmieszczanie składników dodawanych do układu.

Aby dodać układ do strony, należy:

  1. Przejść do strony, która ma być edytowana, i upewnić się, że przełącznik Przełącznik edycji jest ustawiony w pozycji Edytuj.
  2. Dodać układ do strony.
  3. Aby umieścić inną zawartość w układzie sekcji, przeciągnąć odpowiednią zawartość do układu.

    Układ zostaje wyróżniony ciągłym obramowaniem i banerem z napisem "Dodaj element".
    Opis "GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png" znajduje się poniżej
    Opis rysunku "GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png"

    Można kontynuować dodawanie elementów do układu, a układ odpowiednio je sformatuje. Można także dodawać inne układy sekcji, aby uzyskać układ bardziej złożony, lub dodawać grupy składników.

    Poniżej został pokazany układ dwukolumnowy ze składnikami "obraz" użytymi jako elementy zastępcze:


    Opis "GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png" znajduje się poniżej
    Opis rysunku "GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png"

    Jeśli zostanie dodana większa liczba elementów, zostaną one wyświetlone w dodatkowych wierszach, każdy z maksymalnie dwoma elementami.

  4. Aby edytować składnik i jego wygląd, kliknąć na ikonie menu Ikona "Menu składnika" składnika, po czym wybrać opcję Ustawienia.
  5. Aby zmodyfikować ustawienia poszczególnych składników w układzie, wybrać kartę "Ogólne".
    Aby zobaczyć ustawienia składnika, należy kliknąć na jego nazwie.
  6. Aby zmodyfikować ustawienia tła układu, wybrać kartę "Tło".
  7. Wybrać Ustawienia niestandardowe, aby określić dodatkowe ustawienia domyślne wyświetlanej zawartości.
    • Szerokość pierwszej kolumny (%): Określić szerokość kolumny jako procent miejsca dostępnego dla układu.

    • Szerokość drugiej kolumny (%): Określić szerokość kolumny jako procent miejsca dostępnego dla układu.

    • Szerokość trzeciej kolumny (%): Określić szerokość kolumny jako procent miejsca dostępnego dla układu.

    • Responsywny punkt wstrzymania (w pikselach): W przypadku projektów stron responsywnych, które automatycznie formatują zawartość, gdy dostępne rozmiary wyświetlania się różnią, określić szerokość w pikselach, przy której układ sekcji ma zostać przełączony ze standardowego układu dwukolumnowego do określonego za pomocą opcji Działanie responsywne.

    • Działanie responsywne: Wybrać, w jaki sposób układ się zmieni, gdy dostępny rozmiar obszaru wyświetlania jest mniejszy niż wartość podana w polu Punkt reakcji.

      • Brak czynności: brak dostosowania sposobu działania układu.

      • Stos z kolumn: Rozmieszczenie w jednej kolumnie wszystkich elementów, od góry do dołu, z pierwszej kolumny, a następnie wszystkich elementów z drugiej kolumny itd.

      • Ukryj pierwszą kolumnę: Ukrycie zawartości z pierwszej kolumny, aby uzyskać więcej miejsca dla pozostałych kolumn.

      • Ukryj drugą kolumnę: Ukrycie zawartości z drugiej kolumny, aby uzyskać więcej miejsca dla pozostałych kolumn.

      • Ukryj trzecią kolumnę: Ukrycie zawartości z trzeciej kolumny, aby uzyskać więcej miejsca dla pozostałych kolumn.

      • Ukryj obie kolumny: Ukrycie całej zawartości w układzie.

      • Przenieś drugą kolumnę pod pierwszą: umieszczenie w jednej kolumnie wszystkich elementów z pierwszej kolumny, a pod nimi — wszystkich elementów z drugiej.

      • Przenieś pierwszą kolumnę pod drugą: umieszczenie w jednej kolumnie wszystkich elementów z drugiej kolumny, a pod nimi — wszystkich elementów z pierwszej.