Postup vytvoření vnořených šablon v aplikaci Dreamweaver

Naposledy aktualizováno 25. 4. 2024

Naučte se v aplikaci Dreamweaver vytvářet vnořené šablony pro kontrolu obsahu na stránkách, které sdílí návrhové prvky.

Vnořená šablona je šablona, jejíž vzhled a upravitelné oblasti jsou založeny na jiné šabloně. Vnořené šablony jsou užitečné pro řízení obsahu na stránkách webu, které sdílejí mnoho prvků vzhledu, ale mají mezi stránkami několik odlišností. Například základní šablona může obsahovat širší oblasti vzhledu a být použitelná mnoha přispěvateli obsahu pro web, zatímco vnořená šablona může dále definovat upravitelné oblasti na stránkách pro konkrétní sekci webu.

Upravitelné oblasti v základní šabloně se předávají do vnořené šablony a zůstávají upravitelné na stránkách vytvořených z vnořené šablony, pokud do těchto oblastí nejsou vloženy nové oblasti šablony.

Změny v základní šabloně se automaticky aktualizují v šablonách založených na základní šabloně a ve všech dokumentech založených na šabloně, které jsou založeny na hlavní a vnořených šablonách.

V následujícím příkladu šablona trioHome obsahuje tři upravitelné oblasti s názvy Body, NavBar a Footer:

Šablona se třemi upravitelnými oblastmi

Pro vytvoření vnořené šablony byl vytvořen nový dokument založený na šabloně a poté uložen jako šablona s názvem TrioNested. Ve vnořené šabloně byly přidány dvě upravitelné oblasti v upravitelné oblasti s názvem Body.

Vnořená šablona

Když přidáte novou upravitelnou oblast do upravitelné oblasti předané do vnořené šablony, barva zvýraznění upravitelné oblasti se změní na oranžovou. Obsah, který přidáte mimo upravitelnou oblast, například grafiku v oblasti editableColumn, již není upravitelný v dokumentech založených na vnořené šabloně. Modře zvýrazněné upravitelné oblasti, ať už přidané ve vnořené šabloně nebo předané ze základní šablony, zůstávají upravitelné v dokumentech, které jsou založeny na vnořené šabloně. Oblasti šablony, které neobsahují upravitelnou oblast, se předávají do dokumentů založených na šabloně jako upravitelné oblasti.

Vytvořit vnořenou předlohu

Vnořené šablony vám umožňují vytvořit variace základní šablony. Můžete vnořit více šablon pro definování stále specifičtějších rozvržení.

Ve výchozím nastavení se všechny upravitelné oblasti šablony ze základní šablony předávají přes vnořenou šablonu do dokumentu založeného na vnořené šabloně. To znamená, že pokud vytvoříte upravitelnou oblast v základní šabloně a poté vytvoříte vnořenou šablonu, upravitelná oblast se zobrazí v dokumentech založených na vnořené šabloně (pokud jste do této oblasti ve vnořené šabloně nevložili žádné nové oblasti šablony).

Poznámka

Můžete vložit značky šablony do upravitelné oblasti tak, aby se nepředávaly jako upravitelná oblast v dokumentech založených na vnořené šabloně.Takové oblasti mají oranžový okraj namísto modrého okraje.

Vytvořte dokument z předlohy, na které chcete založit vnořenou předlohu. Proveďte jeden z následujících úkonů:

  • V levém podokně panelu Datové zdroje klikněte na možnost Předlohy. Ve spodním podokně vyberte možnost Nová předloha.

  • Vyberte volbu Soubor > Nový. V dialogovém okně Nový dokument vyberte kategorii Stránka ze šablony, poté vyberte web, který obsahuje šablonu, kterou chcete použít. V seznamu šablon poklepejte na šablonu pro vytvoření nového dokumentu.

Vyberte Soubor > Uložit jako. V rozevíracím seznamu Uložit jako typ v dialogovém okně Uložit jako vyberte možnost Soubory předloh.

Do pole Uložit jako zadejte název a kliknutím na tlačítko OK uložte nový dokument jako vnořenou předlohu.

Zabránit předání upravitelné oblasti do vnořené šablony

Ve vnořených šablonách mají předávané upravitelné oblasti modrý okraj. Můžete vložit značky šablony do upravitelné oblasti tak, aby se nepřenášela jako upravitelná oblast v dokumentech založených na vnořené šabloně.Takové oblasti mají oranžový okraj namísto modrého okraje.

V zobrazení kódu vyhledejte upravitelnou oblast, u které chcete zabránit průchodu.

Upravitelné oblasti se definují pomocí tagů komentářů předlohy.

Přidejte následující kód ke kódu upravitelné oblasti:

@@(" ")@@

Tento kód šablony lze umístit kamkoli v rámci značek <!-- InstanceBeginEditable --><!-- InstanceEndEditable -->, které obklopují upravitelnou oblast. Například:

<!-- InstanceBeginEditable name="EditRegion1" -->

<p>@@("")@@ Upravitelná 1 </p>

<!-- InstanceEndEditable -->