На этой странице вы увидите работу моего дополнения к плагину WP-Recall - Group Frontage
Эта страница использует всю ширину сайта
Даны разные варианты выводов шаблонов с разными атрибутами. Поводите по изображениям, погоняйте ширину браузера (в Firefox браузере можно нажать ctrl + shift + m и включить мобильный режим) - и посмотрите как устроена адаптивность блоков. Или зайдите на эту страницу с вашего мобильного устройства
Каждый шаблон принимает ширину в % (по умолчанию 100). Здесь даны размеры выборочно - для вашего представления. Под вашу Вордпресс тему выставите своё значение атрибута ширины
Полное описание дано на странице дополнения
Шаблон "card"
Вывод шорткодом:
[ ofm_groups template="card" num="4" name="В группах пишут:" ]
Universe Activity Modal - выводит здесь модальное окно. Картинки по клику.
А Magnific Popup Recall - увеличивает их позволяя рассмотреть ...
![Moby — The Only Thing [Third Person] Music Video](https://across-ocean.otshelnik-fm.ru/wp-content/uploads/2016/06/2008ClaudeGassian04.jpg)
https://www.youtube.com/watch?v=LDhKucyb7jQ
Вывод шорткодом:
[ ofm_groups template="card" num="4" name="В наших группах пишут:" width="50" ]
Universe Activity Modal - выводит здесь модальное окно. Картинки по клику.
А Magnific Popup Recall - увеличивает их позволяя рассмотреть ...
https://www.youtube.com/watch?v=LDhKucyb7jQ
Шаблон "list"
Вывод шорткодом:
[ ofm_groups template="list" num="3" ]
Шаблон "simple"
Вывод шорткодом:
[ ofm_groups template="simple" num="3" ]
Шаблон "slab"
Ниже, вывод шаблоном "slab", представленным разной шириной:
Вывод шорткодом:
[ ofm_groups template="slab" num="5" width="20" ]
Вывод шорткодом:
[ ofm_groups template="slab" num="4" width="25" ]
Вывод шорткодом:
[ ofm_groups template="slab" num="3" width="33" ]
Вывод шорткодом:
[ ofm_groups template="slab" num="4" width="50" ]
ширина в 50% на таком широком макете (980px) извратство, но если у вас ширина макета 500px - этот вывод вам подойдет