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


Пользовательские макеты страниц в 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 на клавиатуре, чтобы отобразить список доступных параметров.
    Type Выберите Веб-шаблон
    Веб-шаблон Выберите веб-шаблон, в котором находится ваш пользовательский код. Установите указатель в поле и нажмите Enter на клавиатуре, чтобы отобразить список доступных параметров.
    Использовать верхний и нижний колонтитулы веб-сайта Если флажок установлен, веб-шаблон будет управлять отрисовкой всего содержимого страницы между глобальными верхним и нижним колонтитулами веб-сайта. Если этот флажок снят, веб-шаблон отвечает за отрисовку вего ответа в случае отображения HTML, то есть всего от декларации doctype до корневых тегов<html> и всего между ними.
    Является значением по умолчанию Флажок снят.
    Имя таблицы Ничего не выбрано.
    Description Описание шаблона страницы.

    Шаблон страницы, основанный на веб-шаблоне.

  4. Выберите Сохранить.

Хотя самыми распространенными способами использования веб-шаблонов является отрисовка HTML, отрисовка всего содержимого (путем снятия флажка Использовать верхний и нижний колонтитулы веб-сайта) дает возможность отрисовывать любой выбранный формат на основе текста. Здесь атрибут Тип MIME веб-шаблона становится уместным. При оотрисовке шаблона страницы, в котором не используются верхний и нижний колонтитулы веб-сайта, для заголовка Content-Type ответа HTTP будет установлен тип MIME связанного веб-шаблона. (Если тип MIME не указан, используется text/html.) Это предоставляет широкий выбор вариантов для отрисовки содержимого, отличного от HTML, с помощью Liquid. Типичным примером использования может быть отрисовка RSS-канала путем задания типа MIME application/rss+xml.

Создание веб-страницы с использованием пользовательского шаблона

  1. В студии дизайна в рабочей области Страницы выберите + Страница.

  2. В диалоговом окне Добавление страницы:

    1. Введите Имя страницы
    2. Из списка Пользовательские макеты выберите пользовательский макет страницы.
    3. Выберите Добавить.

    Выберите пользовательский макет при создании новой веб-страницы.

  3. Выберите Предварительный просмотр, чтобы просмотреть пользовательскую страницу на сайте.

См. также