Układy

W DMScms Układy to zestaw gotowych szablonów graficznych i strukturalnych, które znacząco ułatwiają tworzenie i edycję podstron o zróżnicowanym wyglądzie oraz funkcjonalności. Układy definiują sposób prezentacji treści na stronie, pozwalając na logiczne i estetyczne rozmieszczenie tekstów, zdjęć, galerii, elementów ofertowych oraz modułów interaktywnych.

Dzięki wykorzystaniu układów możliwe jest szybkie budowanie spójnych wizualnie podstron bez konieczności ręcznego kodowania czy ingerencji w strukturę HTML. Redaktor strony wybiera odpowiedni układ, uzupełnia go treścią i materiałami graficznymi, a system automatycznie dba o poprawne wyświetlanie całości na różnych urządzeniach, w tym na komputerach, tabletach i smartfonach.

Układy w DMScms wspierają także dobre praktyki UX oraz SEO. Pozwalają zachować czytelną hierarchię treści, prawidłowe użycie nagłówków, logiczny podział sekcji oraz estetyczną prezentację elementów wizualnych. Dzięki temu strony są bardziej przejrzyste dla użytkowników i lepiej indeksowane przez wyszukiwarki internetowe.

W celu ułatwienia pracy oraz lepszego dopasowania układów do rodzaju treści, zostały one podzielone na cztery podstawowe kategorie.

Układy zostały podzielone na 4 podstawowe kategorie: 

• Tekst - układy składające się ze zdjęcia i treści
• Galeria - układy galerii zdjęc
• Funkcyjne - znajdziemy układy takie jak Produkt, News, Realizacja, Pliki do pobrania, FAQ, Formularz, Mapa Google oraz Spis treści
• Indywidualne - układy boksowe i dodatkowe

Układy tekstowe służą do prezentacji treści opisowych w najbardziej uniwersalnej i elastycznej formie. To podstawowy typ układów, wykorzystywany przy tworzeniu stron informacyjnych, ofertowych, artykułów, opisów usług oraz treści SEO. Pozwalają one na czytelne połączenie tekstu z elementami graficznymi, takimi jak zdjęcia czy nagłówki, bez konieczności posiadania wiedzy technicznej.

Dzięki różnym wariantom rozmieszczenia obrazu – po lewej lub prawej stronie, nad tekstem albo w osobnej kolumnie – możliwe jest dopasowanie wyglądu treści do jej charakteru oraz potrzeb użytkownika końcowego. Układy tekstowe pomagają zachować logiczną strukturę strony, poprawiają jej czytelność oraz wpływają pozytywnie na odbiór treści zarówno na komputerach, jak i urządzeniach mobilnych.

 

Zdjęcie z lewej strony otaczane tekstem​

Układ, w którym obraz umieszczony jest po lewej stronie, a tekst naturalnie go otacza. Sprawdza się przy dłuższych opisach, artykułach informacyjnych oraz treściach narracyjnych. 

 

Zdjęcie z prawej strony otaczane tekstem​

Analogiczny układ z obrazem po prawej stronie. Pozwala urozmaicić stronę wizualnie i przełamać monotonię długich bloków tekstu. Często stosowany naprzemiennie z wersją lewą dla lepszego rytmu strony.

 

Zdjęcie w lewej kolumnie

Układ dwukolumnowy, w którym obraz znajduje się w osobnej, lewej kolumnie, a tekst w prawej. Treść nie opływa zdjęcia – całość jest bardziej uporządkowana i symetryczna. Dobry wybór dla ofert i opisów usług.

 

Zdjęcie w prawej kolumnie

Dwukolumnowy układ z obrazem po prawej stronie i tekstem po lewej. Zapewnia czytelny podział treści i dobrze sprawdza się przy krótszych opisach. Polecany do sekcji informacyjnych i prezentacyjnych.

 

Zdjęcie nad tekstem

Obraz wyświetlany jest nad treścią tekstową. Układ szczególnie dobrze sprawdza się na urządzeniach mobilnych oraz w sekcjach, gdzie obraz ma przyciągać uwagę. Idealny do komunikatów, aktualności i landingów.

 

Tylko nagłówek/tytuł

Układ zawierający wyłącznie nagłówek. Służy do budowania struktury strony, dzielenia treści na sekcje i poprawy czytelności. Najczęściej wykorzystywany jako separator lub wprowadzenie do kolejnego bloku.

Układy galerii przeznaczone są do atrakcyjnej prezentacji materiałów wizualnych, takich jak zdjęcia produktów, realizacji, projektów czy wydarzeń. Pozwalają one na estetyczne i uporządkowane wyświetlanie grafik w formie statycznych galerii lub dynamicznych sliderów, które przyciągają uwagę użytkownika i wzbogacają wizualnie stronę.

Dostępność różnych wariantów – od galerii z kilkoma zdjęciami po slidery – umożliwia dopasowanie formy prezentacji do rodzaju treści oraz ilości materiałów graficznych. Układy galerii świetnie sprawdzają się na stronach ofertowych, w portfolio, na landing page’ach oraz w sekcjach promocyjnych.

 

Slider

Dynamiczna galeria zdjęć w formie przesuwanych slajdów. Umożliwia prezentację większej liczby obrazów na ograniczonej przestrzeni. Sprawdza się na stronach głównych i sekcjach promocyjnych.

  

Slider z 2 zdjęciami

Wariant slidera wyświetlający jednocześnie dwa zdjęcia. Pozwala porównać obrazy lub zaprezentować je parami. Dobry do prezentacji produktów lub zestawień.

 

Galeria - 2 zdjęcia

Statyczna galeria z dwoma zdjęciami obok siebie.Czytelna i minimalistyczna forma prezentacji.

 

Galeria - 3 zdjęcia

Układ umożliwiający wyświetlenie trzech zdjęć w jednym rzędzie lub układzie siatki. Często stosowany do prezentacji realizacji lub etapów projektu.

 

Galeria - 4 zdjęcia

Galeria czterech zdjęć w układzie siatki. Pozwala pokazać większą ilość materiału wizualnego bez użycia slidera.

Układy funkcyjne pozwalają na integrację treści strony z innymi modułami systemu CMS, takimi jak produkty, aktualności, realizacje, formularze czy mapy. Dzięki nim strona internetowa staje się dynamiczna i interaktywna, a jej zawartość może być automatycznie aktualizowana bez potrzeby ręcznej edycji każdej sekcji.

Ten typ układów jest szczególnie przydatny przy budowie stron ofertowych, serwisów firmowych oraz rozbudowanych witryn, gdzie istotne jest powiązanie treści z bazą danych systemu. Układy funkcyjne umożliwiają m.in. wyświetlanie list produktów, aktualnych newsów, sekcji FAQ, plików do pobrania czy formularzy kontaktowych w wybranym miejscu na stronie.

 

Podepnij produkty

Wyświetla listę produktów powiązanych z danym miejscem na stronie.

 

Podepnij news

Automatycznie wyświetla aktualności lub wpisy z modułu newsów.

 

Podepnij realizacje

Prezentuje realizacje lub projekty bez konieczności ich ręcznego dodawania.

 

Pliki do pobrania

Układ umożliwiający dodanie plików (PDF, DOC, ZIP) do pobrania.

 

FAQ - rozwijane pytania

Lista pytań i odpowiedzi w formie rozwijanych sekcji.

 

Formularz

Osadza formularz kontaktowy lub zapytania ofertowego.

Opinie z Google

Mapa Google

Wyświetla interaktywną mapę z lokalizacją firmy.

 

Spis treści

Automatycznie generuje listę nagłówków znajdujących się na stronie.

Układy indywidualne oferują największą elastyczność w tworzeniu niestandardowych sekcji strony internetowej. Przeznaczone są do budowy wyróżnionych bloków treści, boksów informacyjnych, sekcji promocyjnych oraz układów wielokolumnowych, które nie mieszczą się w standardowych schematach.

Dzięki układom indywidualnym możliwe jest tworzenie bardziej złożonych i unikalnych elementów strony, dopasowanych do konkretnego projektu, identyfikacji wizualnej lub kampanii marketingowej. Umożliwiają one prezentację treści w formie boksów z ikonami, kolumn porównawczych czy sekcji typu „call to action”.

 

Boks

Pojedynczy wyróżniony blok treści.

 

Boks 2 kolumny

Układ dzielący treść na dwie kolumny.

 

Boks 3 kolumnowy

Układ trójkolumnowy, umożliwiający prezentację większej liczby informacji w jednym wierszu.

  

Boksy tekstowe (z możliwością dodania ikony)

Zestaw boksów tekstowych, które mogą zawierać ikony.