Plantilles web
Una plantilla web és un registre de metadades del lloc de Power Pages que s'utilitza per desar contingut d'origen de les plantilles. Una plantilla web, en general, contindrà Liquid per a la representació de contingut dinàmic i és la taula central que s'utilitza per integrar les plantilles de Liquid amb la resta de Power Pages.
Les plantilles web es poden incloure en altres continguts o combinar-se amb altres plantilles mitjançant les etiquetes de plantilla i en aquestes etiquetes estan referenciades per l'atribut Nom. També es poden utilitzar per crear disposicions de pàgina personalitzades completes o capçaleres o peus de pàgina personalitzats per al vostre lloc web de Power Pages.
Atributs de plantilles web
| Atribut | Descripció |
|---|---|
| Nom | El nom de la plantilla. S'utilitza per fer referència a aquesta plantilla quan està inclosa en altres continguts o ampliada per altres plantilles. |
| Font | El contingut d'origen de la plantilla. Al Power Apps, es proporciona per a aquest camp un editor de codi d'origen amb la sintaxi remarcada i altres funcions d'edició de codis. |
| Tipus MIME | De forma opcional, proporciona un tipus MIME per al contingut de la plantilla. Si no es proporciona, s'assumeix un tipus de text/html. Aquest valor només s'utilitzarà en els casos en que la plantilla estigui associada amb una plantilla de pàgina i controla la representació de tot el contingut d'aquella plantilla. |
Plantilles web com a disposicions de pàgina personalitzadeds
Les plantilles web es poden utilitzar amb les plantilles de pàgina per crear noves disposicions de pàgina personalitzades per als llocs de Power Pages.
Per crear una nova plantilla de pàgina basada en una plantilla web, seleccioneu Tipus de plantilla de web quan creeu un nou registre de plantilla de pàgina. A continuació, seleccioneu una plantilla de pàgina.
Tingueu en compte l'opció Utilitza capçalera i peu de pàgina de lloc web(que està marcada per defecte). Si està marcada, la vostra plantilla web controlarà la representació del contingut de la pàgina entre la capçalera i el peu de pàgina del lloc web global. Si aquesta opció no està marcada, la vostra plantilla web serà la responsable de representar la resposta en cas que representeu contingut HTML, és a dir tot el que va des de doctype fins a les etiquetes <html> de la matriu i tot el que hi ha enmig.
Encara que els casos d'ús més comuns per a les plantilles web seran la representació de contingut HTML, representar la resposta completa (desmarcant l'opció Utilitza capçalera i peu de pàgina de lloc web) us ofereix l'opció de representar qualsevol format basat en el text que escolliu. Aquí és on l'atribut tipus MIME de la plantilla web esdevé important. Quan es representa una plantilla de pàgina que no utilitza la capçalera i el peu de pàgina del lloc web, la capçalera Content-Type de resposta HTTP es definirà amb el Tipus MIME de la plantilla web associada (s'utilitzarà text/html si no es proporciona cap tipus MIME.), cosa que proporciona diverses opcions per representar contingut que no sigui HTML amb Liquid. Un cas d'ús comú seria representar un canal RSS configurant un tipus MIME de application/rss+xml.
Plantilles web com a capçaleres i peus de pàgina d'un lloc web
Les plantilles web també es poden utilitzar per substituir la capçalera i el peu de pàgina globals que utilitza Power Pages. Definiu el camp Plantilla de capçalera o Plantilla de peu de pàgina del vostre lloc web a la plantilla web que vulgueu. Si substituïu una capçalera de lloc web, la vostra plantilla seleccionada assumeix la responsabilitat de representar la navegació principal, registrar enllaços, buscar una interfície, etc. per als elements de la interfície del vostre lloc que normalment els gestions la plantilla de capçalera predeterminada.
Plantilles web integrades
Hi ha un conjunt de plantilles de Liquid preelaborades disponibles a Power Pages. Per utilitzar-les, heu d'incloure-les pel nom, amb la llista següent com a referència.
| Nom | Descripció | Codi |
|---|---|---|
| Afegei | Aquesta plantilla representa un anunci per nom o un anunci aleatori des d'una ubicació d'anunci. | {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %} |
| Blocs | Aquesta plantilla representa les entrades de bloc recents en un grup de llista. | {% include 'blogs' %} |
| Rutes de navegació | Aquesta plantilla representa els enllaços de pàgines antecessores cap a la pàgina inicial des de la pàgina actual. | {% include 'breadcrumbs' %} |
| Grup de llistes d'enllaços secundaris | Aquesta plantilla representa els enllaços cap a pàgines secundàries de la pàgina actual en un grup de llistes. | {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %} |
| Incidències: properes | Aquesta plantilla representa els enllaços cap a les incidències que tenen lloc entre avui i 60 dies a partir d'ara. | {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %} |
| Fòrums | Aquesta plantilla representa una llista de fòrums del lloc web amb el seu número respectiu de fils i entrades. | {% include 'forums' %} |
| Disposició 1 columna | Aquesta plantilla representa una disposició d'una sola columna que conté rutes de navegació, el títol de la pàgina i el contingut del text de la pàgina. | {% extends 'layout_1_column' %}{% block main %}... {% endblock %} |
| Disposició 2 columnes esquerra ampla | Aquesta plantilla representa una disposició de dues columnes. La columna esquerra és més àmplia que la dreta. Conté rutes de navegació, el títol de la pàgina a la part superior de la pàgina i el contingut de còpia de la pàgina està situat a la columna esquerra. | {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Disposició 2 columnes dreta ampla | Aquesta plantilla representa una disposició de dues columnes. La columna dreta és més àmplia que l'esquerra. Conté rutes de navegació, el títol de la pàgina a la part superior de la pàgina i el contingut de còpia de la pàgina està situat a la columna dreta. | {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Disposició 3 columnes central ampla | Aquesta plantilla representa una disposició de tres columnes. La columna del mig és més àmplia que la dreta i l'esquerra. La disposició conté rutes de navegació, el títol de la pàgina a la part superior de la pàgina i el contingut de còpia de la pàgina està situat a la columna del mig. | {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %} |
| Còpia de pàgina | Aquesta plantilla representa l'HTML del contingut editable de text de còpia de la pàgina i admet Liquid incrustat. | {% include 'page_copy' %} |
| Capçalera de la pàgina | Aquesta plantilla representa el títol de pàgina. | {% include 'page_header' %} |
| Sondeig | Aquesta plantilla representa un sondeig per nom o un sondeig aleatori des d'una ubicació de sondeig. | {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %} |
| Cerca | Aquesta plantilla representa un formulari bàsic de cerca amb una sola entrada de text i un botó de cerca. | {% include 'search' %} |
| Navegació lateral | Aquesta plantilla representa una navegació d'estil de visualització d'arbre vertical. Conté enllaços a les pàgines antecessores cap al primer nivell (o el desplaçament de profunditat especificat), enllaços a les pàgines del mateix nivell que la pàgina actual i enllaços a les pàgines secundàries de la pàgina actual. | {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %} |
| Fragment | Aquesta plantilla representa un fragment de contingut HTML editable per nom. | {% include 'snippet' snippet_name:'Name' %} |
| Navegació superior | Aquesta plantilla representa una barra de navegació editable amb menús desplegables per al conjunt d'enllaços web de navegació principal. | {% include 'top_navigation' %} |
| Grup de llistes d'enllaços web | Aquesta plantilla representa un grup de llistes d'enllaços per a un conjunt d'enllaços web. | {% include 'weblink_list_group' weblink_set_name:'Name' %} |
Plantilles web com a components (versió preliminar)
Les plantilles web es poden crear i utilitzar com a components a les pàgines web per permetre als creadors utilitzar aquests components reutilitzables i proporcionar paràmetres que s'ajustin a les necessitats.
Més informació: Plantilles web com a components