Delen via


Inhoud aanpassen met inhoudsfragmenten

Inhoudsfragmenten zijn kleine stukken bewerkbare inhoud die door een ontwikkelaar in een koptekst, voettekst, webpagina of websjabloon kan worden geplaatst, zodat elk deel van de indeling van een webpagina eenvoudig met aanpasbare inhoud kan worden gevuld.

Een ontwikkelaar kan een fragment plaatsen met Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} of {% include 'snippet' snippet_name:'<<snippet name>>' %}.

Fragmenten bewerken

Fragmenten kunnen worden gemaakt en bewerkt via de app Portalbeheer. Het belangrijkste dat u met het fragment kunt doen, is dat u een stuk inhoud (dus niet de hoofdkopie van de pagina) kunt samenvatten en afzonderlijk bewerken zodat alle statische inhoud op uw site volledig kan worden beheerd en bewerkbaar is.

  1. Open de app Portalbeheer.

  2. Ga naar Inhoud>Inhoudsfragmenten.

  3. Als u een nieuw fragment wilt maken, selecteert u Nieuw.

  4. Als u een bestaand fragment wilt bewerken, selecteert u een bestaand Inhoudsfragment in het raster.

Voer waarden in de volgende velden in:

Naam Beschrijving
Naam De naam kan door een ontwikkelaar worden gebruikt om de fragmentwaarde in een in de code van een website te plaatsen.
Website De website die is gekoppeld aan het fragment.
Weergavenaam Weergavenaam voor het inhoudsfragment.
Type Type inhoudsfragment: Tekst of HTML.
Taal inhoudsfragment Selecteer een taal voor het inhoudsfragment. Ga naar ondersteuning voor meerdere talen inschakelen om meer talen toe te voegen.
Weergegeven als De inhoud van het fragment dat op de website moet worden weergegeven. U kunt tekst zonder opmaak of HTML-opmaak invoeren. U kunt ook gebruikmaken van liquid-objecten met zowel tekst- als HTML-opmaakwaarden.

Fragment gebruiken

U kunt fragmenten gebruiken om tekst of HTML weer te geven. De inhoudsfragmenten kunnen ook gebruikmaken van liquid-objecten en verwijzen naar andere inhoud zoals entiteiten.

U kunt bijvoorbeeld de stappen gebruiken die eerder in dit artikel zijn uitgelegd om een inhoudsfragment te maken/bewerken. Tijdens het bewerken van het fragment kunt u voorbeeldcode toevoegen aan een record. Zorg ervoor dat u de id van de tabelrecord Account vervangt door de juiste id van uw omgeving. U kunt ook een andere tabel gebruiken in plaats van Account.

Nadat u een fragment hebt gemaakt met tekst, HTML of liquid-objecten die in het bovenstaande voorbeeld worden weergegeven, kunt u deze gebruiken op een webpagina.

Een fragment toevoegen op een webpagina:

  1. Maak een websjabloon en gebruik liquid-objecten voor fragmenten om het fragment aan te roepen dat u hebt gemaakt.

  2. Maak een paginasjabloon met behulp van de eerder gemaakte websjabloon.

  3. Gebruik de ontwerpstudio om een nieuwe pagina te maken met behulp van de eerder gemaakte pagina-indeling.

Voorbeeld

In het volgende voorbeeld wordt gebruikgemaakt van een Microsoft Dataverse-database met voorbeeldgegevens.

Notitie

U moet tabelmachtigingen voor de tabel Account configureren (of welke tabel u ook gaat gebruiken).

  1. Open de app Portalbeheer.

  2. Ga naar Inhoud>Inhoudsfragmenten.

  3. Als u een nieuw fragment wilt maken, selecteert u Nieuw.

  4. Voer een naam in. Dit kan bijvoorbeeld Accountgegevens zijn.

  5. Selecteer uw website.

  6. Voer weergavenaam in. Dit kan bijvoorbeeld Accountgegevens zijn.

  7. Selecteer HTML als type voor dit voorbeeld. U kunt ook tekst selecteren.

  8. Selecteer een taal.

  9. Voorbeeldwaarde kopiƫren en plakken:

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

    Vervang de GUID van de record door een accounttabelrecord van uw Dataverse-database.

    Maak een inhoudsfragment.

  10. Sla inhoudsfragment op.

  11. Maak in de Power Pages-ontwerpstudio een nieuwe webpagina of kies een bestaande webpagina.

  12. Selecteer Code bewerken.

  13. Kopieer en plak de volgende bronwaarde tussen bestaande <div></div>-tags:

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

    Indien deze afwijkt, werkt u de waarde voor snippet_name bij met uw fragmentnaam.

    Fragment toevoegen aan code.

  14. Selecteer CTRL-S.

  15. Selecteer Synchroniseren in de ontwerpstudio

  16. Selecteer Voorbeeld.

U ziet de accountgegevens weergegeven als onderdeel van het fragment:

Tekst gebruikt door schermlezers.

U kunt dezelfde stappen volgen met inhoudsfragmenten van het type Tekst in plaats van HTML, bijvoorbeeld:

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

Vervang de GUID van de record door een accounttabelrecord van uw Dataverse-database.

Wanneer u door de pagina met dit inhoudsfragment bladert, wordt de tabelinformatie weergegeven met een Liquid-object samen met tekst in plaats van HTML. Evenzo kunt u ook alleen HTML gebruiken om inhoud weer te geven zonder liquid-objecten te gebruiken.

Zie ook

Werken met Liquid-sjablonen