Webové šablóny
Webová šablóna je záznam metadát lokality Power Pages, ktorý sa používa na uloženie zdrojového obsahu šablóny. Webová šablóna zvyčajne obsahuje Liquid na dynamické vykresľovanie obsahu a je centrálnou tabuľkou používanou na integráciu šablón Liquid so zvyškom Power Pages.
Webové šablóny môžu byť zahrnuté do iného obsahu alebo v kombinácii s inými šablóny pomocou značiek šablóny, a odkazuje v týchto značiek podľa ich atribútu Názov. Môžete tiež vytvoriť celú vlastné rozloženia stránok alebo vytvoriť vlastné hlavičky alebo päty pre vašu webovú lokalitu Power Pages.
Atribúty webovej šablóny
| Atribút | Popis |
|---|---|
| Name | Názov šablóny. Použité na referenciu tejto šablóny v prípade, ak je zahrnutá v inom obsahu alebo rozšírená cez iné šablóny. |
| Source | Zdrojový obsah šablóny. Pre toto pole je v aplikácii Power Apps k dispozícii editor zdrojového kódu so zvýrazňovaním syntaxe a ďalšími funkciami na úpravu kódu. |
| Typ MIME | Voliteľne poskytuje typ MIME pre obsah šablóny. Ak nie je zadaný žiadny typ, predpokladá sa typ text/html. Táto hodnota sa použije iba v prípadoch, keď je priradená šablóna stránky šablóny, a riadi poskytovanie celého obsahu šablóny. |
Webové šablóny ako vlastné rozloženia stránky
Webové šablóny možno použiť v súčinnosti so šablónami stránok na vytvorenie nových rozložení stránok pre lokality Power Pages.
Ak chcete vytvoriť novú šablónu stránky na základe webovej šablóny, vyberte Typ webovej šablóny pri vytváraní novej nového záznamu šablóny stránky. Vyberte webová šablóna.
Všimnite si možnosť Použiť hlavičku a pätu webovej lokality(ktorý je v predvolenom nastavení začiarknuté). Ak je možnosť označená, vaša webová šablóna bude ovládať vykresľovanie všetkého obsahu stránky medzi hlavičkou a pätou globálnej webovej lokality. Ak možnosť označená nie je, vaša webová šablóna bude zodpovedná za vykreslenie celej odpovede v prípade, že vykresľujete HTML, to znamená vykresliť všetky značky od doctype až po koreňové <html> a tiež to, čo je medzi nimi.
Zatiaľ čo najbežnejšie prípady použitia pre webové šablóny budú k tomu, HTML, renderovanie celý odpoveď (zrušením Použiť hlavičku a pätu webovej lokality) vám dáva možnosť renderovanie akýkoľvek textový formát. To je miesto, kde sa atribút webovej šablóny Typ MIME stáva relevantným. Pri vykresľovaní šablóny stránky, ktorá nepoužíva hlavičku a pätu webovej stránky, sa hlavička typu obsah odpovede HTTP nastaví na typ MIME súvisiacej webovej šablóny (ak nie je uvedený typ MIME, použije sa text/html), čo poskytuje širokú škálu možností vykresľovania obsahu iného ako HTML použitím Liquid. Bežným príkladom, bude vykreslenie kanálu RSS nastavením typu MIME na application/rss+xml.
Web šablóny ako webové stránky hlavičky a päty
Webové šablóny možno tiež použiť na zmenu globálnej hlavičky a päty používanej v Power Pages. Nastavte pole Šablóna hlavičky alebo Šablóna päty vašej webovej stránky na webovú šablónu podľa svojho výberu. Ak prepíšete Hlavičku webovej lokality, vybraná šablóna prevezme zodpovednosť za vykresľovanie primárnej navigácie, prihlasovacích/odhlasovacích prepojení, vyhľadávacieho rozhrania atď. pre prvky rozhrania vášho webu, ktoré normálne spracúva predvolená šablóna záhlavia.
Zabudované webové šablóny
Existuje rad predpripravených šablón Liquid dostupných v rámci Power Pages. Ich použitie, musí obsahovať ich meno, pomocou zoznamu nižšie ako referenčné.
| Názov | Opis | Kód |
|---|---|---|
| Reklama | Táto šablóna vykreslí reklamu podľa názvu alebo náhodnú reklamu z umiestnenia reklamy. | {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %} |
| Blogy | Táto šablóna vykreslí najnovšie blogové príspevky v skupine zoznamov. | {% include 'blogs' %} |
| Navigačné prvky Breadcrumb | Táto šablóna vykresľuje prepojenia nadradených stránok späť na domovskú stránku z aktuálnej stránky. | {% include 'breadcrumbs' %} |
| Skupina zoznamov s podradenými prepojeniami | Táto šablóna vykresľuje prepojenia na všetky podradené stránky aktuálnej stránky v skupine zoznamov. | {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %} |
| Udalosti: nadchádzajúce | Táto šablóna vykresľuje prepojenia na udalosti, ku ktorým dôjde do 60 dní odteraz. | {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %} |
| Fóra | Táto šablóna vykresľuje zoznam fór webovej lokality s príslušným počtom vlákien a príspevkov. | {% include 'forums' %} |
| Rozloženie s 1 stĺpcom | Táto šablóna vykresľuje rozloženie s jedným stĺpcom, ktoré obsahuje navigačné prvky Breadcrumb, názov stránky a obsah kópie stránky. | {% extends 'layout_1_column' %}{% block main %}... {% endblock %} |
| Rozloženie s 2 stĺpcami, pričom ľavý stĺpec je široký | Táto šablóna poskytuje dvojstĺpcové rozvrhnutie. Ľavý stĺpec je širší než ten pravý. Obsahuje navigačné prvky Breadcrumb, názov stránky v hornej časti stránky a obsah skopírovaný zo stránky sa nachádza v ľavom stĺpci. | {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Rozloženie s 2 stĺpcami, pričom pravý stĺpec je široký | Táto šablóna poskytuje dvojstĺpcové rozvrhnutie. Pravý stĺpec je širší než ten ľavý. Obsahuje navigačné prvky Breadcrumb, názov stránky v hornej časti stránky a obsah skopírovaný zo stránky sa nachádza v pravom stĺpci. | {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Rozloženie s 3 stĺpcami, pričom stredný stĺpec je široký | Táto šablóna poskytuje trojstĺpcové rozvrhnutie. Stredný stĺpec je širší než tie vľavo a vpravo. Rozvrhnutie obsahuje navigačné prvky Breadcrumb a názov stránky na vrchu stránke a obsah skopírovaný zo stránky sa nachádza v strednom stĺpci. | {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %} |
| Kópia stránky | Táto šablóna vykresľuje obsah kópie stránky vo formáte HTML, ktorý možno upraviť, s podporou pre zabudované menlivé položky. | {% include 'page_copy' %} |
| Hlavička strany | Táto šablóna vykresľuje názov stránky. | {% include 'page_header' %} |
| Hlasovanie | Táto šablóna vykresľuje hlasovanie podľa názvu alebo náhodné hlasovanie z umiestnenia hlasovania. | {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %} |
| Hľadať | Táto šablóna vykresľuje základný formulár vyhľadávania s jedným zadaným textom a tlačidlom vyhľadávania. | {% include 'search' %} |
| Bočná navigácia | Táto šablóna vykresľuje vertikálne stromové zobrazenie štýlu navigácie. Táto šablóna vykresľuje zvislú navigáciu štýlu stromového zobrazenia (alebo stanovenú hĺbku odsadenia). Obsahuje prepojenia na nadradené stránky späť až do prvej úrovne, prepojenia na príbuzné stránky aktuálnej stránky a prepojenia na podradené stránky aktuálnej stránky. | {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %} |
| Zlomok | Táto šablóna vykresľuje zlomok obsahu vo formáte HTML, ktorý možno upraviť, podľa názvu. | {% include 'snippet' snippet_name:'Name' %} |
| Horná navigácia | Táto šablóna vykresľuje navigačný panel, ktorý možno upraviť, s rozbaľovacími ponukami pre množinu webových prepojení v rámci primárnej navigácie. | {% include 'top_navigation' %} |
| Skupina zoznamov s webovými prepojeniami | Táto šablóna vykresľuje skupinu zoznamov prepojení pre množinu webových prepojení. | {% include 'weblink_list_group' weblink_set_name:'Name' %} |
Webové šablóny ako súčasti (verzia Preview)
Webové šablóny je možné vytvárať a používať ako komponenty na webových stránkach, čo umožňuje tvorcom používať tieto opakovane použiteľné komponenty a poskytovať parametre na splnenie požiadaviek.
Ďalšie informácie: Webové šablóny ako komponenty