Одна из фишек добавленных в шаблон — конструктор AB-Inspiration 6.0 оформление маркированных списков. Я писала об этом в статье Оформление маркированных списков на блоге в шаблоне AB-Inspiration 6.0.
C выхода новой версии шаблона стали поступать пожелания устанавливать стиль списков по желанию для каждой статьи или старницы. Идея мне понравилась, но поскольку возможность выбрать стиль буллетов для маркированного списка в функционале шаблона AB-Inspiration 6.0 находится в «Настройках шаблона» => «Стиль статьи» и выбранный стиль и цвет буллетов действует на весь блог, мне пришлось подумать как этот функционал реализовать.
Лучше всего для реализации такой идеи подходят Шорткод — это короткий код с заданными параметрами.
В общем, чтобы реализовать эту идею, я полностью переделала функционал оформления маркированных списков.
Теперь в «Настройки шаблона» => «Стиль статьи» можно задать 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
Если у вас возникли вопросы по использованию шоркода списка, не стесняйтесь, задавайте в комментариях.
Средняя оценка: 5 из 5
Анфиса, обновил шаблон до версии 6.0.10. Обновлял правильно.
Начал настраивать маркированные списки, поскольку ранее сделанные настройки все сбросились.
Выяснилось, что у меня не подгружаются в настройке списков два цвета: обычный-colornormal и нейтральный-colorneutral. Цвета в настройках стиля статьи настроены.
Выбираю стиль «галочка в цветном круге» — list4, выбираю цвет буллетов обычный (у меня в настройках выставлен темно-синий), но в результате: галочка в черном цвете.
Работают только два цвета: положительный (colorplus) и отрицательный (colorminus).
Даже в разных записях пробовал, результат тот же.
В чем может быть причина?
Да, это ошибочка. В 11 версии исправлена. Сегодня выйдет.
Анфиса, а что нового в 11 версии? Я как только увидела, сразу обновилась, даже не прочитала! Но, уверена. шаблон становится все лучше и круче!
Ирина, я исправила небольшую ошибку в шорткоде списка. Цвет отображался некорректно
Здравствуйте, Анфиса!
Спасибо за обновление, теперь все работает отлично!
Понравилось новшество, вчера начала редактировать статьи на блогах!
А как сердечко отображать, видела на некоторых блогах!?
Татьяна, вы можете иконки использовать FontAwesome везде на блоге. Я писала инструкцию как это можно делать
Font Awesome в шаблоне AB-Inspiration 6.0
Анфиса, а можно ли сделать. что бы все кнопки на списках в блоге были одинаковыми, как раньше? Нет времени возится с каждым списком отдельно.
Было очень здоров, что при обновлении шаблона, обновились все старые списки, стали красивыми. А теперь они пропали… Теперь надо каждую статью редактировать, это неудобно. Или я что-то не поняла?
Ирина, к сожалению эту опцию вернуть не могу. Это была хорошая идея, и простая, но начали поступать жалобы, что буллеты отображались не только в статьях и страницах, но и сторонних плагинах, которые я к сожалению не могу контролировать. Если пользователь использует какой-то плагин, и там тоже используются списки, те списки тоже преображались, а это не всегда было красиво и к месту. С нашими плагинами таких проблем не было, поскольку я все настроила как нужно. А вот другие плагины я настроить заранее не могу, да и предугадать, какие плагины пользователи будут использовать тоже возможности нет. И еще не все хотелось видеть буллеты одного цвета и вида в своих статьях и страницах. Где-то к спискам подходила галочка, а где-то и нет. Например список минусов или каких-то негативных фактов.
Поэтому мне пришлось переработать функционал списков. Лучшим решением стало включение шорткода. Теперь красивые списки будут отображаться только в том случае и в том месте, где решит автор блога и не будут влиять на другие плагины и списки.
Но появился и один плюс. Благодаря функционалу шорткода теперь можно оформить списки по разному. С разными цветами и разными буллетами.
Это да, но старые статьи остались с черной точечкой. А переделывать нет времени. да и не помнишь уже где есть списки. С новым годом!
Да, к сожалению так. Если я задам стиль для списков в шаблоне, то они будут влиять на весь блог и плагины тоже. и к сожалению, регулировать где им появляться, а где нет, возможности нет. Получается только шорткод. Может постепенно пройтись по всем статьям и задать стиль списков.
Анфиса! Добрый день! У меня не получились цветные маркированные списки, только черные. И стили не получаются разные Версия В16. В чем может быть дело?