Předpřipravené designy jsou skvělým výchozím bodem při vytváření nové stránky. Elegant Themes pravidelně knihovnu designů rozšiřuje o nové. Designy jsou dostupné zdarma a je možné je používat pro osobní i komerční projekty. Obrázky a ilustrace součástí designů jsou také volně dostupné a použitelné.

V tomto článku si ukážeme jak v Divi šabloně načíst přes Visual Builder a Knihovnu předpřipravený design.

Aby Divi knihovna s předpřipravenými designy fungovala, je třeba do šablony vložit API klíč. Návod jsme psali v článku Kde najít a jak aktivovat API klíč u Elegant Themes produktů.

Jak načíst předpřipravený design pomocí Visual Builderu

V případě, že zakládáte novou stránku a poprvé pustíte Visual Buider, tak budete dotázáni, jak chcete začíst designovat stránku. Pro načtení předpřipraveného designu vyberte možnost CHOOSE A PREMADE LAYOUT.

První spuštění Visual Builderu

V případě, že už jste na stránce pracovali a máte aktivní Visual Builder, tak do databáze předpřipravených designů se dostanete tak, že rozkliknete fialové kolečko se třemi tečkami a ze zobrazeného menu kliknete na ikonu +.

Menu Visual Builder

Zobrazí se Divi Knihovna s nabídkou dostupných designů.

Na levé straně máte kategorie designů a možnost využít k hledání klíčové slovo.

Předpřipravené designy v Divi

Když se vám nějaký design líbí, můžete na něj kliknout a detailněji si prohlédnout všechny jeho podstránky. Každý design totiž obsahuje podle jeho zaměření 6 – 10 typových podstránek (domů, kontakt, blog, o nás, atd.).

V detailu designu máte dvě tlačítka:

• View Live Demo – zobrazí živý náhled designu.
• Use This Layout – načte vybraný design stránky.

Detail předpřipraveného designu

Jakmile máte vybraný design, stačí kliknout na tlačítko Use This Layout a do stránky se načte celý design.

Import designu

Chvilku počkejte a až doběhne import máte stránku připravenou k úpravě.

Importovaný design