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

0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этом примере описан тег H1:

Подробно обо всех функциях, возможностях и особенностях Mailchimp вы узнаете в видео-тренинге “Большой курс по Mailchimp“. После прохождения тренинга выдается сертификат.