Оформление маркированных списков на блоге в шаблоне AB-Inspiration 6.0

  Автор:
  7 комментариев
  5862
Оформление маркированных списков на блоге в шаблоне AB-Inspiration

Начинаю серию статей по ярким изменениям в новой версии шаблона AB-Inspiration для блога на WordPress.

В этой статье поговорим о еще одном новшестве в шаблоне AB-Inspiration 6.0 — стиль для списков на блоге.

В новом шаблоне я добавила стиль списков в статьях и страницах. Помните, в предыдущих версиях шаблона, маркированные списки (буллиты) в тексте отображались просто черной точной. Теперь спискам можно придать более интересный вид.

bullets-ab-inspiration

Вот такие варианты оформления буллитов теперь доступны в шаблоне AB-Inspiraiton 6.0:

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

Галочка
Галочка в цветном квадрате
Галочка в белом квадрате
Галочка в цветном круге
Галочка в белом круге
Цветная точка
Белая точка
Цветной квадрат
Белый квадрат
Плюс
Плюс в цветном круге
Плюс в цветном квадрате
Плюс в белом квадрате
Минус
Минус в цветном круге
Минус в цветном квадрате
Минус в белом квадрате

Также можно выбрать цвет и размер буллитов.

Сначала в  «Настройки шаблона» => «Стиль статьи» необходимо задать 4 цвета буллитов, которые вы будете использовать на блоге.

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

list111

Далее, в процессе создания статей и страниц вы можете использовать встроенный шорткод с настройками стиля, цвета и размера буллитов. Более подробно в настройках списков вы можете прочитать в статье:  Шорткод для списков в статьях и на страницах в шаблоне AB-Inspiration 6.0.10

В следующей статье я расскажу о новых кнопках «Поделиться» в начале и в конце статьи.

 


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

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

 

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

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

Анфиса Бреус

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

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

Комментарии на Блог
7 комментариев
  1. Виталий

    Анфиса! Спасибо за очередную модернизацию шаблона! Все очень красиво!

  2. Кнопки уже обновила, но еще поэкспериментирую, как симпатичнее.

  3. Анфиса, попробовал новый единый стиль для маркированных списков. Скорее всего не буду его использовать. Очень нравится идея, но для меня важно иметь хотя бы два варианта цветовой раскраски маркеров: для перечня минусов (красный) и перечня плюсов (другой: синий, зеленый?). Очень важен цветовой акцент. В противном случае лучше просто черный нейтральный.
    С уважением, Леонид (спецкурс графического дизайна «Московского государственного академического художественного училища имени «Памяти 1905 года»»).

  4. Людмила Третьякова

    Анфиса! На одном из вебинаров по SEO было озвучено, что роботы фиксируют только буллеты в форме черных точек. Причем, наличие маркерованных списков очень приветствуется. Так ли это? Спасибо

    • Людмила, все верно. Скорее всего имелось в виду, что необходимо использовать HTML для отображения списков. Когда вы используете маркированный список, он формируется в HTML особым образом (можете посмотреть во вкладке Текст в редакторе). Вот его и понимает поисковик, когда сканирует статью. В шаблоне AB-Inspiration меняется только стиль отображение буллетов, но сам HMTL списка остаются. Для поисковика не важно внешне это черные точки или галочки, главное, чтобы в HTML был код маркированного списка. Гугл понимает HTML код. Если еще есть вопросы по SEO смело задавайте.

  5. Оформление буллетов это замечательное новшество!

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