На этой странице вы увидите работу моего дополнения к плагину WP-Recall - Group Frontage

Эта страница использует всю ширину сайта

Даны разные варианты выводов шаблонов с разными атрибутами. Поводите по изображениям, погоняйте ширину браузера (в Firefox браузере можно нажать ctrl + shift + m и включить мобильный режим) - и посмотрите как устроена адаптивность блоков. Или зайдите на эту страницу с вашего мобильного устройства

Каждый шаблон принимает ширину в % (по умолчанию 100). Здесь даны размеры выборочно - для вашего представления. Под вашу Вордпресс тему выставите своё значение атрибута ширины
Полное описание дано на странице дополнения


Шаблон "card"

Вывод шорткодом:

[ ofm_groups template="card" num="4" name="В группах пишут:" ]

В группах пишут:
0
Картинки в universe activity modal
Картинки в universe activity modal

Universe Activity Modal - выводит здесь модальное окно. Картинки по клику.

А Magnific Popup Recall - увеличивает их позволяя рассмотреть ...

0
Кадры

Кадры к ...

0
Moby — The Only Thing [Third Person] Music Video

https://www.youtube.com/watch?v=LDhKucyb7jQ

0
Трейлер

https://www.youtube.com/watch?v=kDR5HYay2X4


Вывод шорткодом:

[ ofm_groups template="card" num="4" name="В наших группах пишут:" width="50" ]

В наших группах пишут:
0
Картинки в universe activity modal
Картинки в universe activity modal

Universe Activity Modal - выводит здесь модальное окно. Картинки по клику.

А Magnific Popup Recall - увеличивает их позволяя рассмотреть ...

0
Кадры

Кадры к ...

0
Moby — The Only Thing [Third Person] Music Video

https://www.youtube.com/watch?v=LDhKucyb7jQ

0
Трейлер

https://www.youtube.com/watch?v=kDR5HYay2X4


Шаблон "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 - этот вывод вам подойдет

Всего просмотров: 283, Сегодня: 1