# 35 blogových layoutů

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

Předlohy

Rozvržení archivů od klasického postranního seznamu až po magazínovou mřížku, a k nim odpovídající rozvržení jednotlivých příspěvků.

[Otevřít živou ukázku](https://demos.canvaswp.com/classic/) [Procházet dema webů](https://canvaswp.com/cs/demos/)

Aktualizováno 3. listopadu 2026

- Výchozí
- Časová osa
- Masonry
- Mřížka
- Small Thumbs
- Rozdělení položek
- Redakční
- Detail příspěvku

## Výchozí 4

Klasický archiv: jeden příspěvek pod druhým, každý s obrázkem nad titulkem. Jde o blok Blog Loop s nastavením Rozvržení na Standard a verze se liší jen tím, kde je postranní panel, pokud nějaký je.

- [Pravý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/)
- [Levý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-left-sidebar/)
- [Obě postranní lišty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-both-sidebar/)
- [Plná šířka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-full-width/)

## Časová osa 3

Příspěvky visí na lince procházející stránkou a jsou označené svými daty. Blog Loop nabízí dvě rozvržení časové osy. Timeline (Grid) rozmisťuje příspěvky po obou stranách linky na stránce s plnou šířkou, zatímco Timeline (List) je řadí do jednoho sloupce, což používají verze s postranním panelem.

- [Pravý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-timeline-right-sidebar/)
- [Levý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-timeline-left-sidebar/)
- [Plná šířka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-timeline/)

## Masonry 4

Karty si zachovávají přirozenou výšku a skládají se do sloupců, takže krátký příspěvek nikdy nenechá mezeru vedle dlouhého. Jde o rozvržení Masonry bloku Blog Loop, od dvou sloupců až po plnou šířku obrazovky.

- [4 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-masonry/)
- [3 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-masonry-3/)
- [2 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-masonry-2/)
- [Šířka 100 % (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-masonry-full/)

## Mřížka 3

Karty stejné velikosti v úhledných řadách nastavuje rozvržení Grid. Zvolte jej, když každý příspěvek obsahuje výrazný úvodní obrázek, protože právě obrázek zarovná jednotlivé řady.

- [4 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-grid/)
- [3 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-grid-3/)
- [2 sloupce (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-grid-2/)

## Malé náhledy 5

Malý obrázek vedle nadpisu a úryvku, takže se na jednu obrazovku vejde více příspěvků. Rozložení Small bloku Blog Loop vykresluje všechny tyto prvky. Verze přesouvají postranní panel nebo se bez něj obejdou a alternativní verze mění rytmus seznamu.

- [Levý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-small-left-sidebar/)
- [Pravý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-small/)
- [Obě postranní lišty (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-small-both-sidebar/)
- [Plná šířka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-small-full-width/)
- [Alternativní rozložení (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-small-alt/)

## Rozdělení položek 2

Dva způsoby, jak rozdělit dlouhý archiv, oba se nastavují v panelu Pagination bloku Blog Loop: číslované stránky, nebo nekonečné posouvání, které načte další stránku, jakmile čtenář dojde na konec. Stejný panel nabízí také stránkování na starší a novější příspěvky, tlačítko Načíst více a načítání po dávkách.

- [Pagination (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-grid/)
- [Nekonečné posouvání (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-masonry/)

## Redakční 6

Úvodní stránky pro publikace. Každá kombinuje několik bloků Blog Loop, do kterých jsou vloženy Post Image, Post Terms a Post Title, takže hlavní článek, řada karet a seznam nadpisů mohou sdílet jednu stránku. Načíst více zobrazí příspěvky po několika a server požádá o další jen tehdy, když ty stávající dojdou.

- [Magazín (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-magazine/)
- [Smíšený kanál (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-mixed-feed/)
- [Karty s překryvem (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-cards-overlay/)
- [Rozdělená obrazovka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-list-split/)
- [Načíst další (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-load-more/)
- [S filtrem (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog-with-filter/)

## Jednotlivé šablony (8)

Příspěvek přebírá rozvržení z předlohy, kterou vyberete v nastavení Předloha, když ho upravujete. Vedle standardního příspěvku s postranní lištou šablona nabízí verze s malým obrázkem a rozdělenými médii, příspěvek na celou šířku a tři redakční rozvržení: jedno s indikátorem průběhu čtení, jedno s pohlcující úvodní sekcí Hero a jedno pod titulkem stránky.

- [Výchozí rozvržení (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2021/02/10/blog-single/)
- [Levý postranní panel (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2021/02/24/blog-single-left-sidebar/)
- [Plná šířka (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2021/02/16/blog-single-full/)
- [Malý obrázek (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2021/03/08/blog-single-small/)
- [Rozdělené rozložení (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2021/04/05/blog-single-split-right-sidebar/)
- [Redakční (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/03/12/the-slow-web/)
- [Editorial Immersive (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/02/24/night-train-to-trieste/)
- [Redakční s titulkem (otevře se v nové záložce)](https://demos.canvaswp.com/classic/blog/2026/02/11/jane-doe-on-building-type/)

Každý odkaz otevře skutečnou stránku na živé ukázce, vytvořenou stejnou šablonou a bloky, které nainstalujete.

Na vlastním webu

## Každý archiv zde tvoří jeden blok, který si nastavíte

Žádná část těchto stránek není pevný návrh, který byste museli přijmout celý. Každý archiv je blok s rozvržením a každá karta je složena z menších bloků, které si uspořádáte.

### Vyberte rozvržení

Vložte blok Blog Loop a vyberte z možností Standard, Grid, Small, Small Alt, tři styly seznamu, Masonry a dvě časové osy. Styl stránkování je samostatná volba v samostatném panelu, takže libovolné rozvržení může stránkovat, načítat obsah při posouvání nebo po dávkách.

### Sestavte kartu

Uvnitř smyčky jsou bloky příspěvků, ze kterých se skládá každá karta: Post Media, Post Title, Post Meta a Post Excerpt ve standardním rozvržení. U seznamu nadpisů odstraňte výňatek, nebo přidejte Post Terms pro štítek kategorie. Canvas má celkem 31 bloků příspěvků.

### Nebo vložte vzor

Vkladač vzorů nabízí připravené sekce blogu k úpravám, mezi nimi mřížku, seznam, masonry a časovou osu. Vzor se vloží jako běžné bloky, tytéž, které tato stránka popisuje.

### Nebo importujte celý blog

V 57 případech z 88 dem se importují i s články blogu a jejich kategoriemi, a dema Blog a Modern Blog jsou postavená na publikování.

- [Procházet katalog dem](https://canvaswp.com/cs/demos/)

Výběr

## Které rozvržení blogu odpovídá tomu, jak často publikujete

Než se rozhodnete, zjistěte, jak často publikujete. Firma, která publikuje jednou měsíčně, má krátký archiv, a standardní rozložení s postranním panelem ho předvede, aniž by působil prázdně.

Publikace, která přidává příspěvky každý den, potřebuje hustotu. Malé náhledy, mřížka nebo redakční úvodní stránka zobrazí víc článků najednou a redakční stránky dají hlavnímu článku prostor, jaký by mu dala redakce. Nekonečné posouvání se hodí čtenářům, kteří obsah jen procházejí. Číslované stránky se hodí čtenářům, kteří se vracejí pro něco, co už viděli.

Masonry je určen pro příspěvky, jejichž obrázky mají každý tvar. Timeline se hodí pro vše, co se čte v pořadí data, jako seznam změn, deník projektu nebo sezóna klubu. Pak vyberte šablonu jednotlivého příspěvku, která tomu odpovídá: dlouhé čtení si zaslouží lištu průběhu čtení a fotopříběh si zaslouží pohlcující hero.

Další předlohy

## Zbytek knihovny

- [Předlohy stránek 13](https://canvaswp.com/cs/templates/page-templates/)
- [Shortcody a prvky 57](https://canvaswp.com/cs/templates/shortcodes/)
- [Rozložení portfolia 27](https://canvaswp.com/cs/templates/portfolio/)
- [Rozvržení obchodu 9](https://canvaswp.com/cs/templates/shop/)
