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

  Автор:
  5754

Одна из фишек добавленных в шаблон – конструктор 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
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик многофункционального шаблона "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов разного назначения на WordPress. Основатель клуба "Мастер WordPress" и автор курсов по создании и применению сайтов на WordPress. Фрилансер. Предприниматель. Спикер.

Как создать сайт онлайн-школы на WordPress с интернет - магазином, профессиональным блогом и лендингами
Оставьте свой комментарий:
13 комментариев
  1. Анфиса, обновил шаблон до версии 6.0.10. Обновлял правильно.
    Начал настраивать маркированные списки, поскольку ранее сделанные настройки все сбросились.
    Выяснилось, что у меня не подгружаются в настройке списков два цвета: обычный-colornormal и нейтральный-colorneutral. Цвета в настройках стиля статьи настроены.
    Выбираю стиль “галочка в цветном круге” – list4, выбираю цвет буллетов обычный (у меня в настройках выставлен темно-синий), но в результате: галочка в черном цвете.
    Работают только два цвета: положительный (colorplus) и отрицательный (colorminus).
    Даже в разных записях пробовал, результат тот же.
    В чем может быть причина?

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

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

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

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

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

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

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

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

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

на Блоге
в Фейсбук
в Вконтакте