Веб-шаблони
Веб-шаблон є записом метаданих сайту Power Pages, що використовується для зберігання вихідного вмісту шаблону. Веб-шаблон буде, зазвичай, містити Liquid для динамічного відображення вмісту і є центральною таблицею, що використовується для інтеграції шаблонів Liquid із рештою Power Pages.
Веб-шаблони можуть бути включені в інший вміст або комбіновані з іншими шаблонами за допомогою тегів шаблонів, а також згадуються у цих тегах за атрибутом Ім’я. Вони також використовуються для створення цілих користувацьких макетів сторінок або створення власного верхнього та/або нижнього колонтитулу для вашого веб-сайту Power Pages.
Атрибути веб-шаблону
| Атрибут | Опис |
|---|---|
| Ім'я | Назва шаблону. Використовується для посилання на цей шаблон, коли його включено в інший вміст або розширено на інші шаблони. |
| Мова оригіналу | Вихідний вміст шаблону. У Power Apps редактор вихідного коду з підсвічуванням синтаксису та інші функції редагування коду забезпечуються для цього поля. |
| MIME-тип | За бажанням передбачає тип вмісту MIME шаблону. Якщо він не надається, то передбачається тип text/html. Це значення використовуватиметься лише в тих випадках, де шаблон пов’язаний із шаблоном сторінки і контролює відтворення всього вмісту для цього шаблону. |
Веб-шаблони як користувацькі макети сторінок
Веб-шаблони можуть використовуватися з шаблонами сторінок, щоб створювати користувацькі макети сторінок для сайтів Power Pages.
Щоб створити новий шаблон сторінки на основі веб-шаблону, виберіть Тип веб-шаблону під час створення нового запису шаблону сторінки. Потім виберіть Веб-шаблон.
Зверніть увагу на параметр Використовувати верхній та нижній колонтитули веб-сайту(який перевіряється за промовчанням). Якщо вибрано цю опцію, ваш веб-шалон керуватиме відображенням усього вмісту сторінку між верхнім та нижнім колонтитулами глобального веб-сайту. Якщо цей параметр не вибрано, веб-шаблон відповідатиме за надання всієї відповіді. У такому випадку ви відтворюєте HTML, тобто все від тегів типу документа до кореневих тегів <html> і все, що між ними.
Хоча найбільш поширеними випадками для вебшаблонів буде відтворення HTML, відтворення всієї відповіді (скасувавши вибір параметра Використовувати верхній та нижній колонтитули вебсайту) дає вам можливість відтворювати будь-який вибраний вами текстовий формат. При цьому атрибут веб-шаблону Тип MIME стає актуальним. Коли відтворюється шаблон сторінки, який не використовує верхній та нижній колонтитули веб-сайту, відповідь верхнього колонтитула типу вмісту буде виставлено як тип MIME пов’язаного веб-шаблона (text/html буде використовуватись, якщо не було надано умови MIME-типу). Це дає вам широкий вибір варіантів для відтворення вмісту, що не є кодом HTML, за допомогою Liquid. Поширений сценарій перебдачав би передачу каналу RSS шляхом встановлення типу MIME програми/rss+xml.
Веб-шаблони як верхні та нижні колонтитули веб-сайту
Веб-шаблони можуть також використовуватися для зміни глобального верхнього та нижнього колонтитулів, що використовуються Power Pages. Установіть поля Шаблон верхнього колонтитулу або Шаблон нижнього колонтитулу вашого сайту у веб-шаблон на ваш вибір. Якщо ви змінили Верхній колонтитул веб-сайту, вибраний шаблон може відповідати за передачу первинної навігації, посилання входу/виходу, інтерфейс пошуку і т.д. для елементів інтерфейсу вашого сайту, яких зазвичай обробляють стандартні шаблони заголовка.
Вюудовані веб-шаблони
Рішення Power Pages пропонує набір готових шаблонів Liquid. Для використання, необхідно включити їх за іменем за допомогою наведеного нижче для довідки списку.
| Ім’я | Опис | Код |
|---|---|---|
| Реклама | Цей шаблон відображає рекламу за назвою або випадкову рекламу з розміщеної реклами. | {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %} |
| Блоґи | Цей шаблон відображає недавні записи у блозі у групі списку. | {% include 'blogs' %} |
| Навігація | Цей шаблон відображає посилання на вихідні сторінки на головній сторінці з поточної. | {% include 'breadcrumbs' %} |
| Група списку дочірніх посилань | Цей шаблон відображає посилання до будь-яких дочірніх сторінок поточної сторінки у групі списку. | {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %} |
| Події: майбутні події | Цей шаблон відображає посилання на події від теперішнього моменту на 60-денний термін. | {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %} |
| Форуми | Цей шаблон відображає список форумів веб-сайту з відповідною кількістю гілок та записів. | {% include 'forums' %} |
| В 1 колонку | Цей шаблон відображає колонку, яка містить навігацію, заголовок сторінки та копію контенту сторінки. | {% extends 'layout_1_column' %}{% block main %}... {% endblock %} |
| У 2 колонки з ширшою лівою колонкою | Цей шаблон передає макет з двома стовпцями. Лівий стовпець ширший за правий. Він містить навігацію, заголовок у верхній частині сторінки та копію вмісту сторінки, розташованого в лівому стовпці. | {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| У 2 колонки з ширшою правою колонкою | Цей шаблон передає макет з двома стовпцями. Правий стовпець ширший за лівий. Він містить навігацію, заголовок у верхній частині сторінки та копію вмісту сторінки, розташованого в правому стовпці. | {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %} |
| У 3 колонки з ширшою середньою колонкою | Цей шаблон передає макет з трьома стовпцями. Середній стовпець ширший за лівий і правий. Він містить навігацію, заголовок у верхній частині сторінки та копію вмісту сторінки, розташованого в лівому стовпці. | {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %} |
| Копія сторінки | Цей шаблон відображає копію контенту сторінки у форматі HTML з можливістю редагування та підтримкою встановленого Liquid. | {% include 'page_copy' %} |
| Заголовок сторінки | Цей шаблон відображає заголовок сторінки. | {% include 'page_header' %} |
| Опитування | Цей шаблон відображає опитування за назвою або випадкове опитування з розміщених. | {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %} |
| Пошук | Цей шаблон відображає базову форму пошуку з можливістю вводу тексту та кнопкою пошуку. | {% include 'search' %} |
| Бокова навігація | Цей шаблон відображає навігацію у вигляді вертикального дерева. Він має посилання на перший рівень вихідних сторінок (або на відгалуження до вказаної глибини), посилання на однорівневі сторінки поточної сторінки, а також посилання на дочірні сторінки поточної. | {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %} |
| Фрагмент | Цей шаблон відображає фрагмент контенту за назвою у форматі HTML з можливістю редагування. | {% include 'snippet' snippet_name:'Name' %} |
| Верхня частина навігації | Цей шаблон відображає рядок навігації, який можна редагувати, з розкривними меню для набору веб-посилань для первинної навігації. | {% include 'top_navigation' %} |
| Група списку веб-посилань. | Цей шаблон відображає групу списків посилань для набору веб-посилань. | {% include 'weblink_list_group' weblink_set_name:'Name' %} |
Веб-шаблони як компоненти (підготовча версія)
Веб-шаблони можна створювати та використовувати як компоненти на веб-сторінках, щоб дозволити авторам повторно використовувати ці компоненти та надавати параметри для налаштування відповідно до вимог.
Більше відомостей: Веб-шаблони як компоненти