Главная/ Инструкции/ Блоки для выделения текста

Блоки для выделения текста

Мы подготовили код нескольких блоков для выделения отрывков текста, фраз, важных замечаний. К сожалению, во время установки темы нет технической возможности создавать блоки автоматически, потому создавать их придётся самостоятельно.

Для создания блока, Вам нужно перейти на страницу приложения "Сайт" (в верхнем меню панели администратора), далее по ссылке "Блоки" в боковом меню, и на открывшейся странице нажать "Новый блок". После выполнения этих действий, в появившейся форме нужно заполнить поля:

ID - идентификатор блока, он будет использоваться для вызова блока на страницах. Лучше использовать латиницу и подбирать лаконичные и семантичные идентификаторы (далее будут указаны рекомендованные идентификаторы блоков)
Описание - не обязательное поле, в котором можно в произвольной форме указать любую информацию, относящуюся к блоку.
В большом пустом поле под описанием, нужно будет указать код блока.

Ниже приведён список подготовленных нами блоков:

Важная информация

ID: text_info

Код блока:

    <div class="custom-block info-block">
        <div class="custom-block__icon">
            {include file="`$wa_theme_url|ltrim : $wa_url`svg_icons.html" icon="info_in_circle" width="56" height="56"}
        </div>
        <div class="custom-block__text">
            {$text}
        </div>
    </div>

Пример использования:

    {$wa->block("text_info", ['text' => 'Какой-то очень-очень важный текст!!!").'])}

Результат:

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов").

Предупреждение

ID: text_warn

Код блока:

    <div class="custom-block warn-block">
        <div class="custom-block__icon">
            {include file="`$wa_theme_url|ltrim : $wa_url`svg_icons.html" icon="warn_in_circle" width="56" height="56"}
        </div>
        <div class="custom-block__text">
            {$text}
        </div>
    </div>

Пример использования:

    {$wa->block("text_warn", ['text' => 'Внимание! Внимание! Говорит Москва!").'])}

Результат:

Вопрос

ID: text_question

Код блока:

    <div class="custom-block quest-block">
        <div class="custom-block__icon">
            {include file="`$wa_theme_url|ltrim : $wa_url`svg_icons.html" icon="question_in_circle" width="56" height="56"}
        </div>
        <div class="custom-block__text">
            {$text}
        </div>
    </div>

Пример использования:

    {$wa->block("text_question", ['text' => 'Почему? Почему? Почему? Был светофо-о-о-ор зелёный!").'])}

Результат: