Создание редактируемых стилей на языке шаблонов Mailchimp

В этой статье вы получите больше информации о редактируемых стилях шаблонов.

При кодировании пользовательских шаблонов на языке Mailchimp используйте рекомендуемые соглашения о названиях. Это позволит определить, какие области вашего шаблона будут доступны для редактирования из раздела “Дизайн” (Design) построителя кампаний.

Область описания

Чтобы определить области, где стили могут редактироваться, используются следующие описания в CSS:

Обязательные

@tab: определяет, из какой вкладки дизайна можно устанавливать стили.

Не обязательные

@section: определяет, из каких вкладок могут устанавливаться стили. Это необязательно, но рекомендуется при наличии нескольких редактируемых стилей. Слишком много редактируемых стилей в одном разделе или сгруппированных без раздела могут затруднить поиск параметров редактирования.
Описание @style берет созданный вами набор правил CSS и помещает его в выпадающее меню текстового редактора кампании. Он позволяет быстро и выборочно применять стили к тексту.
@theme: если вы хотите, чтобы цвета вашего шаблона можно было изменять с помощью инструмента цветовой темы Mailchimp, используйте следующие определения темы в CSS:

*Страница @theme: определяет цвет фона письма.

*Текст @theme: должен быть в основном разделе кампании для цвета текста и шрифтов.

*Header @theme: должен использоваться для фона в разделе “просмотр в этом браузере” или полностью отключен.

*Заголовок @theme: определяет передний план, размер и шрифт заголовков.

*Подзаголовок @theme: определяет передний план, размер и шрифт подзаголовков.

*Футер @theme: определяет цвет фона футера. Должен быть в разделе футера.

Описание стилей

Чтобы определить один редактируемый стиль в области шаблона, используйте следующее описание стилей:

Блоки описания стилей имеют общую структуру независимо от целевого стиля элемента. Описание /@editable*/ повторяется для каждого элемента, который вы хотите редактировать в пределах области.