Разделение контента

Здесь я расскажу о том, как с помощью CSS в дневнике реализовать отображение трёх различных блоков контента в ленте избранного, дневнике и режиме комментариев соответственно. Зачем это нужно? Как правило, для шлифовки сложного оформления, но могут быть и другие причины. So, let's start.

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

<div class="feedTrigger">контент для ленты</div> <div class="journalTrigger" style="display:none;">контент для дневника</div> <div class="commentsTrigger" style="display:none;">контент для записи</div>

Зачем прописывать style="display:none"? Это скроет ненужные блоки в режиме ленты избранного, где ваш CSS не действует.

Итак, всё, что осталось - описать данные классы в CSS. Можете смело использовать следующий код:

.feedTrigger {display:none;} #Journal .journalTrigger, #JournalDraft .journalTrigger {display:block !important;} #JournalComments .commentsTrigger, #JournalDraft .commentsTrigger {display:block !important;} #JournalFavorite .feedTrigger, #JournalQuote .feedTrigger, #JournalDraft .feedTrigger {display:block !important;}

И всё работает. Последняя строчка нужна для того, чтобы feed контент отображался в своём избранном (чужие и свои блоки такого типа) и в своём цитатнике. Также подразумевается, что в черновиках должны быть видны вообще все варианты.

Пример: лента, дневник, запись.