Modelos Web
O modelo Web é um registo de metadados de site do Power Pages que é utilizado para armazenar o conteúdo de origem do modelo. Normalmente, um modelo Web conterá Liquid para a composição de conteúdo dinâmico e é a tabela central utilizada para integrar modelos Liquid com o restante do Power Pages.
Os modelos Web podem ser incluídos noutro conteúdo ou combinados com outros modelos utilizando tags de modelo e são referenciados nestas tags pelo respetivo atributo Nome. Também podem ser utilizados para criar esquemas de página personalizados inteiros ou criar cabeçalhos e rodapés personalizados para o seu site do Power Pages.
Atributos de modelo Web
| Atributo | Description |
|---|---|
| Name | O nome do modelo. Utilizado para referenciar este modelo quando está incluído noutro conteúdo ou expandido por outros modelos. |
| Origem | O conteúdo da origem do modelo. Um editor de código fonte com realces de sintaxe e outras caraterísticas de edição de código são fornecidos para este campo no Power Apps. |
| Tipo de MIME | Opcionalmente, fornece um tipo de MIME para o conteúdo do modelo. É assumido um tipo texto/html se não for fornecido nenhum. Este valor só será utilizado nos casos em que o modelo está associado a um Modelo de Página e controla a composição de todo o conteúdo para esse modelo. |
Modelos Web como esquemas de página personalizados
Os modelos Web podem ser utilizados com modelos de página para criar novos esquemas de página personalizados para sites do Power Pages.
Para criar um novo modelo da página baseado num modelo Web, selecione um Tipo de modelo Web ao criar um novo registo de modelo de página. Em seguida, selecione Modelo Web.
Tenha em atenção a opção Utilizar Cabeçalho e Rodapé de Web Site(selecionada por predefinição). Se estiver selecionado, o modelo Web irá controlar a composição de todo o conteúdo da página entre o cabeçalho e o rodapé do site global. Se esta opção não estiver selecionada, o modelo Web será responsável pela composição da resposta completa no caso de estar a compor HTML, significa tudo desde o doctype para as etiquetas <html> raiz e tudo o que estiver entre elas.
Enquanto os casos de utilização mais comuns para modelos Web serão compor HTML, a composição da resposta completa (ao anular a seleção de Utilizar Cabeçalho e Rodapé de Web Site) permite compor qualquer formato baseado em texto que escolher. É aqui que o atributo Tipo de MIME do modelo Web se torna relevante. Quando um modelo de página que não utiliza o cabeçalho e o rodapé do site é composto, o cabeçalho Content-Type de resposta HTTP será definido com o Tipo de MIME do modelo Web associado (texto/html será utilizado se não for fornecido nenhum Tipo de MIME), fornecendo uma grande variedade de opções para composição de conteúdo não HTML utilizando Liquid. Um caso de utilização comum seria compor um feed RSS através da definição de um Tipo de MIME application/rss+xml.
Modelos Web como cabeçalhos e rodapés de site
Os modelos Web também podem ser utilizados para substituir o cabeçalho e rodapé globais utilizados pelo Power Pages. Defina o campo Modelo de Cabeçalho ou Modelo de Rodapé do Web site como modelo Web preferencial. Se definir manualmente o Cabeçalho de Web site, o modelo selecionado assume a responsabilidade pela composição da navegação primária, das hiperligações para iniciar sessão/terminar sessão, da interface de pesquisa, etc. dos elementos da interface do site que normalmente são processadas pelo modelo de cabeçalho predefinido.
Modelos Web incorporados
Está disponível um conjunto de modelos do Liquid pré-concebidos no Power Pages. Para utilizá-los, terá de incluí-los por nome, através da lista abaixo como referência.
| Nome | Descrição | Código |
|---|---|---|
| Anúncio | Este modelo gera um anúncio por nome ou um anúncio aleatório a partir de uma colocação de anúncio. | {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %} |
| Blogues | Este modelo gera publicações de blogue recentes num grupo de lista. | {% include 'blogs' %} |
| Trilhos | Este modelo compõe as ligações das páginas predecessoras de volta para a Home page da página atual. | {% include 'breadcrumbs' %} |
| Grupo de Lista de Ligações Subordinadas | Este modelo gera ligações para quaisquer páginas subordinadas da página atual num grupo de lista. | {% 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 gera ligações para eventos que ocorrem entre hoje e daqui a 60 dias. | {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %} |
| Fóruns | Este modelo gera uma lista de fóruns de Web site com o seu respetivo número de tópicos e publicações. | {% include 'forums' %} |
| Esquema 1 Coluna | Este modelo gera um esquema de coluna única que contém trilhos, título de página e conteúdo de cópia de página. | {% extends 'layout_1_column' %}{% block main %}... {% endblock %} |
| Esquema 2 Colunas à Esquerda Largas | Este modelo compõe um esquema de duas colunas. A coluna esquerda é mais larga que a direita. Contém trilhos, o título da página na parte superior da página e o conteúdo da cópia da página está localizado na coluna esquerda. | {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Esquema 2 Colunas a Direita Largas | Este modelo compõe um esquema de duas colunas. A coluna direita é mais larga que a esquerda. Contém trilhos, o título da página na parte superior da página e o conteúdo da cópia da página está localizado na coluna direita. | {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Esquema 3 Colunas Centrais Largas | Este modelo compõe um esquema de três colunas. A coluna do meio é mais larga que as colunas direita e esquerda. O esquema contém trilhos e o título da página na parte superior da página, e o conteúdo da cópia 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 gera o conteúdo de cópia de página HTML editável com suporte para Líquido incorporado. | {% include 'page_copy' %} |
| Cabeçalho da Página | Este modelo gera o título de página. | {% include 'page_header' %} |
| Sondagem | Este modelo gera uma sondagem por nome ou uma sondagem aleatória a partir de uma colocação de sondagem. | {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %} |
| Procurar | Este modelo gera um formulário de pesquisa básica com uma única entrada de texto e botão de pesquisa. | {% include 'search' %} |
| Navegação Lateral | Este modelo compõe uma navegação de estilo de vista em árvore vertical. Tem ligações para páginas predecessoras para o primeiro nível (ou desvio da profundados especificado), ligações para páginas relacionadas com a página atual e ligações para subordinadas da página atual. | {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %} |
| Fragmento | Este modelo gera um fragmento de conteúdo HTML editável por nome. | {% include 'snippet' snippet_name:'Name' %} |
| Navegação Superior | Este modelo gera uma barra de navegação editável com menus de lista pendente para o conjunto de ligações Web de Navegação Primária. | {% include 'top_navigation' %} |
| Grupo de Lista de Ligações Web | Este modelo gera um grupo de lista de ligações para um conjunto de ligações Web. | {% include 'weblink_list_group' weblink_set_name:'Name' %} |
Modelos Web como componentes (pré-visualização)
Os modelos web podem ser criados e utilizados como componentes em páginas web para permitir que os fabricantes utilizem estes componentes reutilizáveis e forneçamm parâmetros para cumprirem requisitos.
Mais informações: Modelos web como componentes