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

  Автор:
  1897

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

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

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

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

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

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

list111

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

list112

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

list113

 

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

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

Нажмите на кнопку «ОК».

 

list122

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

list115

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

list120

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

list121

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

Цвет списка:

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

listscolor

 

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

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

listsize

 

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

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

liststyle

 

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

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

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

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

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

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

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

   6 голосов
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Комментарии на блоге
13 комментариев
  1. Анфиса, обновил шаблон до версии 6.0.10. Обновлял правильно.
    Начал настраивать маркированные списки, поскольку ранее сделанные настройки все сбросились.
    Выяснилось, что у меня не подгружаются в настройке списков два цвета: обычный-colornormal и нейтральный-colorneutral. Цвета в настройках стиля статьи настроены.
    Выбираю стиль «галочка в цветном круге» — list4, выбираю цвет буллетов обычный (у меня в настройках выставлен темно-синий), но в результате: галочка в черном цвете.
    Работают только два цвета: положительный (colorplus) и отрицательный (colorminus).
    Даже в разных записях пробовал, результат тот же.
    В чем может быть причина?

  2. Анфиса, а что нового в 11 версии? Я как только увидела, сразу обновилась, даже не прочитала! Но, уверена. шаблон становится все лучше и круче!

  3. Здравствуйте, Анфиса!
    Спасибо за обновление, теперь все работает отлично!

  4. Понравилось новшество, вчера начала редактировать статьи на блогах!
    А как сердечко отображать, видела на некоторых блогах!?

  5. Анфиса, а можно ли сделать. что бы все кнопки на списках в блоге были одинаковыми, как раньше? Нет времени возится с каждым списком отдельно.

  6. Было очень здоров, что при обновлении шаблона, обновились все старые списки, стали красивыми. А теперь они пропали… Теперь надо каждую статью редактировать, это неудобно. Или я что-то не поняла?

    • Ирина, к сожалению эту опцию вернуть не могу. Это была хорошая идея, и простая, но начали поступать жалобы, что буллеты отображались не только в статьях и страницах, но и сторонних плагинах, которые я к сожалению не могу контролировать. Если пользователь использует какой-то плагин, и там тоже используются списки, те списки тоже преображались, а это не всегда было красиво и к месту. С нашими плагинами таких проблем не было, поскольку я все настроила как нужно. А вот другие плагины я настроить заранее не могу, да и предугадать, какие плагины пользователи будут использовать тоже возможности нет. И еще не все хотелось видеть буллеты одного цвета и вида в своих статьях и страницах. Где-то к спискам подходила галочка, а где-то и нет. Например список минусов или каких-то негативных фактов.
      Поэтому мне пришлось переработать функционал списков. Лучшим решением стало включение шорткода. Теперь красивые списки будут отображаться только в том случае и в том месте, где решит автор блога и не будут влиять на другие плагины и списки.
      Но появился и один плюс. Благодаря функционалу шорткода теперь можно оформить списки по разному. С разными цветами и разными буллетами.

  7. Это да, но старые статьи остались с черной точечкой. А переделывать нет времени. да и не помнишь уже где есть списки. С новым годом!

    • Да, к сожалению так. Если я задам стиль для списков в шаблоне, то они будут влиять на весь блог и плагины тоже. и к сожалению, регулировать где им появляться, а где нет, возможности нет. Получается только шорткод. Может постепенно пройтись по всем статьям и задать стиль списков.

  8. Анфиса! Добрый день! У меня не получились цветные маркированные списки, только черные. И стили не получаются разные Версия В16. В чем может быть дело?

Комментарии в Фейсбук
Комментарии в Вконтакте