Перейти к основному контенту

Как добавить портфолио в REG.Site

Если на сайте вы хотите показать проекты, работы, продукты или товары, вам помогут модули типа «Портфолио». Всего в REG.Site есть три подобных модуля:

  • Портфолио,
  • Портфолио (Фильтры),
  • Широкоформатное портфолио.

Портфолио формируется из проектов, которые вы можете добавить в админке сайта. Проекты можно объединять в категории.

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

Работа с проектами

Рассмотрим, как добавить проект и создать категорию.

Как добавить новый проект

Портфолио формируется из проектов. Чтобы добавить новый проект:

  1. 1.
  2. 2.

    В левом меню нажмите Проекты:

    Как добавить проект в REG.Site

  3. 3.

    На экране вы увидите список существующих проектов. Чтобы добавить новый проект, в левом верхнем углу нажмите кнопку Добавить новый:

    Как добавить проект в REG.Site 1

  4. 4.

    Создайте страницу проекта в редакторе Divi или стандартном редакторе Wordpress на выбор:

    Выбор редактора макетов REG.Site

Готово, проект создан.

Как добавить новую категорию

  1. 1.
  2. 2.

    В левом меню наведите курсор на «Проекты» и нажмите Категории: Категории REG.Site

  3. 3.

    Введите название категории, ярлык, описание и нажмите Добавить новую категорию:

    Категории REG.Site 1

Готово, вы добавили новую категорию проектов на сайте.

Портфолио

При помощи этого модуля можно вывести ваши товары в виде сетки или в ширину страницы. Вот так будет выглядеть сетка портфолио на сайте:

Пример портфолио в REG.Site

Чтобы добавить модуль на сайт:

  1. 1.
  2. 2.
    Нажмите на серый плюс в строке, в которую хотите вставить портфолио.
  3. 3.

    Выберите модуль Портфолио:

    Вставить модуль портфолио

Готово, Портфолио добавлено на сайт. Теперь переходите к настройке внешнего вида модуля.

Портфолио (Фильтры)

Так же, как и стандартный модуль, модуль «Портфолио» позволяет выводить на экран товары в виде сетки или по ширине. Главным отличием является то, что в модуле можно настроить фильтр по категориям. Вот как он может выглядеть:

Пример портфолио с фильтрами в REG.Site

Чтобы добавить портфолио с фильтрами:

  1. 1.
  2. 2.
    Нажмите на серый плюс в строке, в которую хотите вставить портфолио.
  3. 3.

    Выберите модуль Портфолио (Фильтры):

    Вставить модуль портфолио с фильтрами

Готово, «Портфолио (Фильтры)» добавлено на сайт. Теперь переходите к настройке внешнего вида модуля.

Широкоформатное портфолио

С помощью широкоформатного портфолио можно добавить карусель или сетку с вашими проектами во всю ширину экрана. Пример карусели:

Пример карусели портфолио в REG.Site

Чтобы добавить широкоформатное портфолио на сайт:

  1. 1.
  2. 2.
    Нажмите на синий плюс в месте, в которое хотите вставить широкоформатное портфолио.
  3. 3.
    Выберите секцию В ширину.
  4. 4.

    Выберите модуль Широкоформатное портфолио:

    Вставить модуль широкоформатное портфолио

Готово, Широкоформатное портфолио добавлено на сайт. Теперь переходите к настройке внешнего вида модуля.

Настройка внешнего вида

В настройках каждого из перечисленных модулей есть три вкладки: Контент, Дизайн и Дополнительно. Рассмотрим параметры каждой вкладки.

Контент

  • В блоке «Контент» можно указать количество проектов на странице и включить отображение только нужных категорий.
  • В блоке «Элементы» можно отключить отображение заголовка и категории проекта. А также скрыть номера страниц.
  • В блоке «Ссылка» можно добавить ссылку, которая будет открываться при нажатии на модуль.
  • В блоке «Фон» можно на выбор можно установить: сплошной цвет, градиент, изображение или видео.

Дизайн

Когда вы добавите «Портфолио» или «Портфолио (Фильтры)», проекты будут отформатированы по ширине страницы и занимать много места на экране. Чтобы переключить портфолио в вид компактной сетки, перейдите во вкладку Дизайн и в блоке «Макет» выберите Сетка:

  • В блоке «Изображение» можно настроить закругление границ изображений проектов, добавить рамку и тень, выбрать цвет границы.
  • В блоке «Текст» можно настроить расположение, цвет и тень текста.
  • В блоках «Размеры» и «Отступы» можно настроить положение модуля на странице, а в блоке «Граница» рамку для всего модуля.

Дополнительно

Блоки «ID и классы CSS» и «Пользовательский CSS» подходят для работы с CSS и HTML.

В блоке «Видимость» можно отключить отображение модуля на некоторых типах устройств.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0