Шорткод для списков в статьях и на страницах в шаблоне AB-Inspiration 6.0.10

Одна из фишек добавленных в шаблон – конструктор AB-Inspiration 6.0 оформление маркированных списков.  Я писала об этом в статье Оформление маркированных списков на блоге в шаблоне AB-Inspiration 6.0.

C выхода новой версии шаблона стали поступать пожелания устанавливать стиль списков по желанию для каждой статьи или старницы. Идея мне понравилась, но поскольку возможность выбрать стиль буллетов для маркированного списка  в функционале шаблона AB-Inspiration 6.0 находится в “Настройках шаблона” => “Стиль статьи” и выбранный стиль и цвет буллетов действует на весь блог, мне пришлось подумать как этот функционал реализовать.

Лучше всего для реализации такой идеи подходят Шорткод – это короткий код с заданными параметрами.

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

Теперь в “Настройки шаблона” => “Стиль статьи” можно задать 4 цвета буллетов

1. Обычный – например основной цвет блога, кнопок ссылок итд
2. Положительный – цвет для галочек, знака плюс итд
3. Отрицательный – цвет для знака “минус”
4. Нейтральный – любой другой цвет

Стиль буллетов задается для каждого списка отдельно. Для этого, зайдите в записи, откройте запись для редактирования. Поставьте мышку в то место, где будет список и в режиме “Визуально” напишите каждый пункт списка на отдельной строке (пока не применяя кнопку “Маркированный список”).

Далее, выделите мышкой пункты и нажмите в редакторе на эту кнопку “Списки”.

Во всплывшем окне выберите настройки:

– Цвет списка – выберите один из 4-х заданных цветов в Настройках шаблона
– Размер буллетов – выберите один из трех вариантов (маленький, средний, большой)
– Стиль буллетов – выберите необходимый стиль

Нажмите на кнопку “ОК”.

В редакторе вы увидите сформированный Шорткод и текст списка внутри Шорткода.

Далее, выделите пункты списка (без шорткода вначале и в  конце, только пункты списка!) и нажмите на кнопку “Маркированный список” в редакторе.

В итоге у вас должно получиться так:

В открывающем шорткоде вы видите 3 класса. Эти классы определяют: стиль, цвет и размер буллетов. Вы можете их также видеть во всплывшем окне при выборе настроек.

Цвет списка:

Обычный – colornormal
Положительный – colorplus
Отрицательный – colorminus
Нейтральный – colorneutral

Размер буллетов:

Маленький – sizesmall
Средний – sizemiddle
Большой – sizebig

Стиль списка:

Галочка – list1
Галочка в цветном квадрате – list2
Галочка в белом квадрате – list3
Галочка в цветном круге – list4
Галочка в белом круге – list5
Цветная точка – list6
Белая точка – list7
Цветной квадрат – list8
Белый квадрат – list9
Плюс – list10
Плюс в цветном круге – list11
Плюс в цветном квадрате – list12
Плюс в белом квадрате – list13
Минус – list14
Минус в цветном круге – list15
Минус в цветном квадрате – list16
Минус в белом квадрате – list17

Вы можете редактировать классы шорткода в соответсвии с вашими пожеланиями. Например замерить list1 на list2, sizesmall на sizesbig, colorplus на colorneutral итд.

Либо воспользоваться кнопкой вставки шорткода “Списки”

В одной статье или странице вы можете использовать несколько списков с разными стилями и цветом.

Шорткод списков будет работать в Записях, на Страницах, в шаблонах страниц “Каталог”, “Отзывы”, “Страница на всю ширину”, “Целевая страница”.

Данное новшество доступно с версии шаблона AB-Insiration 6.0.10

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