Top.Mail.Ru

Технический тест вёрстки блоков

Это служебная страница. На ней собраны все блоки нового формата статей, чтобы проверить их на живом сайте: как они выглядят в теме, разворачивается ли шорткод формы и не ломает ли вёрстку редактор.

Коротко
  • Проверяем каждый тип блока по одному разу
  • Форма стоит дважды: кнопкой по ходу текста и призывом в конце
  • Пояснения к терминам подставляются автоматически, вот исполнительное производство
  • Подпись юриста берётся из профиля WordPress
15типов блоков
2сниппета на сайте
31проверка в тестах
Три полосы с круглыми маркерами

Как выглядит нумерованный список

  1. Первый пунктУ пункта есть заголовок и пояснение. Номер стоит слева и не липнет к краю.
  2. Второй пунктСписок читается целиком и не оставляет дыр при любом количестве пунктов.
Человек у доски с отметками

Как проверяется вёрстка блоков

1
Собрать тело из документа

Компилятор превращает блоки в разметку и подставляет пояснения к терминам.

2
Отправить в CMS черновиком

Черновик применяет все поля разом, это обход известного бага публикации.

Что за баг
При переходе записи в публикацию хук падает с ошибкой 500 и не применяет категории и адрес. Поэтому поля ставятся черновиком, а статус переключается отдельно.
3
Посмотреть живую страницу

Проверяем, что шорткод развернулся, а редактор не наплодил лишних абзацев вокруг блоков.

Совет

Врезка с советом. Проверяем, что иконка на месте и текст не выходит за подложку.

Осторожно

Врезка с предупреждением. Второй вид, другой цвет и другая иконка.

Что говорит закон

Врезка с нормой закона. Здесь вместо вектора стоит знак параграфа, а сведения о процедурах попадают в ЕФРСБ.

Работает ли кнопка теста?

Блок развёрнут шорткодом. Кнопка должна открыть попап с четырьмя вопросами.

Полина Недашковскаяюрист Амулекс
Три карточки со значками

Карточки со значками в одном ряду

Зелёная галочка

Значок стоит рядом с заголовком карточки.

Со ссылкой

У карточки может быть ссылка на образец документа.

Посмотреть образец

Без ссылки

А может не быть, тогда лишнего элемента внизу нет.

Красный крестик

Тот же блок, другой значок.

Три в ряду

Три карточки заполняют ряд без дыр.

Одинаковая высота

Карточки выравниваются по высоте ряда.

Сетка из двух колонок

Таблица сравнения в две колонки

Что сравниваем Первый вариант Второй вариант
Стоимость 0 ₽ от 100 тыс. ₽
Срок 6 месяцев 8-12 месяцев
Кто проверяет МФЦ суд
Плюсы
  • Числа выравниваются по разрядам
  • Выигрышная клетка подсвечена
  • Таблица прокручивается на телефоне
Минусы
  • Длинные заголовки переносятся
  • Больше трёх колонок не влезает

Частые вопросы

Часто задаваемые вопросы

Первый вопрос раскрыт по умолчанию
Да, иначе блок выглядит пустым. Остальные закрыты.
Размечен ли блок для поисковика
Да, микроданными прямо в вёрстке: FAQPage, Question, Answer.
Дублируется ли текст на странице
Нет. Разметка навешена на тот же текст, который видит человек.
Финальный призыв

Поможем решить вопрос с долгами. Запишитесь на бесплатную консультацию к юристу.

Это полезная страница?

Ваш голос поможет улучшить наш сайт:

Автор статьи
Полина Недашковская Автор статьи опыт 9 лет

Опытный юрист с более чем 9-летним стажем работы с запросами клиентов и компаний. Эксперт в области гражданского права, специализируется на сложных делах, требующих глубоких знаний и нестандартных решений. Регулярно публикует статьи в юридическом журнале AMULEX, делясь с читателями экспертным взглядом и анализом актуальных правовых вопросов.

об эксперте ⟶
Блог
Подписаться
Уведомить о
guest
0 Комментарии
Популярные
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
[ya_carousel] [ya_fullscreen]
Информация, представленная на странице, не является юридической консультацией или правовым заключением и не может быть применима в иной конкретной ситуации. Для получения профессиональной юридической поддержки рекомендуется обратиться к нам. Статья основана на анализе действующих нормативных актов на момент публикации и актуальна только на дату публикации.
я тебе ниже дам код, а ты оберни его по инструкции.