Менеджер стилей Grids. Модульная сетка поста

Grids. Модульная сетка поста

Зачем нужна сетка поста?

Сетка поста — это система организации контента. Она используется при верстке и позволяет упорядочивать простую и сложную информацию, расставлять акценты и добиваться при этом единого стиля и узнаваемости издания. 

В Setka Editor мы используем колоночные сетки — это базовые сетки во всем графическом дизайне. К ним часто добавляются горизонтальные ряды, которые рассчитываются, исходя из величины кегля. Их конфигурация зависит от числа колонок, отступов от края макета (margins) и отступов колонок друг от друга (gutters).

Колоночные сетки помогают создавать верстку для разных устройств — компьютеров, планшетов и смартфонов. Колонки вносят необходимые ограничения, чтобы вы могли быстро решить, как разместить контент, но при этом у вас остается много возможностей для сочетания разных типов информации (текстов и изображений) и дизайн-элементов.

 

______________2017-08-18___12.31.18.png

 

Можно ли добавить свою сетку поста?

В разделе Grid вы можете настроить базовые сетки для выбранной темы, а потом в редакторе работать в одной из них. По умолчанию в Setka Editor подключено несколько видов сетки: шестиколоночные, восьмиколоночные, десятиколоночные и двенадцатиколоночные. Кроме того, вы можете загрузить собственную сетку.

Зайдите в раздел Grids Systems на сайте editor.setka.io и нажмите Add grid system. Вы можете задать количество колонок (base columns), ширину пробелов между ними (gutter) и боковые отступы (Advanced – Horizontal margins).

 

 

Чтобы отключить сетку, нажмите стрелочку слева от шестеренки, затем нажите Disable. В таком случае, сетка пропадет из раздела Grids. Посты, в которых была использована эта сетка, не потеряют свое оформление.

Для удаления сетки выберите Delete this grid system.

 

disable_grid_system.png

 

Если вы попробуете отключить все сетки, последнюю удалить не получится, так как для любого поста нужна сетка.

Вы можете добавить сколько угодно сеток постов.

 

Auto и Limited ширина

При добавлении новой системы сеток вы можете задать для нее расширенные настройки (пункт advanced) и определить тип сетки Auto или Limited.

В Auto контент заполняет всю ширину контейнера поста. Ширина внешних отступов (margins) фиксирована, границы контейнера не меняются при изменении размеров окна.

Limited позволяет задать точную максимальную ширину границ контента поста в пикселях. Внешние отступы (margins) будут заполнять все доступное пространство между шириной контейнера поста и шириной контента, центрируя его. Этот стиль сетки подходит в случае, если вы хотите установить точную ширину поста и обеспечить выступ изображения за его границы.