← Все статьи

Туториалы

Скройте боковые панели и разделы комментариев навсегда

17 мая 2026 · автор JustZix Team

Статья — это несколько сотен слов текста, окружённых ареной отвлечений: колонки трендов, липкие панели «поделиться», панели автовоспроизведения и разделы комментариев, которые редко окупают прокрутку. JustZix позволяет удалить арену и оставить статью.

Найдите, что убрать

Откройте страницу, кликните правой кнопкой по нарушающему блоку и выберите «Исследовать». Запишите его тег, id или стабильный class. Вы ищете селектор достаточно конкретный, чтобы попасть только в шум. Общие слова вроде sidebar, related, recommended и promo встречаются в именах классов на большинстве сайтов.

Основной блок скрытия

Начните со списка обычных подозреваемых. display: none убирает элемент полностью, возвращая его место:

aside,
.sidebar,
#sidebar,
.related-articles,
.recommended,
.trending,
.most-popular,
.promo, .ad-slot {
  display: none !important;
}

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

Изгоните раздел комментариев

Виджеты комментариев тяжёлые, медленные и часто — сток недобросовестности. Скрытие их ускоряет страницу и бережёт ваше настроение:

#comments,
.comments,
.comment-section,
#disqus_thread,
.fb-comments,
[id*="livefyre"] {
  display: none !important;
}

Уберите липкий хлам

Липкие шапки, плавающие панели «поделиться» и пузыри чата следуют за вами вниз по странице. Что-то вы хотите убрать; для другого просто перестаньте давать им прилипать:

.share-bar,
.floating-cta,
.chat-widget,
[class*="cookie-banner"] {
  display: none !important;
}
header.sticky,
.site-header {
  position: static !important;
}

Переключение шапки с fixed или sticky на static сохраняет навигацию доступной, но останавливает поедание ею места на экране, пока вы читаете.

Верните себе колонку

Когда боковая панель убрана, основная колонка часто остаётся на своей старой узкой ширине с пустым местом рядом. Растяните её обратно:

.main-content,
.content-area,
article {
  width: 100% !important;
  max-width: 72ch !important;
  margin-inline: auto !important;
  float: none !important;
}

float: none отменяет устаревшие float-макеты; max-width затем держит теперь отцентрованный текст на читаемой мере.

Более безопасная альтернатива display none

Если скрытие элемента ломает скрипт, который его ожидает, обезвредьте его визуально:

.related-articles {
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

Сохраните это как правило

Создайте правило JustZix, задайте шаблон URL для целевого сайта, вставьте нужные блоки в панель CSS и сохраните. Перезагрузите статью — шум исчез, и текст стоит один. Соберите по одному правилу на сайт, который вы часто читаете, поскольку селекторы различаются.

Расчищенная страница идеально сочетается с тёплым фоном и настроенной колонкой. Смотрите создание собственного режима чтения ради полной обработки, возьмите пресеты из наших готовых примеров и скачайте JustZix, чтобы начать резать хлам.