Tryby kolumnowe

W DMScms układ treści w obrębie wiersza definiowany jest za pomocą trybów kolumnowych, które pozwalają precyzyjnie określić sposób wyświetlania zawartości w zależności od rodzaju urządzenia.

Każdy wiersz może posiadać dwa niezależne ustawienia układu kolumn:

Tryb desktopowy – określa wygląd i rozmieszczenie treści na ekranach komputerów stacjonarnych i laptopów.

Tryb mobilny – definiuje sposób wyświetlania wiersza na tabletach oraz smartfonach.

Dzięki rozdzieleniu ustawień dla widoku desktopowego i mobilnego możliwe jest tworzenie responsywnych układów, które automatycznie dopasowują się do wielkości ekranu, zapewniając czytelność i estetykę prezentowanych treści niezależnie od urządzenia.

Zastosowanie trybów kolumnowych pozwala na budowanie zarówno prostych układów jednokolumnowych, jak i bardziej rozbudowanych sekcji wielokolumnowych, bez konieczności ingerencji w kod strony.

Dobre praktyki

Dobierz liczbę kolumn do ilości prezentowanych treści.
Zachowuj spójny układ kolumn na całej podstronie.
Przed publikacją sprawdź wygląd sekcji na komputerze oraz urządzeniach mobilnych.
Nie umieszczaj zbyt wielu elementów w jednej kolumnie, aby zachować czytelność.
Po zmianie trybu kolumnowego zweryfikuj poprawność rozmieszczenia wszystkich elementów.

Wskazówka SEO

Tryby kolumnowe wpływają na sposób prezentacji treści, dlatego najważniejsze informacje warto umieszczać w pierwszych sekcjach strony, niezależnie od wybranego układu.

Wskazówka UX

Korzystaj z dwóch lub trzech kolumn tylko wtedy, gdy poprawiają czytelność treści. W przypadku dłuższych opisów lepiej sprawdza się układ jednokolumnowy.

Do dyspozycji użytkowników dostępne są układy 1-, 2-, 3-, 4-, 6- oraz 12-kolumnowe. Obok wyboru trybu prezentowana jest specyfikacja kolumn, która w czytelny sposób pokazuje ich podział i proporcje.

Kolumny wyświetlane są zgodnie z aktualnie wybranym trybem kolumnowym. Oznacza to, że elementy należące do tego samego układu (np. 3-kolumnowego) zostaną wyświetlone obok siebie w jednym rzędzie.

Jeżeli natomiast kolejny wiersz posiada inny tryb kolumnowy (np. 4-kolumnowy), jego elementy również zostaną wyświetlone obok siebie, ale w nowym rzędzie, niezależnie od poprzedniego układu.

Takie rozwiązanie umożliwia swobodne łączenie różnych układów kolumnowych na jednej podstronie i daje pełną kontrolę nad strukturą oraz czytelnością prezentowanej treści.

Najczęstsze problemy

Problem	Rozwiązanie
Kolumny wyświetlają się jedna pod drugą zamiast obok siebie.	Sprawdź, czy wybrano odpowiedni tryb kolumnowy oraz czy liczba dodanych elementów odpowiada wybranemu układowi.
Treść w kolumnach ma różną wysokość.	Jest to normalne, jeśli kolumny zawierają różną ilość tekstu lub zdjęcia o różnych proporcjach. Aby uzyskać bardziej spójny wygląd, postaraj się zachować podobną długość treści.
Układ wygląda poprawnie na komputerze, ale inaczej na telefonie.	W widoku mobilnym kolumny mogą automatycznie ustawiać się jedna pod drugą, aby zapewnić czytelność strony. Jest to standardowe działanie responsywnego układu.
Nie mogę uzyskać oczekiwanego rozmieszczenia treści.	Wypróbuj inny tryb kolumnowy lub skorzystaj z układu lepiej dopasowanego do liczby elementów, które chcesz wyświetlić.
Po zmianie trybu kolumnowego układ strony wygląda inaczej niż wcześniej.	Zmiana trybu wpływa na sposób rozmieszczenia wszystkich elementów w danym wierszu. Po zmianie warto sprawdzić wygląd strony i w razie potrzeby dostosować treść lub zdjęcia.

Zobacz także