Personalizar contido utilizando fragmentos de contido

Os fragmentos de contido son pequeno fragmentos de contido editables que pode colocar un programador nunha cabeceira, pé de páxina, páxina web ou un modelo web, permitindo que o contido personalizable encha calquera parte do deseño dunha páxina web facilmente.

Un programador pode colocar un fragmento usando Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} ou {% include 'snippet' snippet_name:'<<snippet name>>' %}.

Editar fragmentos

Pódense crear e editar fragmentos a través da aplicación Xestión de portais. A forza principal do fragmento é que se pode resumir un pouco de contido (diferente á copia principal da páxina) e editalo por separado permitindo permitindo que o contiddo estático do sitio web sexa completamente xestionado baseado en contido e editable.

1. Abrir a aplicación Xestión do portal.

2. Vaia a Contido>Fragmentos de contido.

3. Para crear unha novo fragmento, seleccione Novo.

4. Para editar un fragmento existente, seleccione un Fragmento de contido existente na grade.

Introduza valores para os seguintes campos:

Nome	Descripción
Nome	O nome pode ser usado por un programador para colocar o valor do fragmento nun código de sitio web.
Sitio web	O sitio web asociado ao fragmento.
Nome para mostrar	Nome de visualización para o fragmento de contido.
Tipo	Tipo de fragmento de contido, texto ou HTML.
Idioma do fragmento de contido	Seleccione un idioma para o fragmento de contido. Para engadir máis idiomas, vaia a activar a compatibilidade con varios idiomas.
Valor	O contido do fragmento que se vai mostrar no sitio web. Pode inserir texto sen formato ou marcado HTML. Tamén pode usar obxectos liquid con valores de texto ou de marcado HTML.

Usar fragmento

Pode usar fragmentos para mostrar texto ou HTML. Os fragmentos de contido tamén poden usar obxectos liquid e facer referencia a outros contidos como entidades.

Por exemplo, pode utilizar os pasos explicados anteriormente neste artigo para crear/editar un fragmento de contido. Mentres edita o fragmento, pode incluír código de mostra nun rexistro. Asegúrese de substituír o ID do rexistro da táboa Conta polo ID correcto do seu contorno. Tamén pode usar outra táboa no canto de Conta.

Despois de crear un fragmento con obxectos de texto, HTML ou liquid amosados no exemplo anterior, pode usalo nunha páxina web.

Para engadir un fragmento nunha páxina web:

1. Cree un modelo web e use obxectos liquid de fragmentos para chamar ao fragmento que creou.

2. Cree un modelo de páxina usando o modelo web creado anteriormente.

3. Use o estudio de deseño para crear unha páxina nova usando o deseño de páxina creado anteriormente.

Exemplo

O seguinte exemplo usa unha base de datos de Microsoft Dataverse con datos de mostra.

Nota

Deberá configurar permisos da táboa para a táboa Conta (ou calquera táboa que utilice).

1. Abrir a aplicación Xestión do portal.

2. Vaia a Contido>Fragmentos de contido.

3. Para crear unha novo fragmento, seleccione Novo.

4. Escriba un nome. Por exemplo, AccountData.

5. Seleccione o seu sitio web.

6. Introduza un nome para mostrar. Por exemplo, AccountData.

7. Seleccione o tipo como HTML para este exemplo. Tamén pode seleccionar texto no seu lugar.

8. Seleccione un idioma.

9. Copie e pegue o valor da mostra:

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

   Substitúa o GUID do rexistro por un rexistro da táboa de conta da súa base de datos de Dataverse.

   

10. Garde o fragmento de contido.

11. No estudio de deseño de Power Pages, cree unha páxina web nova ou escolla unha páxina web existente.

12. Seleccione Editar código.

13. Entre as etiquetas de <div></div> existentes, copie e pegue o seguinte valor de orixe:

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

    Se é diferente, actualice o valor do nome de fragmento co seu nome de fragmento.

    

14. Seleccione CTRL-S.

15. No estudio de deseño, seleccione Sincronizar

16. Seleccione Previsualización.

Verá a información da conta representada como parte do fragmento:

Pode seguir os mesmos pasos co fragmento de contido de tipo Texto en vez de HTML, por exemplo:

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

Substitúa o GUID do rexistro por un rexistro da táboa de conta da súa base de datos de Dataverse.

Cando navega pola páxina con este fragmento de contido, a información da táboa móstrase empregando o obxecto de Liquid xunto co texto en lugar de HTML. Do mesmo xeito, tamén pode usar HTML para mostrar contido sen usar obxectos liquid.

Consulte tamén

Traballar con modelos de Liquid