Modelos da Web
O modelo da Web é um registro de site do Power Pages que é usado para armazenar o conteúdo de origem do modelo. Um modelo da Web geralmente contém o Liquid para renderização de conteúdo dinâmico e é a tabela central usada para integrar modelos Liquid ao resto do Power Pages.
Os Modelos da Web podem ser incluídos em outro conteúdo ou combinados com outros modelos usando-se marcas de modelo e são referenciados nessas marcas por seu atributo de Nome. Eles também podem ser usados para criar layouts inteiros de páginas personalizadas, ou criar cabeçalhos e rodapés personalizados para o site do Power Pages.
Atributos de modelo da Web
| Atributo | Description |
|---|---|
| Name | O nome do modelo. Usado para referenciar este modelo quando ele é incluído em outro conteúdo ou ampliado por outros modelos. |
| Origem | O conteúdo de origem do modelo. No Power Apps, são fornecidos um editor de código-fonte com realce de sintaxe e outros recursos de edição de código para esse campo. |
| Tipo de MIME | Como opção, fornece um tipo de MIME para o conteúdo do modelo. Caso nenhum deles seja fornecido, é fornecido um tipo de texto/html. Esse valor só será usado em casos em que o modelo está associado a um Modelo de Página e controla a renderização de todo o conteúdo desse modelo. |
Modelos da Web como layouts de página personalizados
Os modelos da Web podem ser usados com modelos de página para criar novos layouts de página personalizados para sites do Power Pages.
Para criar um novo modelo de página baseado em um modelo da Web, selecione um Tipo de modelo da Web quando criar um novo registro de modelo de página. Selecione um Modelo da Web.
Observe a opção Usar Cabeçalho e Rodapé do Site(que é marcada por padrão). Se esta opção estiver marcada, o seu modelo da Web controlará a renderização de todo o conteúdo da página entre o cabeçalho e o rodapé do site global. Se essa opção não estiver marcada, o modelo da Web será responsável pela renderização da resposta inteira, caso você esteja renderizando o HTML; isso significa tudo, desde o tipo de documento até as marcas <html> raiz e tudo que estiver entre eles.
Enquanto os casos de uso mais comuns de modelos da Web são destinados a renderizar HTML, a renderização da resposta inteira (desmarcando a opção Usar Cabeçalho e Rodapé do Site) permite a você renderizar qualquer formato baseado em texto que desejar. Esse é o local em que o atributo Tipo MIME do modelo da Web se torna relevante. Quando um modelo de página que não usa o cabeçalho e o rodapé do site for renderizado, o cabeçalho Content-Type da resposta HTTP será definido para o tipo MIME do modelo da Web associado (text/html será usado se nenhum tipo MIME for fornecido.), fornecendo uma ampla variedade de opções para renderizar conteúdo não HTML usando o Liquid. Uma ocorrência de uso comum seria renderizar um RSS feed, definindo um tipo MIME de aplicação/rss+xml.
Modelos da Web como cabeçalhos e rodapés do site
Os modelos da Web podem também ser usados para substituir o cabeçalho e o rodapé globais usados pelo Power Pages. Defina o campo Modelo de Cabeçalho ou Modelo de Rodapé do site da Web no modelo da Web de sua preferência. Se você substituir oCabeçalho do Site, o modelo selecionado assume a responsabilidade de renderizar a navegação principal, os links de entrada/saída, a interface de pesquisa e assim por diante, dos elementos da interface do site, que são normalmente manipulados pelo modelo de cabeçalho padrão.
Modelos da Web internos
Há um conjunto de modelos líquidos pré-desenvolvidos, disponíveis dentro de portais do Power Pages. Para usá-los, você deve incluí-los por nome, usando a lista abaixo como uma referência.
| Nome | Descrição | Código |
|---|---|---|
| Anúncio | Este modelo processa um anúncio por nome ou um anúncio aleatório a partir do posicionamento do anúncio. | {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %} |
| Blogs | Este modelo processa postagens recentes em blogs em um grupo de listas. | {% include 'blogs' %} |
| Trilhas de navegação | Este modelo renderiza links de páginas ancestrais de volta para a Home page a partir da página atual. | {% include 'breadcrumbs' %} |
| Grupo de Listas de Links Secundários | Este modelo processa links em qualquer página secundária da página atual em um grupo de listas. | {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %} |
| Eventos: Futuros | Este modelo processa links para eventos que ocorrem entre hoje e 60 dias a partir de hoje. | {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %} |
| Fóruns | Este modelo processa uma lista de fóruns de sites com seu respectivo número de threads e postagens. | {% include 'forums' %} |
| Layout 1 Coluna | Este modelo processa o layout de uma única coluna contendo trilhas de navegação, título de página e conteúdo de cópia da página. | {% extends 'layout_1_column' %}{% block main %}... {% endblock %} |
| Layout 2 Coluna Larga Esquerda | Esse modelo renderiza um layout de duas colunas. A coluna da esquerda é maior do que a da direita. Contém trilhas e o título da página na parte superior da página, e o conteúdo do texto da página está localizado na coluna da esquerda. | {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Layout 2 Colunas Larga à Direita | Esse modelo renderiza um layout de duas colunas. A coluna da direita é maior do que a da esquerda. Contém trilhas e o título da página na parte superior da página, e o conteúdo do texto da página está localizado na coluna da direita. | {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Layout 3 Coluna Larga Meio | Esse modelo renderiza um layout de três colunas. A coluna do meio é maior do que a coluna da esquerda e da direita. O layout contém trilhas e o título da página na parte superior da página, e o conteúdo do texto da página está localizado na coluna do meio. | {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %} |
| Cópia de Página | Este modelo processa conteúdo editável de cópia da página em HTML com suporte a Líquido incorporado. | {% include 'page_copy' %} |
| Cabeçalho da Página | Este modelo processa o título da página. | {% include 'page_header' %} |
| Pesquisa de Opinião | Este modelo processa uma pesquisa de opinião por nome ou uma pesquisa de opinião aleatória a partir do posicionamento da pesquisa de opinião. | {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %} |
| Pesquisar | Este modelo processa um formulário de pesquisa básico com uma única entrada de texto e botão de pesquisa. | {% include 'search' %} |
| Navegação Lateral | Este modelo renderiza uma navegação com estilo de exibição de árvore vertical. Ele contém links para páginas ancestrais de volta para o primeiro nível (ou no deslocamento de profundidade especificado), links para páginas irmãs da página atual e links para os filhos da página atual. | {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %} |
| Trecho | Este modelo processa snippet de conteúdo HTML editável por nome. | {% include 'snippet' snippet_name:'Name' %} |
| Navegação Superior | Este modelo processa uma barra de navegação editável com menus suspensos para o conjunto de links da Web de Navegação Principal. | {% include 'top_navigation' %} |
| Grupo de Listas de Links da Web | Este modelo processa um grupo de listas de links para um conjunto de links da Web. | {% include 'weblink_list_group' weblink_set_name:'Name' %} |
Modelos da Web como componentes (versão preliminar)
Os modelos da Web podem ser criados e usados como componentes em páginas da Web para permitir que os fabricantes usem esses componentes reutilizáveis e forneçam parâmetros para atender aos requisitos.
Mais informações: Modelos da Web como componentes