Дизайн страниц входа и регистрации


Использование конструктора страниц входа и регистрации

Конструктор страниц входа и регистрации позволяет настроить внешний вид и состав страниц, которые видят пользователи при входе в систему и регистрации.

  1. На странице «Администрирование» в разделе «Внешний вид» выберите пункт «Дизайн страниц входа и регистрации» .
  2. Отобразится конструктор страниц входа и регистрации.
  3. Настройте свойства страниц и блоков на них:

  4. Cохраните изменения. При этом измененные страницы не будут опубликованы.

  5. Опубликуйте сохраненную конфигурацию страниц входа и регистрации, нажав кнопку «Опубликовать» (несохраненная конфигурация опубликована не будет).
  6. После публикации для пользователей будут отображаться страницы входа и регистрации с сохраненной конфигурацией.

Пример опубликованной страницы входа

Пример опубликованной страницы входа

Области конструктора страниц входа и регистрации

  1. Кнопки

    • Сохранить — сохранение текущей конфигурации страниц входа и регистрации;
    • Опубликовать — публикация сохраненной конфигурации страниц входа и регистрации;
    • Сбросить — восстановление стандартной конфигурации страниц входа и регистрации.
  2. Панель элементов — позволяет выбирать страницы и блоки, включать и отключать различные блоки страниц входа и регистрации;

  3. Макет страницы — позволяет выбирать блоки страницы и показывает её предварительное представление;
  4. Панель свойств — позволяет настроить конфигурацию выбранного элемента.

Области конструктора страниц входа и регистрации

Области конструктора страниц входа и регистрации

Настройка страницы входа

  1. В панели элементов выберите пункт «Страница входа».
  2. Отобразятся макет и панель свойств страницы входа.
  3. В панели «Свойства страницы входа» ведите заголовок страницы — он будет отображаться во вкладке браузера, когда пользователь находится на странице входа.
  4. Настройте информационный блок.
  5. Настройте общие блоки страниц входа и регистрации:

Настройка страницы входа

Настройка страницы входа

Информационный блок

На странице входа может отображаться информационный блок, содержащий изображение-баннер, произвольный текст и гиперссылку для перехода на произвольную веб-страницу.

  1. В панели «Свойства страницы входа» установите флажок «Информационный блок», чтобы включить его отображение.
  2. В панели элементов выберите пункт «Информационный блок», чтобы настроить его.
  3. Отобразится панель «Свойства информационного блока».
  4. Выберите изображение, которое будет отображаться в верхней части информационного блока:

    • Стандартное — готовое изображение из Comindware Platform;
    • Новое изображение — выберите любой файл типа JPG, GIF, PNG или SVG в соответствии с указанными требованиями к размеру;
    • Без изображения — информационный блок будет отображаться без баннера.
  5. Настройте содержимое информационного блока:

    • Заголовок — отображается под изображением-баннером или вместо него (если изображение не выбрано);
    • Текст — отображается под заголовком; текст можно отформатировать с помощью встроенных средств редактирования, или можно вставить HTML-текст из буфера обмена;
    • Текст кнопки — подпись гиперссылки, расположенной внизу информационного блока;
    • Ссылка для перехода — указанная ссылка откроется в новой вкладке браузера при нажатии гиперссылки в информационном блоке.

Настройка информационного блока страницы входа

Настройка информационного блока страницы входа

Настройка страницы регистрации

  1. В панели элементов выберите пункт «Страница регистрации».
  2. Отобразятся макет и панель свойств страницы регистрации.
  3. В панели «Свойства страницы регистрации» ведите заголовок страницы — он будет отображаться во вкладке браузера, когда пользователь находится на странице регистрации.
  4. Настройте общие блоки страниц входа и регистрации:

Настройка заголовка страницы регистрации

Настройка заголовка страницы регистрации

Настройка общих блоков страниц входа и регистрации

Для страниц входа и регистрации предусмотрены общие элементы:

Общие блоки страниц входа и регистрации

Общие блоки страниц входа и регистрации

Логотип

Блок «Логотип» содержит изображение и текстовую подпись, он отображается в верхней части страниц входа и регистрации.

  1. Установите флажок «Логотип» в панели элементов, чтобы включить этот блок.
  2. Отобразится панель «Свойства логотипа».
  3. Выберите изображение логотипа:

    • Логотип из темы — изображение логотипа, выбранное в разделе «Фирменные изображения» текущей темы;
    • Новое изображение — выберите любой файл типа JPG, GIF, PNG или SVG в соответствии с указанными требованиями к размеру;
    • Без логотипа — блок логотипа будет отображаться без изображения.
  4. Введите текст под логотипом. Если изображение логотипа не выбрано, то в блоке логотипа будет отображаться только текст.

  5. Задайте цвет текста под логотипом. Если не задать цвет, то будет использоваться цвет текста, заданный в разделе «Цвета основных элементов» текущей темы.

Настройка логотипа

Настройка логотипа

Социальные сети

Блок «Социальные сети» содержит значки со ссылками на веб-сайты, он отображается по центру в нижней части страниц входа и регистрации.

  1. В панели элементов установите флажок «Социальные сети», чтобы включить этот блок.
  2. Отобразится панель «Свойства блока «Социальные сети».
  3. Введите заголовок блока, который будет отображаться над значками соцсетей.
  4. Добавьте или удалите значки соцсетей с помощью кнопок «Добавить» Кнопка добавления и «Удалить» Кнопка удаления.
  5. Настройте ссылки на соцсети:

    • Значок — дважды нажмите значок, чтобы сменить его;
    • Ссылка для перехода — введите адрес веб-сайта соцсети;
    • Текст при наведении — введите текст, который будет отображаться при наведении мыши на значок.

Настройка блока «Социальные сети»

Настройка блока «Социальные сети»

Ссылки

Блок «Ссылки» может содержать два элемента следующих типов:

  • ссылки для скачивания файлов;
  • простой текст;
  • ссылки на веб-сайты;
  • ссылки на адреса эл. почты.

Этот блок отображается справа в нижней части страниц входа и регистрации.

  1. В панели элементов установите флажок «Ссылки», чтобы включить этот блок.
  2. Отобразится панель «Свойства блока ссылок».
  3. Добавьте или удалите элементы в блоке ссылок с помощью кнопок «Добавить» Кнопка добавления и «Удалить» Кнопка удаления.
  4. Выберите тип элемента и настройте его.

    • Файл

      • Выберите файл — загрузите с компьютера компьютера файл, который можно будет скачать по гиперссылке.
      • Отображаемый текст — введите подпись гиперссылки для скачивания выбранного файла.
    • Простой текст

      • Отображаемый текст — будет отображаться без гиперссылки.
    • Ссылка

      • Отображаемый текст — введите подпись гиперссылки.
      • Ссылка для перехода — введите URL-адрес веб-сайта.
    • Адрес эл. почты

      • Отображаемый текст — введите адрес эл. почты, который будет отображаться как гиперссылка. Не вводите префикс mailto:, он будет добавлен в гиперссылку автоматически.

Настройка блока «Ссылки»

Настройка блока «Ссылки»

Фон

Фон — это подложка на которой отображаются остальные элементы страниц входа и регистрации.

  1. В панели элементов выберите пункт «Фон».
  2. Отобразится панель «Свойства фона страницы».
  3. Выберите фон страницы:

    • Фон из темы — в качестве фона страниц будет использоваться фон страниц, выбранный в разделе «Фирменные изображения». Если изображение не задано, будет использоваться цвет фона страниц, выбранный в разделе «Цвета основных элементов» текущей темы;
    • Новое изображение — выберите любой файл типа JPG, GIF, PNG или SVG в соответствии с указанными требованиями к размеру;
    • Без изображения — укажите цвет фона страниц входа и регистрации.

Настройка фона страниц входа и регистрации

Настройка фона страниц входа и регистрации

Связанные статьи

Темы. Настройка, применение, предпросмотр

К началу


Номер Статьи: 4707
Размещено: Fri, Dec 9, 2022
Последнее обновление: Tue, Oct 22, 2024

Online URL: https://kb.comindware.ru/article/dizajn-stranic-vhoda-i-registracii-4707.html