Tilpasse innhold ved hjelp av innholdssnutter
Innholdskodesnutter er små biter av redigerbart innhold som kan plasseres av en utvikler i en topptekst, bunntekst, på en nettside eller i en nettmal, for å tillate at innhold som kan tilpasses enkelt kan fylle ut en del av et nettsideoppsett.
En utvikler kan plassere en kodesnutt ved å bruke Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} eller {% include 'snippet' snippet_name:'<<snippet name>>' %}.
Redigere kodesnutter
Kodesnutter kan opprettes og redigeres via Portalbehandling-appen. Hovedfunksjonen til kodesnutter er at du kan abstrahere en innholdsdel (ikke den hovedversjonen av siden) og redigere det separat, slik at statisk innhold på området i hovedsak er fullstendig styrt av innhold og redigering.
Åpne Portalbehandling-appen.
Gå til Innhold>Innholdssnutter.
Hvis du vil opprette en ny snutt, velger du Ny.
Hvis du vil redigere en eksisterende snutt, velger du en eksisterende Innholdssnutt i rutenettet.
Angi verdier for følgende felt:
| Navn | Beskrivelse |
|---|---|
| Navn | Navnet kan brukes av en utvikler for å plassere kodesnuttverdien i nettstedskoden. |
| Nettsted | Nettstedet som kodesnutten er tilknyttet. |
| Visningsnavn | Visningsnavn for innholdssnutt. |
| Type | Skriv en innholdssnutt, tekst eller HTML. |
| Språk for innholdssnutt | Velg et språk for innholdssnutten. Hvis du vil legge til flere språk, kan du gå til aktivere støtte for flere språk . |
| Verdi | Innholdet i kodesnutten som skal vises på nettstedet. Du kan angi ren tekst eller HTML-kode. Du kan også bruke Liquid-objekter med tekst og HTML-koder. |
Bruke snutt
Du kan bruke snutter til å vise tekst eller HTML-kode. Innholdssnutter kan også bruke Liquid-objekter og referere til annet innhold, for eksempel enheter.
Du kan for eksempel bruke fremgangsmåten som er forklart tidligere i denne artikkelen, til å opprette/redigere en innholdssnutt. Når du redigerer snutten, kan du inkludere eksempelkode i en oppføring. Kontroller at du erstatter ID-en for tabellen Forretningsforbindelse med riktig ID fra miljøet. Du kan også bruke en annen tabell i stedet for Forretningsforbindelse.
Når du har opprettet et snutt med tekst-, HTML- eller liquid-objekter som vises i eksemplet over, kan du bruke det på en nettside.
Slik legger du til en snutt på en nettside:
Opprett en webmal, og bruk liquid-objekt i snutt til å kalle opp snutten du opprettet.
Opprett en sidemal ved hjelp av webmalen som ble opprettet tidligere.
Bruk utformingsstudioet til å opprette en ny side ved hjelp av sideoppsettet du opprettet tidligere.
Eksempel
Eksemplet nedenfor bruker en Microsoft Dataverse-database med eksempeldata.
Merk
Du må konfigurere tabelltillatelser for Forretningsforbindelse-tabellen (eller en annen tabell du vil bruke).
Åpne Portalbehandling-appen.
Gå til Innhold>Innholdssnutter.
Hvis du vil opprette en ny snutt, velger du Ny.
Angi navn. Eksempel: AccountData.
Velg nettsted.
Skriv visningsnavn. Eksempel: AccountData.
Velg type som HTML for dette eksemplet. Du kan også velge tekst i stedet.
Velg et språk.
Kopiere og lime inn eksempelverdi:
{% 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 %}Bytt ut GUID-en for oppføringen med en oppføring for en forretningsforbindelsestabell fra Dataverse-databasen.
Lagre innholdssnutt.
Opprett en ny nettside eller velg en eksisterende nettside i Power Pages-utformingsstudioet.
Velg Rediger kode.
Mellom eksisterende
<div></div>-merker kopierer du og limer inn følgende kildeverdi:{% include 'snippet' snippet_name:'AccountData' %}Hvis de er ulike, kan du oppdatere verdien for snippet_name med snuttnavnet ditt.
Velg CTRL-S.
Velg Synkroniser i utformingsstudioet
Velg Forhåndsvisning.
Informasjonen om forretningsforbindelsen gjengis som en del av kodesnutten:
Du kan følge de samme trinnene med innholdssnutten for Tekst-type i stedet for HTML, for eksempel:
{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }}
Account State: {{ account.statecode.label }}
{% endif %}
Bytt ut GUID-en for oppføringen med en oppføring for en forretningsforbindelsestabell fra Dataverse-databasen.
Når du blar gjennom siden med denne innholdssnutten, vises tabellinformasjonen ved hjelp av Liquid-objektet sammen med tekst i stedet for HTML. På samme måte kan du også bruke HTML til å vise innhold uten å bruke Liquid-objekter.