# 35 układów bloga

URL: https://canvaswp.com/pl/templates/blog/
Updated: 2026-11-03

Szablony

Układy archiwów: od klasycznej listy z panelem bocznym po siatkę w stylu magazynu, a także pasujące do nich układy pojedynczych wpisów.

[Otwórz prezentację na żywo](https://demos.canvaswp.com/classic/) [Przeglądaj dema witryn](https://canvaswp.com/pl/demos/)

Zaktualizowano 3 listopada 2026

- Domyślny
- Oś czasu
- Masonry
- Siatka
- Małe miniatury
- Podział elementów
- Redakcyjny
- Pojedynczy wpis

## Domyślne 4

Klasyczne archiwum: jeden wpis pod drugim, każdy z obrazem nad tytułem. To blok Blog Loop z ustawionym układem Standard, a wersje różnią się tylko tym, gdzie znajduje się pasek boczny, jeśli taki jest.

- [Prawy pasek boczny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/)
- [Lewa kolumna boczna (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-left-sidebar/)
- [Pasek boczny po obu stronach (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-both-sidebar/)
- [Pełna szerokość (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-full-width/)

## Oś czasu 3

Wpisy są umieszczone przy pionowej linii biegnącej przez stronę i oznaczone datami. Blog Loop ma dwa układy osi czasu. Oś czasu (Siatka) rozmieszcza wpisy po obu stronach linii na stronie o pełnej szerokości, a Oś czasu (Lista) układa je w jednej kolumnie, czyli tak, jak w wersjach z paskiem bocznym.

- [Prawy pasek boczny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-timeline-right-sidebar/)
- [Lewa kolumna boczna (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-timeline-left-sidebar/)
- [Pełna szerokość (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-timeline/)

## Masonry 4

Karty zachowują naturalną wysokość i układają się w kolumny, dzięki czemu krótki wpis nigdy nie zostawia dziury obok długiego. To układ Masonry bloku Blog Loop, od dwóch kolumn aż do pełnej szerokości ekranu.

- [4 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-masonry/)
- [3 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-masonry-3/)
- [2 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-masonry-2/)
- [Szerokość 100% (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-masonry-full/)

## Siatka 3

Równe karty w schludnych rzędach, ustawiane przez układ Grid. Wybierz go, gdy każdy wpis ma wyraźny obraz wyróżniający, ponieważ to właśnie obraz wyrównuje każdy rząd.

- [4 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-grid/)
- [3 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-grid-3/)
- [2 kolumny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-grid-2/)

## Małe miniatury 5

Mały obrazek obok tytułu i fragmentu, dzięki czemu na jednym ekranie mieści się więcej wpisów. Układ Small bloku Blog Loop wyświetla wszystkie te elementy; warianty przenoszą pasek boczny albo z niego rezygnują, a wariant alternatywny zmienia rytm listy.

- [Lewa kolumna boczna (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-small-left-sidebar/)
- [Prawy pasek boczny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-small/)
- [Pasek boczny po obu stronach (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-small-both-sidebar/)
- [Pełna szerokość (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-small-full-width/)
- [Układ naprzemienny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-small-alt/)

## Podział elementów 2

Dwa sposoby podziału długiego archiwum, oba wybierane w panelu Pagination bloku Blog Loop: numerowane strony albo nieskończone przewijanie, które pobiera kolejną stronę, gdy czytelnik dotrze do końca. Ten sam panel oferuje też stronicowanie do starszych i nowszych wpisów, przycisk Załaduj więcej oraz ładowanie w partiach.

- [Pagination (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-grid/)
- [Nieskończone przewijanie (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-masonry/)

## Redakcyjne 6

Strony główne dla publikacji. Każda łączy kilka bloków Blog Loop, z umieszczonymi w nich Post Image, Post Terms i Post Title, dzięki czemu wyróżniony artykuł, rząd kart i listę nagłówków można umieścić na jednej stronie. Przycisk „Wczytaj więcej” pokazuje wpisy po kilka naraz i prosi serwer o kolejne dopiero, gdy te się skończą.

- [Magazyn (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-magazine/)
- [Mieszany kanał (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-mixed-feed/)
- [Karty z nakładką (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-cards-overlay/)
- [Podzielony ekran (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-list-split/)
- [Wczytaj więcej (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-load-more/)
- [Z filtrem (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog-with-filter/)

## Pojedynczych 8

Wpis pobiera układ z szablonu wybranego w ustawieniu Szablon podczas jego edycji. Obok standardowego wpisu z paskiem bocznym motyw zawiera wersje z małym obrazem oraz z podziałem na media, wpis na pełną szerokość i trzy układy redakcyjne: jeden z paskiem postępu czytania, jeden otwierający się na immersyjnej sekcji hero i jeden pod tytułem strony.

- [Domyślny układ (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/)
- [Lewa kolumna boczna (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2021/02/24/blog-single-left-sidebar/)
- [Pełna szerokość (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2021/02/16/blog-single-full/)
- [Mały obraz (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2021/03/08/blog-single-small/)
- [Układ dzielony (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2021/04/05/blog-single-split-right-sidebar/)
- [Redakcyjny (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/)
- [Editorial Immersive (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2026/02/24/night-train-to-trieste/)
- [Redakcyjny z tytułem (otwiera się w nowej karcie)](https://demos.canvaswp.com/classic/blog/2026/02/11/jane-doe-on-building-type/)

Każdy link otwiera prawdziwą stronę w działającym pokazie, zbudowaną przy użyciu tego samego motywu i bloków, które można zainstalować.

Na własnej witrynie

## Każde archiwum tutaj to jeden blok do skonfigurowania

Nic na tych stronach nie jest stałym projektem, który musisz przyjąć w całości. Każde archiwum to blok z układem, a każda karta to zestaw mniejszych bloków, które sam ustawiasz.

### Wybierz układ

Wstaw blok Blog Loop i wybierz spośród układów: Standard, Grid, Small, Small Alt, trzy style listy, Masonry oraz dwie osie czasu. Styl paginacji wybiera się osobno, w osobnym panelu, dzięki czemu każdy układ może korzystać ze stronicowania, przewijania lub ładowania partiami.

### Zbuduj kartę

Wewnątrz pętli znajdują się bloki wpisu tworzące każdą kartę: Post Media, Post Title, Post Meta i Post Excerpt w standardowym układzie. Usuń zajawkę dla listy nagłówków albo dodaj Post Terms dla etykiety kategorii. Canvas ma łącznie 31 bloków wpisów.

### Albo wstaw gotowy wzorzec

Wzorzec trafia do strony jako zwykłe bloki, czyli te same, które opisuje ta strona. Wstawiacz wzorców zawiera gotowe do edycji sekcje bloga, m.in. siatkę, listę, układ masonry i oś czasu.

### Lub zaimportuj cały blog

57 z 88 dem importuje wpisy na blogu wraz z ich kategoriami, a dema Blog i Modern Blog są zbudowane wokół publikowania.

- [Przeglądaj katalog dem](https://canvaswp.com/pl/demos/)

Wybór

## Który układ bloga pasuje do częstotliwości publikowania

Zanim wybierzesz, sprawdź, jak często publikujesz wpisy. Firma, która publikuje raz w miesiącu, ma krótkie archiwum, a standardowy układ z paskiem bocznym pokazuje je dobrze, bez wrażenia pustki.

Serwis publikujący treści każdego dnia potrzebuje gęstości. Małe miniatury, siatka lub redakcyjna strona główna pokazują więcej artykułów naraz, a strony redakcyjne dają artykułowi wiodącemu tyle miejsca, ile dałaby redakcja. Nieskończone przewijanie sprawdza się u czytelników, którzy przeglądają. Numerowane strony sprawdzają się u czytelników, którzy wracają po coś, co już widzieli.

Masonry jest dla wpisów, których zdjęcia mają różne proporcje. Oś czasu nadaje się do wszystkiego, co czyta się w kolejności dat, jak lista zmian, dziennik projektu czy sezon klubu. Następnie wybierz pasujący szablon pojedynczego wpisu: długi tekst zasługuje na pasek postępu czytania, a fotorelacja na immersyjny hero.

Więcej szablonów

## Reszta biblioteki

- [Szablony stron 13](https://canvaswp.com/pl/templates/page-templates/)
- [Shortcody i elementy 57](https://canvaswp.com/pl/templates/shortcodes/)
- [Układy portfolio 27](https://canvaswp.com/pl/templates/portfolio/)
- [Układy sklepu 9](https://canvaswp.com/pl/templates/shop/)
