Фотогалерея
Aleksey Petrenko
Опубликовано:
Галерея по 4 картинки в ряд
Для создания галереи необходимо вставить Gutenberg блок «Группа»:
Для этого блока задать класс photo-gallery
Внутрь блока «Группа» вставляем Gutenberg блоки Photo Gallery Item
В настройках блока Photo Gallery Item указываем:
- Изображение
- Описание
- Цену
- и ссылку на товар (не обязательно)
Галерея по 3 картинки в ряд
Для создания галереи необходимо вставить Gutenberg блок «Группа».
Задать для этого блока два класс photo-gallery и gallery3
Внутрь блока «Группа» вставляем необходимое количество Gutenberg блоков Photo Gallery Item.
Фотогалерея на главной странице
Т.к. в настройках темы нет полноценного редактора главной страницы сайта, то для добавление галереи используем HTML блок:
В отдельной новой Записи или Странице подготавливаем нужную галерею как рассказано выше и сохраняем запись/страницу. Открываем ее и через Debuger копируем участок кода отвечающий за галерею:
Вставляем скопированный код в HTML блок на главной странице:
П.С. Дополнительно можно написать заголовок и SEO текст.
