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

Настроювані макети сторінок у Power Pages

Під час створення нової вебсторінки за допомогою студії дизайну необхідно вибрати макет сторінки. У робочій області «Сторінки» існує набір попередньо налаштованих макетів сторінок.

Вибір макета сторінки.

Крім того, можна створювати настроювані макети сторінок за допомогою HTML, Liquid, JavaScript і CSS.

Порада

Ми створили серію посібників і відеороликів, щоб ви могли дізнатися, як використовувати Power Pages та створювати настроюваний макет сторінки. Для отримання додаткових відомостей перейдіть до розділу Посібник: додавання настроюваного макета сторінки.

Створення настроюваного макета сторінки

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

  • Створіть вебшаблон із настроюваним кодом.
  • Створіть і налаштуйте відповідний шаблон сторінки, який відображатиметься як настроюваний макет сторінки під час створення нових вебсторінок у робочій області Сторінки .

Створення вебшаблону

Вебшаблон міститиме код для макета. Кодом вебшаблону може бути комбінація Liquid, HTML, CSS і JavaScript.

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

  1. Перейдіть до Power Pages.

  2. У студії дизайну виберіть ..., а потім виберіть Керування порталом. Щоб створити запис вебшаблону та ввести настроюваний код, скористайтеся програмою «Керування порталом».

    Натисніть три крапки, і вас буде переспрямовано до меню, де можна вибрати програму «Керування порталом».

  3. У програмі «Керування порталом» прокрутіть до розділу Вміст і виберіть Вебшаблони.

  4. На екрані Активні вебшаблони виберіть Створити.

    Параметр меню «+ Створити» на сторінці «Активні вебшаблони» в програмі «Керування порталом».

  5. Заповніть поля.

    Поле Значення
    Ім'я Введіть ім’я.
    Веб-сайт Виберіть вебсайт, до якого буде застосовано тему. Установіть курсор у полі та натисніть клавішу Enter на клавіатурі, щоб відобразити список доступних параметрів.
    Мова оригіналу Вміст вихідного коду вебшаблону; код зазвичай складається з комбінації Liquid, HTMLб CSS і JavaScript. Створіть код відповідно до ваших вимог.
    MIME-тип (Прокрутіть униз, щоб переглянути це поле) За потреби поле містить тип MIME для вмісту шаблону. Якщо він не надається, то передбачається тип text/html. Це значення використовуватиметься лише в тих випадках, якщо шаблон пов’язано із шаблоном сторінки і контролює відтворення всього вмісту для цього шаблону.

    Поля, які можна заповнити для нових вебфайлів.

  6. Виберіть Зберегти.

Створення шаблона сторінки

Вебшаблони можна використовувати із шаблонами сторінок, щоб створити настроювані макети сторінок, які використовуватимуться під час створення нових вебсторінок у студії дизайну.

  1. У програмі «Керування порталом» прокрутіть до розділу Вебсайт і виберіть Шаблони сторінок.

  2. На екрані Активні шаблони сторінок виберіть Створити.

    Параметр меню «+ Створити» на сторінці «Активні вебшаблони» в програмі «Керування порталом».

  3. Заповніть поля.

    Поле Значення
    Ім'я Введіть ім’я.
    Веб-сайт Виберіть вебсайт, до якого буде застосовано тему. Установіть курсор у полі та натисніть клавішу Enter на клавіатурі, щоб відобразити список доступних параметрів.
    Ввести Виберіть Вебшаблон
    Веб-шаблон Виберіть вебшаблон, який містить настроюваний код. Установіть курсор у полі та натисніть клавішу Enter на клавіатурі, щоб відобразити список доступних параметрів.
    Використовувати верхній та нижній колонтитули веб-сайту Якщо вибрано цей параметр, ваш вебшалон керуватиме відображенням усього вмісту сторінки між верхнім та нижнім колонтитулами глобального вебсайту. Якщо цей параметр не вибрано, вебшаблон відповідатиме за відтворення всієї відповіді, якщо ви відтворюєте HTML, тобто все – від тегів doctype до кореневих тегів <html> і все, що між ними.
    Використовується за замовчуванням Прапорець знято.
    Назва таблиці Не вибрано.
    Опис Опис шаблону сторінки.

    Шаблон сторінки на основі вебшаблону.

  4. Виберіть Зберегти.

Хоча найбільш поширеними випадками для вебшаблонів буде відтворення HTML, відтворення всієї відповіді (скасувавши вибір параметра Використовувати верхній та нижній колонтитули вебсайту) дає вам можливість відтворювати будь-який вибраний вами текстовий формат. Саме тоді атрибут вебшаблону Тип MIME стає актуальним. Якщо відтворюється шаблон сторінки, який не використовує верхній та нижній колонтитули вебсайту, для заголовка відповіді HTTP Content-Type буде встановлено тип MIME пов’язаного вебшаблона (якщо надано тип MIME, використовуватиметься text/html). Це дає вам широкий вибір варіантів для відтворення вмісту, відмінного від HTML, за допомогою Liquid. Поширений сценарій перебдачав би передачу каналу RSS шляхом встановлення типу MIME для application/rss+xml.

Створення вебсторінки за допомогою настроюваного шаблону

  1. У студії дизайну в робочій області Сторінки виберіть + Сторінка.

  2. У діалоговому вікні Додати сторінку виконайте наведені нижче дії.

    1. Введіть Ім’я сторінки
    2. В області Настроювані макети виберіть настроюваний макет сторінки.
    3. Виберіть Додати.

    Виберіть настроюваний макет під час створення нової вебсторінки.

  3. Виберіть Попередній перегляд, щоб переглянути настроювану сторінку на місці.

Див. також