Добавить разметку

Инструмент разметки в concrete5

Инструмент разметки - это быстрый способ разбиения одной крупной области блока на несколько более мелких частей. Но мы не рекомендуем использовать этот инструмент как основной для деления страницы на блоки. Предпочтительным вариантом является внесение изменений непосредственно в вёрстку файлов темы вашего сайта. Инструмент разметки подойдёт, например, в таких случаях, типа: «О, я бы хотел узнать мнение посетителей. Хочу разместить временный опрос у себя на сайте справа от текстового блока».

Для разделения области блока перейдите в режим редактирования и нажмите на ярлык, относящийся к нужному блоку, затем в меню выберите пункт «Добавить разметку».

добавить разметку на страницу

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

После нажатия кнопки «Добавить разметку» появится всплывающее окно для настройки разметки:

Настройка разметки

Сетка

Нажмите на выпадающий список «Сетка», чтобы выбрать тип сетки для форматирования разметки. В каждой теме могут быть подключены разные типы сеток. В теме по умолчанию «Elemental» использованы 2 типа сетки: 

  • Twitter Bootstrap
  • Свободная разметка (используется по умолчанию)

Использование сеток помогает колонкам в разметке выглядеть равномерно, когда такие разметки добавляются в нескольких местах на большом сайте.

Колонки

Эта настройка задаёт количество колонок в разметке.

Промежутки

Укажите расстояние в пикселях, чтобы задать расстояние между двумя соседними колонками. Для некоторых сеток, например, «Twitter Bootstrap», настройка промежутков невозможна, так как расстояние между колонками прописано в стилях фреймворка «Bootstrap» и не поддаётся изменению через инструмент разметки в concrete5.

Фиксированная ширина

Фиксированные колонки в разметке

Если кнопка со значком замка не нажата, то в некоторых типах сеток это позволяет менять вручную ширины колонок, двигая ползунки влево-вправо.

изменения размера колонок в сетке

Отметим, что данная кнопка может отсутствовать в некоторых сетках. Например, для сетки «Twitter Bootstrap» размер колонок зафиксирован в стилях фреймворка «Bootstrap» и менять можно только количество колонок, а размер самих колонок равномерно подстраивается под ширину блока.

Отменить/добавить разметку

После внесения всех настроек вы можете добавить разметку на страницу. Для этого нажмите синюю кнопку «Добавить разметку». Для выхода из инструмента добавления разметки и отмены всех изменений нажмите кнопку «Отмена».

Изменение существующей разметки

После добавления разметки на страницу вы можете выполнить над этой разметкой дополнительные операции. Кликните по одной из колонок в добавленной разметке, в выпадающем меню вы увидите несколько дополнительных, не знакомых ранее пунктов.

меню изменения разметки

Добавленную разметку можно сохранить как предустановку и использовать разметку с такими же параметрами в любом месте на сайте. Сохранённая разметка будет доступна в выпадающем списке с типом сетки при добавлении новой разметки на страницу сайта.

Продолжая просматривать сайт, вы даёте согласие на использование файлов cookie.

Подробнее