Prispôsobenie obsahu použitím úryvkov obsahu
Obsahové úryvky sú malé kúsky upraviteľného obsahu, ktorý môže byť umiestnený vývojárom v hlavičke, päte, webovej stránke alebo webovej šablóne, čo umožňuje prispôsobenie obsahu tak, aby bolo možné jednoducho vyplniť ktorúkoľvek časť rozvrhnutia webovej stránky.
Vývojár môže umiestniť úryvok pomocou Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %}, alebo {% include 'snippet' snippet_name:'<<snippet name>>' %}.
Upraviť úryvky
Úryvky je možné vytvárať a upravovať prostredníctvom aplikácie Správa portálov. Hlavná sila úryvku je skutočnosť, že môžete vyňať časť obsahu (iný než je na hlavnej kópii stránky) a každý statický obsah samostatne ho upraviť, vďaka čomu bude úplne spravovaný a upravovateľný prakticky všetok statický obsah vašej lokality.
Otvorte aplikáciu Spravovanie portálu.
Prejdite na Obsah>Úryvky obsahu.
Ak chcete vytvoriť nový úryvok, vyberte Nový.
Ak chcete upraviť existujúci úryvok, vyberte existujúci Úryvok kódu obsahu v mriežke.
Zadajte hodnoty pre nasledujúce polia:
| Meno | Popis |
|---|---|
| Meno | Názov môže vývojár použiť na umiestnenie hodnoty úryvku do kódu webovej lokality. |
| Webová lokalita | Webová stránka, ku ktorému je priradený úryvok. |
| Názov zobrazenia | Zobrazovaný názov pre úryvok obsahu. |
| Typ | Typ úryvku obsahu môže byť Text alebo HTML. |
| Jazyk úryvku kódu obsahu | Vyberte jazyk pre úryvok obsahu. Ak chcete pridať ďalšie jazyky, prejdite na povolenie podpory viacerých jazykov. |
| Hodnota | Obsah úryvku na zobrazenie na webovej lokalite. Môže vložiť obyčajný text alebo značku HTML. Môžete tiež použiť dynamické objekty s textovými alebo HTML značkami. |
Použitie úryvku
Úryvky môžete použiť na zobrazenie textu alebo HTML. Úryvky obsahu môžu tiež používať dynamické objekty a odkazovať na iný obsah, napríklad entity.
Pomocou krokov vysvetlených vyššie v tomto článku môžete napríklad vytvoriť/upraviť úryvok obsahu. Pri úprave úryvku môžete zahrnúť ukážkový kód do záznamu. Uistite sa, že nahradíte ID záznamu tabuľky Obchodný vzťah správnym ID z vášho prostredia. Namiesto Obchodného vzťahu môžete tiež použiť inú tabuľku.
Po vytvorení úryvku s textovými, HTML alebo dynamickými objektmi uvedenými v príklade vyššie ho môžete použiť na webovej stránke.
Pridanie úryvku na webovú stránku:
Vytvorte webovú šablónu a použitie dynamický objekt úryvkov na vyvolanie úryvku, ktorý ste vytvorili.
Vytvorte šablónu stránky pomocou predtým vytvorenej webovej šablóny.
Použite dizajnové štúdio na vytvorenie novej stránky pomocou predtým vytvoreného rozloženia stránky.
Príklad
Nasledujúci príklad používa databázu Microsoft Dataverse so vzorovými údajmi.
Poznámka
Budete musieť nakonfigurovať povolenia tabuľky pre tabuľku Obchodný vzťah (alebo akúkoľvek tabuľku, ktorú budete používať).
Otvorte aplikáciu Spravovanie portálu.
Prejdite na Obsah>Úryvky obsahu.
Ak chcete vytvoriť nový úryvok, vyberte Nový.
Zadajte názov. Napríklad AccountData.
Vyberte svoju webovú lokalitu.
Zadajte zobrazovaný názov. Napríklad AccountData.
V tomto príklade vyberte typ ako HTML. Taktiež môžete namiesto toho vybrať text.
Vyberte jazyk.
Skopírujte a prilepte vzorovú hodnotu:
{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %} {% if account %} <b> Account Name is: </b> {{ account.name }} <br> <i> Account State: </i> {{ account.statecode.label }}) {% endif %}Nahraďte identifikátor GUID záznamu záznamom tabuľky obchodných vzťahov z vašej databázy Dataverse.
Uložte úryvok obsahu.
V dizajnovom štúdiu Power Pages vytvorte novú webovú stránku alebo vyberte existujúcu webovú stránku.
Stlačte možnosť Upraviť kód.
Medzi existujúce značkami
<div></div>skopírujte a prilepte nasledujúcu zdrojovú hodnotu:{% include 'snippet' snippet_name:'AccountData' %}Ak sa líši, aktualizujte hodnotu pre snippet_name s názvom vášho úryvku.
Stlačte CTRL-S.
V dizajnovom štúdiu stlačte možnosť Synchronizácia
Stlačte možnosť Ukážka.
Informácie o účte sa zobrazia vykreslené ako súčasť úryvku:
Rovnaké kroky môžete vykonať aj pri úryvku obsahu z typu Text namiesto HTML, napríklad:
{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }}
Account State: {{ account.statecode.label }}
{% endif %}
Nahraďte identifikátor GUID záznamu záznamom tabuľky obchodných vzťahov z vašej databázy Dataverse.
Pri prehľadávaní stránky s týmto úryvkom obsahu sa informácie v tabuľke zobrazia pomocou dynamického objektu spolu s textom namiesto HTML. Podobne môžete na zobrazenie obsahu použiť aj iba HTML, bez použitia dynamických objektov.