--- 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.7: Nový systém náhledu responzivity" url: https://www.wplama.cz/divi-4-7-novy-system-nahledu-responzivity/ date: 2020-11-19 modified: 2020-11-13 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [Divi, Elegant Themes] --- Divi šablona a Elegant Themes # Divi 4.7: Nový systém náhledu responzivity [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 19. 11. 2020 1 min čtení Pozor: Článek je z roku 2020. Některé postupy se mohly změnit. ![Náhled Divi](https://www.wplama.cz/wp-content/uploads/2020/11/nahled-divi.png "Náhled Divi") Obsah článku (3 kapitoly) 1. [Upravte si zobrazení náhledu](https://www.wplama.cz/divi-4-7-novy-system-nahledu-responzivity/#upravte-si-zobrazeni-nahledu) 2. [Náhled webu na populárních zařízeních](https://www.wplama.cz/divi-4-7-novy-system-nahledu-responzivity/#nahled-webu-na-popularnich-zarizenich) 3. [Upravte si výchozí hodnoty](https://www.wplama.cz/divi-4-7-novy-system-nahledu-responzivity/#upravte-si-vychozi-hodnoty) Aktualizace šablony Divi 4.7 od [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) obsahuje nový a vylepšený způsob náhledu zobrazení webu v responzivitě. Nově je možné zobrazit náhled webu na předdefinovaných zařízeních (na výšku šířku) a i na vlastním rozlišení. [The New Divi Responsive Preview System!](about:blank) ## Upravte si zobrazení náhledu Když se ve Visual Builderu přepnete do režimu náhledu, tak se nad ním zobrazí nové možnosti nastavení. Můžete upravit výšku a šířku náhledu zadáním číselných hodnot nebo chycením kraje náhledu a jeho přetažením. Generování náhledu bylo upraveno a nyní je vytvářen výrazně rychleji, než tomu bylo dříve. [https://www.wplama.cz/wp-content/uploads/2020/11/zobrazeni-nahledu.mp4](https://www.wplama.cz/wp-content/uploads/2020/11/zobrazeni-nahledu.mp4) ## Náhled webu na populárních zařízeních Kromě vlastního rozměru náhledu můžete také využít předdefinované hodnoty vytvořené podle populárních zařízení. Šířka náhledu se zobrazí podle předdefinováného rozměru a šedivá linka bude označovat výšku zobrazení. [https://www.wplama.cz/wp-content/uploads/2020/11/nahled-na-popularnich-zarizenich.mp4](https://www.wplama.cz/wp-content/uploads/2020/11/nahled-na-popularnich-zarizenich.mp4) ## Upravte si výchozí hodnoty Nově si také můžete změnit výchozí hodnoty pro zobrazení náhledu telefonu a tabletu. Takže pokaždé, když přepnete na náhled, bude rovnou zobrazen v požadovaném rozměru. Nastavení uděláte tak, že si náhled upravíte požadovaný rozměr a kliknete na *Make default*. [https://www.wplama.cz/wp-content/uploads/2020/11/vychozi-hodnoty.mp4](https://www.wplama.cz/wp-content/uploads/2020/11/vychozi-hodnoty.mp4) Více o [šabloně Divi](https://www.wplama.cz/divi-sablona/). - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) Sdílet - - [](mailto:?subject=Divi 4.7: Nový systém náhledu responzivity&body=Divi 4.7: Nový systém náhledu responzivity https://www.wplama.cz/divi-4-7-novy-system-nahledu-responzivity/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-7-novy-system-nahledu-responzivity%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-7-novy-system-nahledu-responzivity%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-7-novy-system-nahledu-responzivity/#respond) [← Předchozí článek WooCommerce 4.7](https://www.wplama.cz/woocommerce-4-7/) [Další článek → Black Friday 2020 ve světě WordPress (šablony, pluginy)](https://www.wplama.cz/black-friday-2020-wordpress/) 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í ---