Поділитися через

Настроїти вміст, використовуючи фрагменти вмісту

  • Стаття

Фрагменти вмісту є невеликими шматочками для редагованого вмісту, які можуть буте розміщено розробниками в заголовку, на вебсторінці або вебшаблоні, що дає змогу легко настроювати вміст для заповнення будь-якої частини макета вебсторінки.

Розробник може розмістити фрагмент за допомогою Liquid: {{ snippets["<<snippet name>>"] }}, {% editable snippets '<<snippet name>>' %} або {% include 'snippet' snippet_name:'<<snippet name>>' %}.

Редагування фрагментів

Фрагменти можна створювати та редагувати за допомогою програми керування порталом. Основна сила фрагмента полягає в тому, що ви можете виокремити частинки вмісту (окрім основних копій сторінки) і редагувати їх окремо, що дозволяє зробити більшу частину статичного вмісту вашого сайту повністю контрольованою за вмістом і придатною для редагування.

  1. Відкрийте програму керування порталом.

  2. Перейдіть до розділу Вміст>Фрагменти вмісту.

  3. Щоб створити новий фрагмент, натисніть Новий.

  4. Щоб відредагувати наявний фрагмент, двічі клацніть наявний Фрагмент вмісту в сітці.

Введіть значення для таких полів:

Ім’я Опис
Ім’я Ім'я може використовуватись розробником, щоб помістити значення фрагменту у код вебшаблону.
Веб-сайт Веб-сайт, який пов'язаний з фрагментом.
Зрозуміле ім'я Коротке ім’я для фрагмента вмісту.
Тип Тип фрагмента вмісту, текст або HTML.
Мова фрагмента вмісту Виберіть мову для фрагмента вмісту. Щоб додати інші мови, виберіть Увімкнути підтримку кількох мов.
Значення Вміст фрагмента, який буде відображатися на вебсайті. Можна вводити звичайний текст чи розмітку HTML. Також можна використовувати об'єкти liquid зі значеннями тексту або розмітки HTML.

Використання фрагмента

За допомогою фрагментів можна відображати текст або HTML. Фрагменти вмісту також можуть використовувати об'єкти liquid і посилатися на інший вміст, наприклад сутності.

Наприклад, можна використати зазначені вище кроки у цій статті, щоб створити або змінити фрагмент вмісту. Під час редагування фрагменту ви можете додати зразок коду до запису. Переконайтеся, що ідентифікатор запису таблиці Бізнес-партнер замінено на правильний ідентифікатор для вашого середовища. Крім того, замість таблиці Бізнес-партнер можна використати іншу таблицю.

Після створення фрагмента з текстом, HTML або об'єктами liquid, показаними у вищенаведеному прикладі, його можна використати на вебсторінці.

Щоб додати фрагмент на сторінку, виконайте зазначені нижче дії.

  1. Створіть веб-шаблон і скористайтеся об'єктами liquid фрагмента, щоб викликати створений фрагмент.

  2. Створіть шаблон сторінки за допомогою веб-шаблону, створеного раніше.

  3. Скористайтеся студією дизайну, щоб створити нову сторінку, використовуючи макет сторінки, створений раніше.

Приклад

У наведеному нижче прикладі використовується база даних Microsoft Dataverse зі зразками даними.

Нотатка

Необхідно налаштувати дозволи таблиці для таблиці Бізнес-партнер (або будь-якої таблиці, що використовується).

  1. Відкрийте програму керування порталом.

  2. Перейдіть до розділу Вміст>Фрагменти вмісту.

  3. Щоб створити новий фрагмент, натисніть Новий.

  4. Введіть ім’я. Наприклад, AccountData.

  5. Виберіть веб-сайт.

  6. Введіть коротке ім’я. Наприклад, AccountData.

  7. Виберіть текст у форматі HTML для цього прикладу. Натомість можна також вибрати текст.

  8. Виберіть мову.

  9. Скопіюйте та вставте зразки значення:

    {% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
<b> Account Name is: </b> {{ account.name }} <br>
<i> Account State: </i> {{ account.statecode.label }})
{% endif %}

    Замініть GUID запису записом таблиці бізнес-партнерів з вашої бази даних Dataverse.

    Створення фрагмента вмісту.

  10. Збережіть фрагмент вмісту.

  11. У студії дизайну Power Pages створіть нову вебсторінку або виберіть наявну вебсторінку.

  12. Виберіть Редагувати код.

  13. Між наявними тегами <div></div> скопіюйте та вставте таке вихідне значення:

    {% include 'snippet' snippet_name:'AccountData' %}

    Якщо воно відрізняється, оновіть значення для snippet_name на ім'я фрагмента.

    Додавання фрагмента до коду.

  14. Натисніть CTRL-S

  15. У студії дизайну виберіть Синхронізація

  16. Виберіть Попередній перегляд.

Ви побачите відомості про бізнес-партнера, що відображається як частина фрагмента:

Текст використовується невізуальними екранами.

Можна виконати такі ж дії з фрагментом змісту текстового типу, а не HTML, наприклад:

{% assign account = entities.account['f4f25307-d284-ea11-a816-000d3a36ff29'] %}
{% if account %}
Account Name is: {{ account.name }} 
Account State: {{ account.statecode.label }}
{% endif %}

Замініть GUID запису записом таблиці бізнес-партнерів з вашої бази даних Dataverse.

Під час перегляду сторінки з цим фрагментом вмісту відомості таблиці відображається з використанням об'єкта Liquid, що використовується разом із текстом, а не у форматі HTML. Подібним чином можна також використовувати лише HTML для відображення вмісту без використання об'єктів liquid.

Статті за темою:

Робота з шаблонами Liquid