Dela via


Anpassa innehåll med innehållskodavsnitt

Innehållskodavsnitt är små bitar av redigerbart innehåll som kan placeras av en utvecklare i en sidhuvud, sidfot, webbsida eller en webbmall så att ett anpassningsbart innehåll enkelt fyller i en del av en webbsidas layout.

En utvecklare kan placera ett kodavsnitt med Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} eller {% include 'snippet' snippet_name:'<<snippet name>>' %}.

Redigera kodavsnitt

Kodavsnitt kan skapas och redigeras via programmet Portal Management. Den huvudsakliga kraften i textfragmenet är det faktum att du kan avskilja lite innehåll (annat än sidans huvudtext) och redigera denna separat, varför i princip allt statiskt innehåll på din webbplats kan innehållshanteras och redigeras helt och hållet.

  1. Öppna programmet Portalhantering.

  2. Gå till Innehåll>Innehållskodavsnitt.

  3. Om du vill skapa ett nytt utdrag väljer du Nytt.

  4. Markera ett befintligt Innehållsutdrag i rutnätet om du vill redigera ett befintligt utdrag.

Ange värden för följande fält:

Namn Beskrivning
Namn Namnet kan användas av utvecklare för att placera kodavsnittvärdet i webbplatskod.
Webbplats Den webbplats som är associerat med kodavsnittet.
Visningsnamn Visningsnamn för innehållskodavsnittet.
Type Typ av innehållskodavsnitt Text eller HTML.
Innehållskodavsnittets språk Välj språk för innehållskodavsnitt. Om du vill lägga till fler språk går du till Aktivera stöd för flera språk.
Värde Innehåll av utdrag som ska visas i webbplatsen. Du kan ange oformaterad text eller HTML-pålägg. Du kan även använda Liquid objekt med både text- eller HTML-värden.

Använd kodavsnitt

Du kan använda textutdrag för att visa text eller HTML. Innehållskodavsnitt kan också använda Liquid-objekt och referera till annat innehåll, t.ex. entiteter.

Du kan till exempel använda de åtgärder som förklaras tidigare i artikeln för att skapa eller redigera ett innehållskodavsnittet. När du redigerar kodavsnitt kan du lägga till exempelkod till en post. Kontrollera att du ersätter ID:t för konto tabellposten med rätt ID från din miljö. Du kan också använda en annan tabell i stället för Konto.

När du har skapat en kodavsnitt med text, HTML eller liquid-objekt som visas i exemplet ovan kan du använda den på en webbsida.

Så här lägger du till kodavsnitt på en webbsida:

  1. Skapa en webbmall och använda kodavsnitt för Liquid-objekt för att ringa upp de kodavsnitt som du skapade.

  2. Skapa en sidmall med hjälp av den tidigare skapade webbmallen.

  3. Använd designstudio för att skapa en ny sida med hjälp av sidlayouten som skapades tidigare.

Exempel

I följande exempel används en Microsoft Dataverse databas med exempeldata.

Kommentar

Du måste konfigurera tabellbehörigheter för tabellen Konto (eller i vilken tabell som helst).

  1. Öppna programmet Portalhantering.

  2. Gå till Innehåll>Innehållskodavsnitt.

  3. Om du vill skapa ett nytt utdrag väljer du Nytt.

  4. Ange namn. Exempel, AccountData.

  5. Välj din webbplats.

  6. Ange ett visningsnamn Exempel, AccountData.

  7. Välj typ som HTML för detta exempel. Du kan också välja text istället.

  8. Välj ett språk

  9. Kopiera och klistra in exempelvärde:

    {% 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 %}
    

    Ersätt GUID för posten med en kontotabellpost från Dataverse-databasen.

    Skapa innehållskodavsnitt.

  10. Spara innehållskodavsnitt

  11. I Power Pages designstudio, skapa en ny webbsida eller välj en befintlig webbsida.

  12. Välj Redigera kod.

  13. Kopiera och klistra <div></div> taggar, kopiera och klistra in följande källvärde:

    {% include 'snippet' snippet_name:'AccountData' %}

    Uppdatera värdet för snippet_name med ditt kodavsnittsnamn.

    Lägga till kodavsnitt till kod.

  14. Välj CTRL-S.

  15. I designstudio, välj Synkronisera

  16. Välj Förhandsversion.

Kontoinformationen återges som en del av kodavsnitt:

Text används av skärmläsare.

Du kan följa samma steg med innehållskodavsnittet av Text i stället för HTML, t.ex.:

{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }} 
Account State: {{ account.statecode.label }}
{% endif %}

Ersätt GUID för posten med en kontotabellpost från Dataverse-databasen.

När du bläddrar på sidan med det kodavsnitt visas tabellinformationen med objekt och text i stället för HTML. På samma sätt kan du också endast använda HTML för att visa innehåll utan att använda liquid-objekt.

Se även

Arbeta med Liquid-mallar