Tes.tudo db » — Новые нюансы оформления

Новые нюансы оформления

Некоторые нюансы которые следует знать.

Хочу обратить внимание что сейчас всё содержимое между заголовками автоматически заворачиваются в секции <div class="section"></div> с учетом уровня.

Например:

Текст

Заголовок h4

Текст Текст…

Заголовок h5

Текст Текст…

Заголовок h6

Текст Текст…

Преимущества

У каждого уровня автоматически создаются отступы.

Теперь любую секцию можно сделать скрываемой или частично скрываемой без необходимости заворачивать скрываемое содержимое в какой-либо блок.

Пример:

Скрываемый блок

Создается добавлением class="sh" заголовку.

<h5 class="sh">Скрываемый блок</h5>
Текст что будет скрыт

Частично скрываемый блок

Создается добавлением class="sh n1" заголовку для отображения одного блока

<h5 class="sh n1">Скрываемый блок</h5>
Текст что будет показан. WordPress завернет его в параграф.
Текст что будет скрыт.
Не стоит забывать что в параграфы будут завернуты только строки отделенные двумя переводами строк.

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

n5 - скроет пять разделов (абзацев или других html элементов)

Недостатки

Скрываемой теперь можно сделать только всю секцию (включая дочерние заголовки). Это плохо совместимо со старым оформлением. Так например секция Информация о файле теперь скрывается вся, вместо сокрытия подробной информации.

Обойти это можно двумя способами.

  1. !ХАК. Заключить в  <div> оба блока и скрываемый и тот что должен отображаться.
  2. Использовать новое оформление в виде информационной сноски. Подробнее далее.

Информационной сноски

Какая либо информация

Информационная сноска (может есть и лучшее название) создается так:

<p class="extinfo">Какая либо информация</p>

Элемент может быть любой. Главное добавить ему класс extinfo.

Лучше выбирать тэг параграфа — p. А с некоторыми, вроде ul я вообще так и не поэкспериментировал.

Крайний комментарий

Собственно проблем и нюансов в оформлении еще предостаточно. Многое нужно править. Еще больше доводить до удобоваримого состояния.

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

Комментарии (1).