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

  Автор:
  13 комментариев
  7304

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

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

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

 


Создать сайт для заработка с нами — легко и быстро!

За помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
Шорткод для списков в статьях и на страницах в шаблоне AB-Inspiration 6.0.10

   6 голосов
Средняя оценка: 5 из 5
Если Вам понравилась статья и Вы нашли её полезной, поделитесь ею в соцсетях! Нажмите на кнопки ниже, чтобы сделать это прямо сейчас.

Анфиса Бреус

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

Оставьте свой комментарий:

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

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

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

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

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

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

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

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

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *