Uruchom sekcję od krawędzi do krawędzi.

Poznaj DXPR BuilderBuduj stronyStylizuj elementyPrzewodniki projektowe

Możesz pozwolić treści sekcji biec od krawędzi do krawędzi albo trzymać ją w pudle na środku, gdy tło wypełnia okno. Decyduje jeden przełącznik sekcji: Full width. Przykład buduje szarą sekcję z trzema kolumnami, potem włącza Full width, aby kolumny się rozciągnęły. Wypełnienia kolorem i zdjęciem opisano na stronie teł.

Film buduje szarą sekcję z 3 kolumnami, potem pozwala jej treści biec od krawędzi do krawędzi.

Budowanie sekcji w pudle

  1. Kliknij Add Elements w pustym obszarze treści i wybierz Section z karty Layout.
  2. Najedź na sekcję, otwórz More i wybierz Settings.
  3. Otwórz panel Style i wybierz jasnoszare Background.
  4. Kliknij Save. Szarość już rozciąga się na okno.
  5. Kliknij + na sekcji i wybierz Row.
  6. Kliknij ikonę siatki na wierszu, wybierz kafelek z trzema równymi kolumnami i kliknij Save.
  7. W każdej kolumnie kliknij +, wybierz Text z karty Content, wpisz Heading 4 i jeden wiersz, a potem kliknij Save.

Trzy kolumny znajdują się teraz w wyśrodkowanym pudle na szarym pasie.

Włączenie Full width

  1. Otwórz More na sekcji i wybierz Settings.
  2. W panelu General włącz Full width.
  3. Kliknij Save.
  4. Kliknij Save na pasku narzędzi kreatora DXPR.
  5. Otwórz menu widoku, ikonę oka na pasku narzędzi, i wybierz Preview.

Co widzisz

Szary pas wygląda tak samo jak wcześniej. Zmieniło się tylko pudło treści: pierwsza kolumna zaczyna się teraz przy lewej krawędzi sekcji, a ostatnia kończy przy prawej.

Każda sekcja ma dwie części: element zewnętrzny niosący tło i wewnętrzne pudło trzymające wiersze. Full width zmienia tylko wewnętrzne pudło. Wyłączone jest wyśrodkowane z maksymalną szerokością; włączone rozciąga się do krawędzi sekcji.

Ustawienia

Panel General sekcji zawiera trzy przełączniki układu, wszystkie domyślnie wyłączone:

Ustawienie Do czego służy
Full width Wiersze wypełniają sekcję od krawędzi do krawędzi zamiast wyśrodkowanego pudła
100% height Sekcja ma co najmniej wysokość okna przeglądarki
Vertical centering Wiersze znajdują się w pionowym środku sekcji

Wiersze nie mają własnego ustawienia szerokości; decyduje sekcja.

Dwa wzorce

  • Tło od krawędzi do krawędzi, tekst w pudle: typowe hero. Zostaw Full width wyłączone i ustaw tło w panelu Style albo Background effects.
  • Treść od krawędzi do krawędzi: pas kart albo obrazów. Włącz Full width i nadaj kolumnom trochę Padding, jeśli tekst znajduje się za blisko krawędzi okna.

Jeśli nie widzisz zmiany

  • Włączenie Full width nic nie zmienia. Na wąskim ekranie, na przykład telefonu, wersja w pudle już wypełnia szerokość. Poszerz okno przeglądarki i spójrz ponownie.
  • Tło nie sięga do krawędzi okna. Twój motyw umieszcza treść strony w pudełkowym regionie, a sekcja może wypełnić tylko ten region. Wybierz w motywie pełnoszerokościowy układ strony albo region.
  • Tekst dotyka krawędzi okna. Tak działa Full width. Dodaj Padding w panelu Style kolumn albo zostaw Full width wyłączone.

Co dalej?