Comparteix a través de


Personalització de contingut amb fragments de contingut

Els fragments de contingut són petits trossos de contingut editable que un desenvolupador pot col·locar en una capçalera, peu de pàgina o plantilla web, la qual cosa permet que el contingut personalitzable empleni fàcilment qualsevol part de la disposició d'una pàgina web .

Un desenvolupador pot col·locar un fragment utilitzant Liquid: {{ snippets["<<snippet name>>"] }} o {% editable snippets '<<snippet name>>' %} {% include 'snippet' snippet_name:'<<snippet name>>' %}.

Edició de fragments

Els fragments es poden crear i editar amb l'aplicació Administració del portal. El principal aspecte destacat del fragment es el fet que podeu extreure una mica de contingut (que no sigui la còpia principal de la pàgina) i editar-lo per separat, la qual cosa permet que el contingut estàtic del vostre lloc es pugui administrar totalment i sigui editable.

  1. Obriu l'aplicació d'administració del portal.

  2. Aneu a Contingut>Fragments de contingut.

  3. Per crear un fragment nou, seleccioneu Crea.

  4. Per editar un fragment existent, seleccioneu un fragment de contingut existent de la quadrícula.

Introduïu valors per als camps següents:

Nom Descripció
Nom Un desenvolupador pot utilitzar el nom per col·locar el valor del fragment en un codi del lloc web.
Lloc web El lloc web que està associat amb el fragment.
Nom de visualització El nom de visualització del fragment de contingut.
Type El tipus de fragment de contingut, Text o HTML.
Llengua del fragment de contingut Seleccioneu una llengua per al fragment de contingut. Per afegir més llengües, aneu a Habilitar la compatibilitat amb diverses llengües.
Valor Contingut del fragment que es mostrarà al lloc web. Podeu introduir text sense format o amb format HTML. També podeu utilitzar objectes de Liquid amb valors de text o format HTML.

Utilitzar el fragment

Podeu utilitzar fragments per mostrar text o HTML. Els fragments de contingut també poden utilitzar objectes de Liquid i fer referència a altres continguts, com ara entitats.

Per exemple, podeu utilitzar els passos descrits anteriorment en aquest article per crear o editar un fragment de contingut. Mentre editeu el fragment, podeu incloure codi de mostra a un registre. Assegureu-vos de substituir l'ID de la taula Compte per l'ID correcte del vostre entorn. També podeu utilitzar una altra taula en lloc de Compte.

Després de crear un fragment amb text, HTML o objectes de Liquid com es mostra a l'exemple anterior, podeu utilitzar-lo en una pàgina web.

Per afegir el fragment a una pàgina web:

  1. Creeu una plantilla web i utilitzeu l'objecte de Liquid de fragments per cridar el fragment que heu creat.

  2. Creeu una plantilla de pàgina mitjançant la plantilla web creada abans.

  3. Utilitzeu l'estudi de disseny per crear una pàgina nova amb la disposició de pàgina creada anteriorment.

Exemple

L'exemple següent utilitza una base de dades del Microsoft Dataverse amb dades d'exemple.

Nota

Haureu de configurar permisos de taula per a la taula Compte (o la taula que utilitzareu).

  1. Obriu l'aplicació d'administració del portal.

  2. Aneu a Contingut>Fragments de contingut.

  3. Per crear un fragment nou, seleccioneu Crea.

  4. Introduïu el nom. Per exemple, AccountData.

  5. Seleccioneu el lloc web.

  6. Introduïu el nom de visualització. Per exemple, AccountData.

  7. Seleccioneu el tipus com a HTML per a aquest exemple. També podeu seleccionar text.

  8. Seleccioneu una llengua.

  9. Copieu i enganxeu el valor d'exemple:

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

    Substituïu el GUID del registre per un registre de taula de comptes de la base de dades del Dataverse.

    Creeu el fragment de contingut.

  10. Deseu el fragment de contingut.

  11. A l'estudi de disseny del Power Pages, creeu una pàgina web nova o trieu una pàgina web existent.

  12. Seleccioneu Edita el codi.

  13. Entre les etiquetes <div></div> existents, copieu i enganxeu el valor d'origen següent:

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

    Si és diferent, actualitzeu el valor de snippet_name amb el vostre nom de fragment.

    Addició d'un fragment de codi.

  14. Seleccioneu CTRL-S.

  15. A l'estudi de disseny, seleccioneu Sincronitza

  16. Seleccioneu Visualització prèvia.

Veureu la informació del compte representada com a part del fragment:

Els lectors de pantalla utilitzen aquest text.

Podeu seguir els mateixos passos amb el fragment de contingut de tipus Text en comptes d'HTML, per exemple:

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

Substituïu el GUID del registre per un registre de taula de comptes de la base de dades del Dataverse.

Quan navegueu per la pàgina amb aquest fragment de contingut, la informació de la taula es visualitza amb objectes líquids juntament amb el text en comptes d'HTML. De la mateixa manera, també podeu utilitzar només HTML per mostrar contingut sense utilitzar objectes de Liquid.

Consulteu també

Treballar amb plantilles de Liquid