---
site_name: WPlama
site_description: "Správa, opravy a vývoj WordPress webů a e-shopů"
site_url: https://www.wplama.cz
contact_email: info@wplama.cz

title: "Divi 4.1: Divi Layout blok"
url: https://www.wplama.cz/divi-4-1-divi-layout-blok/
date: 2020-01-13
modified: 2020-01-10
author: Tomáš Cirkl
type: post
categories: [Divi šablona a Elegant Themes]
tags: [blok, Divi, Divi Knihovna, Gutenberg, modul]
---

Divi šablona a Elegant Themes

# Divi 4.1: Divi Layout blok

[TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 13. 1. 2020 2 min čtení

Pozor:

Článek je z roku 2020. Některé postupy se mohly změnit.

![Divi Layout blok](https://www.wplama.cz/wp-content/uploads/2020/01/divi-layout-blok.jpg "Divi Layout blok")

Aktualizace Divi 4.1 přináší lepší kompatibilitu šablony (a jejího builderu) a výchozího WordPress editoru Gutenberg. Divi Layout blok umožňuje do obsahu tvořeného pomocí blokového editoru Gutenberg vložit segment z Divi Builderu.

Poznámka: Pokud jste ještě Gutenberg neotestovali, koukněte na náš článek [Kompletní průvodce novým výchozím WordPress editorem (Gutenberg)](https://www.wplama.cz/wordpress-gutenberg/).

[Introducing The Divi Layout Block For Gutenberg](about:blank)

## Divi Layout blok

![Divi Layout blok](https://www.wplama.cz/wp-content/uploads/2020/01/divi-layout-blok-1017x1024.jpg "Divi Layout blok")

Divi Layout blok

Divi Layout blok je Gutenberg blok, který funguje jako mini verze Divi Builderu. Můžete jej použít, aby jste do stránky vložili jakýkoliv Divi modul nebo vytvořený layout, který je uložený v Divi Knihovně. Design vložený přes Divi Layout blok můžete upravovat pomocí standardního Divi nastavení.

### Jak použít Divi Layout blok

![Vložení Divi Layout bloku](https://www.wplama.cz/wp-content/uploads/2020/01/vlozeni-divi-layout-bloku-1024x568.png "Vložení Divi Layout bloku")

Vložení Divi Layout bloku

Když přidáváte bloky v Gutenbergu, tak zde nově najdete Divi Layout blok. Tento blok může být vložen kamkoliv na stránku a může obsahovat jak samotný modul, tak kompletní design vytvořený přes Divi Builder.

### Načtení předpřipravených designů nebo vytvoření nového

[https://www.wplama.cz/wp-content/uploads/2020/01/load-layout.mp4](https://www.wplama.cz/wp-content/uploads/2020/01/load-layout.mp4)

Jakmile přidáte Divi Layout blok do stránky, tak si můžete vybrat zda chcete začít tvořit nový obsah nebo si vybrat uložený design v Knihovně. Otevře se známé okno z Divi a vy můžete začít upravovat. Vše probíhá bez přenačítání stránky.

### Použití více Divi Layout bloků na jedné stránce

[https://www.wplama.cz/wp-content/uploads/2020/01/multiple-blocks.mp4](https://www.wplama.cz/wp-content/uploads/2020/01/multiple-blocks.mp4)

Do stránky tvořené pomocí Gutenberg editoru můžete vložit tolik Divi Layout bloků, kolik jen chcete. Výsledná stránka může být mix klasických WordPress bloků a prvků z Divi Builderu. Práce s bloky zůstává zachována a stejně tak jejich funkčnost a nastavení.

### Upravování přímo ve stránce a bez přenačítání

[https://www.wplama.cz/wp-content/uploads/2020/01/edit-layout.mp4](https://www.wplama.cz/wp-content/uploads/2020/01/edit-layout.mp4)

Divi Layout blok zobrazí přímý náhled Divi Builderu, který můžete upravovat způsobem, jakým jste z Divi zvyklý. Jakmile skončíte s úpravou, vše uložíte pomocí Visual Builderu a můžete pokračovat. Střídání úpravy v Divi Builderu a Gutenberg editoru je plynulé a žádné přenačítání stránky není potřeba.

- [#blok](https://www.wplama.cz/stitek/blok/)
- [#Divi](https://www.wplama.cz/stitek/divi/)
- [#Divi Knihovna](https://www.wplama.cz/stitek/divi-knihovna/)
- [#Gutenberg](https://www.wplama.cz/stitek/gutenberg/)
- [#modul](https://www.wplama.cz/stitek/modul/)

Sdílet

-
- [](mailto:?subject=Divi 4.1: Divi Layout blok&body=Divi 4.1: Divi Layout blok https://www.wplama.cz/divi-4-1-divi-layout-blok/)
- [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-1-divi-layout-blok%2F)
- [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-1-divi-layout-blok%2F)

TC

Autor

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích.

1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/)

## Komentáře

Zatím tu nikdo nekomentoval. Napište první komentář.

### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-4-1-divi-layout-blok/#respond)

[← Předchozí článek Jak ve WordPress přidat do obsahu speciální znaky](https://www.wplama.cz/jak-ve-wordpress-pridat-do-obsahu-specialni-znaky/) [Další článek → Jak ve WordPress opravit chybu „Zmeškaná publikace“](https://www.wplama.cz/jak-ve-wordpress-opravit-chybu-zmeskana-publikace/)

Související

## Mohlo by vás zajímat

[Všechny články z rubriky Divi šablona a Elegant Themes →](https://www.wplama.cz/wordpress/divi-elegant-themes/)

![kombinovatelne nastaveni](https://www.wplama.cz/wp-content/uploads/2026/04/kombinovatelne-nastaveni.png "kombinovatelne nastaveni")

Divi šablona a Elegant Themes

### [Divi 5: Kombinovatelné nastavení](https://www.wplama.cz/divi-5-kombinovatelne-nastaveni/)

13. 4. 2026 2 min čtení

---

![command center](https://www.wplama.cz/wp-content/uploads/2026/03/command-center.png "command center")

Divi šablona a Elegant Themes

### [Divi 5: Command Center](https://www.wplama.cz/divi-5-command-center/)

7. 4. 2026 4 min čtení

---

![spekulativni prerendering](https://www.wplama.cz/wp-content/uploads/2026/03/spekulativni-prerendering.png "spekulativni prerendering")

Divi šablona a Elegant Themes

### [Divi 5: Spekulativní prerendering](https://www.wplama.cz/divi-5-spekulativni-prerendering/)

30. 3. 2026 3 min čtení

---