Блоки внимания в теме Reboot

Блоки внимания — ещё одна полезная фишка темы Reboot, избавляющая от установки стороннего плагина или копания в коде. Функция поддерживается как старым классическим редактором, так и редактором блоков Гутенберг.

Для чего используют блоки внимания

Фрагмент информации, который отличается оформлением на общем фоне, сразу бросается в глаза. Цель — привлечь внимание посетителя сайта, из чего собственно и происходит название.
Выделенные блоки, во-первых, акцентируют внимание читателя на важном фрагменте текста. Во-вторых, визуально разделяют массив статьи на части, что упрощает чтение текста пользователем. Ну и конечно же делают страницу сайта привлекательней внешне, внося разнообразие.

 Что размещать в таких блоках

В таких блоках, например, целесообразно размещать:

  • информацию об акциях, предложениях
  • объявления, условия, предупреждения
  • цитирование контента с других ресурсов
  • призыв к действию
  • характеристики, описание
  • ссылки

Это только некоторые идеи применения, которых на самом деле множество.
В Reboot пока что доступно восемь блоков внимания. Каждый отличается цветом и иконкой. Разработчик, при последующих обновлениях, обещает добавлять новые цветовые схемы, если будут пожелания покупателей темы. Лично мне вдоволь хватает этих восьми, но только для начала. Честно говоря, хотелось бы в будущем иметь выбор побогаче, уж слишком как-то бедноват наборчик. Как это выглядит — смотрите ниже.

Примеры блоков внимания 

Пример с предупреждением, предостережением. 
Здесь, к примеру, уместен будет вопрос и ответ на него. Например:

Собираетесь ли вы использовать подобные блоки внимания в своих статьях?

Конечно же да. Выглядит прикольно.
Не спамьте в комментариях на этом сайте! Все комментарии проходят ручную проверку.
Сюда логично будет разместить подсказку, рекомендацию или полезный совет,
Блок вмещает сколько угодно текстовой информации, но не стоит перебарщивать. Все хорошо в меру.
 
Текст в блоках поддерживает различное форматирование.
Блоки внимания поддеживаются и классическим редактором и новым редактором блоков Gutenberg
Таким блоком можно обозначить минусы чего либо, обозначить слабые стороны, выразить неодобрение.
Ну и последней в списке вот такая стандартная цитата. Куда уж без нее.

Как выделить блок. 

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

Блоки внимания в Гутенберге
Блоки внимания в Гутенберге

В классическом редакторе блоки вызываются значком с изображением восклицательного знака.

Блоки внимания в классическом редакторе
Классический редактор

Для создания блока нужно либо выделить текст, после чего выбрать вариант блока для него, либо сперва выбрать блок, потом ввести текст.

Значки блоков
Выбрать стиль блока

В репозитории WordPress не сложно отыскать несколько плагинов, предназначенных для создания блоков внимания на странице, но не каждый из них хорош. Создать собственные стили для подобных блоков тоже несложно, но уже нужно уметь разбираться в коде. Обязательно расскажу о плагинах по теме и создании собственных CSS стилей для блоков и не только. 

Здесь я рассказал только об одной из  функций русской темы Ребут. Остальные вкусняшки ждут вас в одноименном разделе. Все вопросы, как обычно, пишите в комментариях или через форму обратной связи.

 

 

Тестовый
Выдвижная панель:

Информация в панеле Информация в панеле Информация в панеле

Информация в панеле Информация в панеле Информация в панеле Информация в панеле Информация в панеле

Информация в панеле

Информация в панеле

Информация в панеле

Информация в панеле

Информация в панеле

Информация в панеле

Информация в панеле

Информация в панеле