Добавлено в закладки: 0

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

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

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

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


Шаблон "card"

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

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

В группах пишут:
0
Не в группе
Запись в группе

Но она не принадлежит никакой из групп. (Такое бывает, когда вы создали запись из админки - но забыли поставить галку принадлежности к группе) Тестирую шаблоны на такое поведение. И картинки тоже нет.

Далее - рыба-текст... Phasellus cursus neque sit amet tellus consequat ullamcorper. Maecenas ut est sapien. In lectus nunc, convallis id sodales non, porttitor et libero. Curabitur scelerisque tincidunt tortor iaculis iaculis. Morbi a mollis velit. Curabitur id condimentum mauris. Aenean dapibus tincidunt nisl, at malesuada arcu auctor at. Donec dapibus tortor elit, a gravida lectus euismod ut. Quisque vitae magna augue. Suspendisse potenti. Vestibulum felis urna, pretium et mauris at, molestie pellentesque sapien.

Suspendisse tristique hendrerit elit non vestibulum. Mauris auctor ...

5
Переменные в CSS: зачем они нам?
Переменные в CSS: зачем они нам?

CSS-переменные, более известные как кастомные CSS-свойства, доступны в Chrome начиная с 49 версии. Они могут быть полезны для уменьшения количества повторяющегося кода в CSS, создания впечатляющих эффектов вроде смены тем на лету и, потенциально, создания полифилов для будущих возможностей CSS.

Хаос в CSS

Обычная практика при разработке приложения — составить набор фирменных цветов, которые будут использоваться, чтобы поддержать единый стиль. Увы, многократное использование этих цветов в CSS не только является рутинной работой, но ещё и создаёт пространство для возникновения ошибок. Если в какой-то момент один из цветов нужно будет поменять, разработчик может неосторожно воспользоваться поиском и заменой по всему документу, что в большом проекте может быть ...
0
Sunset or sundown, is the daily disappearance of the Sun below the western horizon as a result of Earth’s rotation.
Sunset or sundown, is the daily disappearance of the Sun below the western horizon as a result of Earth’s rotation.

 Sunset or sundown, is the daily disappearance of the Sun below the western horizon as a result of Earth's rotation.

The time of sunset is defined in astronomy as the moment when the trailing edge of the Sun's disk disappears below the horizon. Near to the horizon, atmospheric refraction causes the ray path of light from the Sun to be distorted to such an extent that geometrically the Sun's disk is already about one diameter below the horizon when sunset is observed.

Sunset is distinct from twilight, which has three phases, the first being civil twilight, which begins once the Sun has disappeared below the horizon, and continues until it descends to 6 degrees below the horizon; the second phase is nautical twilight, between 6 and 12 degrees below the horizon; and the third is ...

-5
Top secret. Area 51

Less than 100 miles from Las Vegas, Nevada is the most famous secret military installation on the planet. Rumors swirl around this base, much like the mysterious aircraft that twist and turn in the skies overhead. Although it’s known by many names, most people call it by the Atomic Energy Commission’s (AEC) designation: Area 51.

The name alone inspires thoughts of government conspiracies, secret “black” aircraft and alien technologies. Facts, myths and legends weave together in such a way that it can become difficult to separate reality from fiction. What exactly goes on in this installation? Why did the government alternatively acknowledge and deny its existence until the 1990s? Why is the airspace over it so restricted that even military aircraft are ...


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

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

В наших группах пишут:
0
Не в группе
Запись в группе

Но она не принадлежит никакой из групп. (Такое бывает, когда вы создали запись из админки - но забыли поставить галку принадлежности к группе) Тестирую шаблоны на такое поведение. И картинки тоже нет.

Далее - рыба-текст... Phasellus cursus neque sit amet tellus consequat ullamcorper. Maecenas ut est sapien. In lectus nunc, convallis id sodales non, porttitor et libero. Curabitur scelerisque tincidunt tortor iaculis iaculis. Morbi a mollis velit. Curabitur id condimentum mauris. Aenean dapibus tincidunt nisl, at malesuada arcu auctor at. Donec dapibus tortor elit, a gravida lectus euismod ut. Quisque vitae magna augue. Suspendisse potenti. Vestibulum felis urna, pretium et mauris at, molestie pellentesque sapien.

Suspendisse tristique hendrerit elit non vestibulum. Mauris auctor ...

5
Переменные в CSS: зачем они нам?
Переменные в CSS: зачем они нам?

CSS-переменные, более известные как кастомные CSS-свойства, доступны в Chrome начиная с 49 версии. Они могут быть полезны для уменьшения количества повторяющегося кода в CSS, создания впечатляющих эффектов вроде смены тем на лету и, потенциально, создания полифилов для будущих возможностей CSS.

Хаос в CSS

Обычная практика при разработке приложения — составить набор фирменных цветов, которые будут использоваться, чтобы поддержать единый стиль. Увы, многократное использование этих цветов в CSS не только является рутинной работой, но ещё и создаёт пространство для возникновения ошибок. Если в какой-то момент один из цветов нужно будет поменять, разработчик может неосторожно воспользоваться поиском и заменой по всему документу, что в большом проекте может быть ...
0
Sunset or sundown, is the daily disappearance of the Sun below the western horizon as a result of Earth’s rotation.
Sunset or sundown, is the daily disappearance of the Sun below the western horizon as a result of Earth’s rotation.

 Sunset or sundown, is the daily disappearance of the Sun below the western horizon as a result of Earth's rotation.

The time of sunset is defined in astronomy as the moment when the trailing edge of the Sun's disk disappears below the horizon. Near to the horizon, atmospheric refraction causes the ray path of light from the Sun to be distorted to such an extent that geometrically the Sun's disk is already about one diameter below the horizon when sunset is observed.

Sunset is distinct from twilight, which has three phases, the first being civil twilight, which begins once the Sun has disappeared below the horizon, and continues until it descends to 6 degrees below the horizon; the second phase is nautical twilight, between 6 and 12 degrees below the horizon; and the third is ...

-5
Top secret. Area 51

Less than 100 miles from Las Vegas, Nevada is the most famous secret military installation on the planet. Rumors swirl around this base, much like the mysterious aircraft that twist and turn in the skies overhead. Although it’s known by many names, most people call it by the Atomic Energy Commission’s (AEC) designation: Area 51.

The name alone inspires thoughts of government conspiracies, secret “black” aircraft and alien technologies. Facts, myths and legends weave together in such a way that it can become difficult to separate reality from fiction. What exactly goes on in this installation? Why did the government alternatively acknowledge and deny its existence until the 1990s? Why is the airspace over it so restricted that even military aircraft are ...


Шаблон "list"

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

[ ofm_groups template="list" num="3" ]

Последнее в группах:
Запись в группе
1 год назад
Комментариев: 0
Переменные в CSS: зачем они нам?
Переменные в CSS: зачем они нам?

Публикация в группе: Скрытые возможности теней

6 месяцев назад
Комментариев: 5


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

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