x
  • banner1.png
  • Документация для редакторов

Изменение дизайна редактируемой области

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

Правка существующего блока

Откроется панель, в которой на отдельных вкладках можно настроить различные группы стилей:

изменение дизайна редактируемой области

  • Шрифты - управление стилем для текста в редактируемой области;
  • Фон - для редактируемой области позволяет задать цвет фона или загрузить изображение, которое будет применяться к фону;
  • Рамка - данные стили позволяют вокруг редактируемой области создавать рамку;
  • Интервал - настройка внутренних и внешних отступов у редактируемой области;
  • CSS (Каскадные таблицы стилей)- в этой вкладке есть возможность добавить свои собственные css стили, если вы в них разбираетесь. Custom Templates are the perfered way to add CSS to a block. 
  • Находясь на любой вкладке вы можете сохранить все сделанные настройки стилей в отдельной предустановке. Для этого отметьте флажком пункт "Сохранить стиль как" и введите произвольное название предустановленного стиля.

ПРИМЕЧАНИЕ: Стили, задаваемые здесь часто могут переопределяться стилями, прописанными в специальных оформлениях блоков. 

Настройка фона области

Для изменения цвета фона в редактируемой области на вкладке "Фон" кликните по значку Указатель рядом с текстом "Цвет фона", появится выборщик цвета, с помощью которого можно указать какой цвет должен быть в фоне.

выборщик цвета при настройке стиля

В той же вкладке можно в качестве фона выбрать изображение. Для этого кликните по пункту "Фоновое изображение" и в менеджере файлов выберите нужный файл. Изображение, добавленное таким способом, будет располагаться в верхнем левом углу редактируемой области. Если размер самого изображения очень мал, то при необходимости его можно размножить, указав в пункте "Размножить" нужный вариант: По горизонтали, по вертикали, все (по обоим осям одновременно) или оставить пункт по умолчанию - нет, означающий, что изображение не будет размножаться и будет отображено в натуральную величину.

Если потребуется изменить изображение достаточно просто щелкнуть левой клавишей мыши на нем и в выпадающем меню щелкнуть по пункту "Выбрать новый файл". Из того же меню можно очистить изображение, если по каким-то причинам для фона изображение больше не требуется.

 выбрать другой файл для фона

Сохранение предустановки

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

Если в выбранный предустановленный стиль вы внесете какие-либо изменения, то появится пункт, в котором будет предложено выбрать один из трех вариантов о том, что делать с предустановленным стилем:

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

предустановка была изменена 

Система Orphus