Șabloane web
Un șablon web este o înregistrare cu metadatele unui site Power Pages, utilizată pentru a stoca conținutul sursei șablonului. Un șablon web, în general, va conține redarea Liquid pentru conținut dinamic și este tabelul central utilizat pentru a integra șabloane Liquid cu restul sistemului Power Pages.
Șabloanele web pot fi incluse în alt conținut sau combinate cu alte șabloane folosind etichete șablon și se face referire la ele în aceste etichete după atributul Nume al acestora. Acestea pot fi, de asemenea, folosite pentru a crea aspecte de pagină personalizate sau antete și subsoluri personalizate pentru site-ul web Power Pages.
Atributele șablonului Web
| Atribut | Descriere |
|---|---|
| Nume | Numele șablonului. Folosit pentru a crea o referință la acest șablon atunci când este inclus în alte tipuri de conținut sau prelungit de alte șabloane. |
| Sursă | Sursa conținutului șablonului. Este prevăzut pentru acest câmp un editor cod sursă cu evidențierea sintaxei și alte funcții de editare cod În Power Apps. |
| Tip Mime | Opțional furnizează un tip MIME pentru conținutul șablonului. În cazul în care nu este furnizat niciunul, se presupune un tip text/html. Această valoare va fi folosită numai în cazul în care șablonul este asociat cu un șablon de pagină și controlează redarea de conținut pentru acel șablon. |
Șabloane web ca aspecte de pagină personalizate
Șabloanele web pot fi folosite cu șabloanele de pagină pentru a crea noi aspecte de pagini personalizate pentru site-urile Power Pages.
Pentru a crea un nou șablon de pagină bazat pe un șablon web selectați un Tip de șablon web atunci când creați o nouă înregistrare de șablon de pagină. Apoi selectați un Șablon Web.
Rețineți opțiunea Utilizarea antetului și subsolului site-ului Web(care este bifată în mod implicit). Dacă această opțiune este bifată, șablonul dvs. web va controla redarea întregului conținut al paginii dintre antetul și subsolul site-ului web global. Dacă această opțiune este debifată, șablonul web va fi responsabil pentru redarea întregului răspuns; în cazul în care redați HTML, acest lucru înseamnă totul, de la doctype la etichetele <html> ale rădăcinii.
În timp ce cele mai frecvente cazuri de utilizare pentru șabloane web sunt de redare HTML, redarea întregului răspuns (prin deselectarea Utilizați antetul și subsolul site-ului) vă oferă opțiunea de a reda orice format pe bază de text pe care îl alegeți. Acest lucru are loc în cazul în care atributul Tipul MIME al șablonului Web devine relevant. Când este redat un șablon de pagină care nu folosește antetul și subsolul site-ului web, antetul răspuns HTTP Content-Type va fi setat la tipul MIME al șablonului web asociat (text/html va fi folosit dacă nu este furnizat niciun tip MIME. ), oferind o mare varietate de opțiuni pentru redarea conținutului non-HTML prin utilizarea Liquid. Un caz de utilizare obișnuită este redarea unui flux RSS setând un tip MIME de aplicație/rss+xml.
Șabloanele eeb ca anteturi și subsoluri de site-uri web
Șabloanele web pot fi, de asemenea, folosite pentru a suprascrie anteturile și subsolurile globale utilizate de Power Pages. Setați câmpul Antet șablon sau Subsol șablon al site-ului Web la șablonul Web pe care îl preferați. Dacă veți suprascrie Antetul site-ului web, șablonul selectat își asumă responsabilitatea pentru redarea navigării principale, a linkurilor de conectare/deconectare, a interfaței de căutare etc. pentru elementele de interfață ale site-ului care sunt în mod normal gestionate de șablonul de antet implicit.
Șabloane Web integrate
Există un set de șabloane Liquid implicite disponibile în cadrul Power Pages. Pentru a le utiliza, trebuie să le includeți nominal, folosind lista de mai jos ca referință.
| Nume | Descriere | Cod |
|---|---|---|
| Reclamă | Acest șablon redă un anunț după nume sau un anunț aleator dintr-o plasare de chestionare. | {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %} |
| Bloguri | Acest șablon redă publicări de blog recente dintr-un grup de liste. | {% include 'blogs' %} |
| Urme | Acest șablon vă întoarce la link-urile paginilor anterioare, înapoi la pagina principală din pagina curentă. | {% include 'breadcrumbs' %} |
| Grup de liste pentru linkurile fiu | Acest șablon redă linkuri către orice pagini secundare ale paginii curente dintr-un grup de liste. | {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %} |
| Evenimente: viitoare | Acest șablon redă linkuri la evenimente care au loc de azi și până peste 60 de zile. | {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %} |
| Forumuri | Acest șablon redă o listă cu forumurile site-ului web, împreună cu numărul lor de fire și publicări. | {% include 'forums' %} |
| Aspect 1 coloană | Acest șablon redă un aspect cu o singură coloană care conține urme, titlul paginii și conținutul acesteia. | {% extends 'layout_1_column' %}{% block main %}... {% endblock %} |
| Aspect 2 coloane - coloana stângă mai lată | Acest șablon redă o schemă pe două coloane. Coloana din stânga este mai lată decât cea din dreapta. Acesta conține marcaje de navigare, titlul paginii în partea de sus a acesteia și conținutul paginii copie se află în coloana din stânga. | {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Aspect 2 coloane - coloana dreaptă mai lată | Acest șablon redă o schemă pe două coloane. Coloana din dreapta este mai lată decât cea din stânga. Aceasta conține marcaje de navigare, titlul paginii în partea de sus a acesteia și conținutul paginii copie se află în coloana din dreapta. | {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| Aspect 3 coloane mijloc lat | Acest șablon redă o schemă pe trei coloane. Coloana din mijloc este mai lată decât cele din stânga și dreapta. Schema conține marcaje de navigare, iar titlul paginii în partea de sus a acesteia și conținutul paginii copie se află în coloana din mijloc. | {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %} |
| Copie pagină | Acest șablon redă codul HTML de conținut pentru pagina editabilă, cu suport pentru Liquid încorporat. | {% include 'page_copy' %} |
| Antet pagină | Acest șablon redă titlul paginii. | {% include 'page_header' %} |
| Sondaj | Acest șablon redă un chestionar după nume sau un chestionar aleator dintr-o plasare de chestionare. | {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %} |
| Căutare | Acest șablon redă un formular de căutare de bază cu un singur buton de căutare și introducere text. | {% include 'search' %} |
| Navigare laterală | Acest șablon redă o navigare cu un stil de vizualizare tip arbore vertical. Acesta are link-uri către pagini anterioare începând de la primul nivel (sau decalajul de profunzime specificat), link-uri către pagini înrudite cu pagina curentă și link-uri către pagini derivate din pagina curentă. | {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %} |
| Fragment | Acest șablon redă un fragment de conținut HTML după nume. | {% include 'snippet' snippet_name:'Name' %} |
| Navigare superioară | Acest șablon redă o bară de navigare editabilă, cu meniuri verticale pentru setul de linkuri web Navigare principală. | {% include 'top_navigation' %} |
| Grup de liste de linkuri web | Acest șablon redă un grup de liste cu linkuri pentru un set de linkuri web. | {% include 'weblink_list_group' weblink_set_name:'Name' %} |
Șabloanele web sub formă de componente (versiune preliminară)
Șabloanele web pot fi create și utilizate ca componente în paginile web pentru a permite producătorilor să utilizeze aceste componente reutilizabile și să ofere parametri pentru a îndeplini cerințele.
Informații suplimentare: Șabloane web drept componente