Фотогалерея

от автора

в

Галерея по 4 картинки в ряд

Для создания галереи необходимо вставить Gutenberg блок «Группа»:

Для этого блока задать класс photo-gallery

Внутрь блока «Группа» вставляем Gutenberg блоки Photo Gallery Item

В настройках блока Photo Gallery Item указываем:

  • Изображение
  • Описание
  • Цену
  • и ссылку на товар (не обязательно)

Галерея по 3 картинки в ряд

Для создания галереи необходимо вставить Gutenberg блок «Группа».

Задать для этого блока два класс photo-gallery и gallery3

Внутрь блока «Группа» вставляем необходимое количество Gutenberg блоков Photo Gallery Item.


Фотогалерея на главной странице

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

В отдельной новой Записи или Странице подготавливаем нужную галерею как рассказано выше и сохраняем запись/страницу. Открываем ее и через Debuger копируем участок кода отвечающий за галерею:

Вставляем скопированный код в HTML блок на главной странице:

П.С. Дополнительно можно написать заголовок и SEO текст.


Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *