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


Учебник: добавление страницы на сайт Power Pages

В этом учебнике вы узнаете, как добавить страницу на свой сайт Power Pages. Вы можете использовать эту страницу для отображения статического содержимого для своей аудитории, такого как текст или изображения, или использовать ее, чтобы разрешить посетителям вашего сайта взаимодействовать с информацией из Dataverse с помощью списков и форм.

В этом учебнике вы научитесь делать следующее:

  • Добавление новой страницы на сайт
  • Добавление и изменение содержимого на странице
  • Перемещение страницы в карте сайта

Предварительные условия

Создание страницы с помощью пустого макета

В этих шагах вы создадите страницу, используя пустой макет. По мере того как вы будете узнавать больше о Power Pages, вы сможете использовать другие макеты или даже создавать свои собственные пользовательские макеты.

В этом видео представлен обзор шагов по созданию страницы с помощью пустого макета.

  1. Переход к Power Pages.

  2. Выберите Редактировать на сайте, на который вы хотите добавить страницу. Если у вас нет сайта, создайте сайт прежде чем продолжить.

  3. Выберите Страницы, а затем выберите значок (+) Добавить страницу справа от заголовка Главная панель навигации.

  4. Укажите имя для своей страницы и выберите макет Создать с нуля.

    Добавление страницы на сайт.

  5. Через несколько секунд вы увидите пустую страницу с набором компонентов для добавления в раздел.

Создайте страницу и добавьте содержимое

  1. Выберите значок Текст.

  2. Введите имя своей страницы (например, Моя страница).

    • Измените стиль на Заголовок 1
    • Выберите значок B, чтобы сделать текст полужирным.
    • Отрегулируйте выравнивание, чтобы текст отображался по центру

    Добавление текста на страницу.

  3. Под текстом выберите значок +, а затем выберите значок Разделитель, чтобы добавить компонент разделитель.

  4. Под разделителем выберите значок +, а затем выберите значок Текст, чтобы добавить другое текстовое поле.

  5. Добавьте текст в текстовое поле. Поэкспериментируйте со стилем и цветами.

  6. Выберите значок + под текстом и добавьте еще один разделитель.

  7. Выберите компонент Кнопка.

  8. Настройте следующие параметры кнопки:

    • Метка кнопки: Свяжитесь с нами
    • Выберите Ссылка на страницу
    • Выберите страницу Свяжитесь с нами в раскрывающемся списке.
    • Выберите ОК
    • Используйте меню свойств, чтобы центрировать кнопку
  9. Выделите весь раздел и выберите Фон из меню свойств, а затем измените цвет фона раздела.

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

    Пример веб-страницы.

Предварительный просмотр страницы

Вы можете в любой момент просмотреть, как будет выглядеть ваша страница на сайте.

  1. В студии дизайна в главном меню выберите Предварительный просмотр.

  2. Выберите ПК, чтобы страница отобразилась в браузере. Также вы можете просмотреть страницу на своем мобильном устройстве, отсканировав QR-код.

Перемещение страницы в карте сайта

При добавлении страницы на Главную панель навигации будет добавлен пункт меню. Страницу можно переместить в разные места в общей иерархии сайта с помощью студии дизайна.

В этом видео представлен обзор шагов по перемещению страницы в карте сайта.

  1. В разделе Главная панель навигации выберите значок троеточия (...), а затем — Переместить на другие страницы.

    Перемещение страницы в иерархии

  2. Теперь страница должна появиться в разделе Другие страницы. Если сейчас открыть предварительный просмотр страницы, вы не увидите пункт меню для страницы.

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

  4. Выберите страницу и значок троеточия (...). Попробуйте переместить страницу вверх и вниз в иерархии с помощью кнопок Вверх и Вниз.

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

  6. Откройте предварительный просмотр страницы. Вы увидите, что ваша страница стала подссылкой в разделе «Страницы», а также что в URL-адрес теперь отражено, что эта страница теперь является подстраницей.

    Подстраница.

См. также

Следующие шаги

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