← Alle Beiträge

Anleitungen

Seitenleisten und Kommentarbereiche dauerhaft ausblenden

17 Mai 2026 · von JustZix Team

Ein Artikel besteht aus ein paar hundert Wörtern Text, umgeben von einer Arena der Ablenkungen: Trending-Spalten, fixierte Teilen-Leisten, Autoplay-Tafeln und Kommentarbereiche, die das Scrollen selten belohnen. JustZix lässt Sie die Arena löschen und den Artikel behalten.

Finden, was entfernt werden soll

Öffnen Sie die Seite, klicken Sie mit der rechten Maustaste auf den störenden Block und wählen Sie Untersuchen. Notieren Sie sein Tag, seine id oder eine stabile class. Sie suchen einen Selektor, der spezifisch genug ist, um nur den Lärm zu treffen. Generische Wörter wie sidebar, related, recommended und promo tauchen auf den meisten Seiten in Klassennamen auf.

Der zentrale Ausblendblock

Beginnen Sie mit einer Liste der üblichen Verdächtigen. display: none entfernt das Element vollständig und gewinnt seinen Platz zurück:

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

Fügen Sie pro Seite Selektoren hinzu oder entfernen Sie sie. Wenn etwas verschwindet, das Sie wollen, löschen Sie die Zeile, die es erfasst hat.

Den Kommentarbereich verbannen

Kommentar-Widgets sind schwer, langsam und oft ein Sumpf von Böswilligkeit. Sie auszublenden beschleunigt die Seite und schützt Ihre Stimmung:

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

Den fixierten Wust beseitigen

Fixierte Kopfzeilen, schwebende Teilen-Leisten und Chat-Blasen folgen Ihnen die Seite hinunter. Manche wollen Sie weg haben; bei anderen verhindern Sie nur das Fixieren:

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

Eine Kopfzeile von fixed oder sticky auf static umzustellen hält die Navigation verfügbar, stoppt sie aber davon, beim Lesen Bildschirmplatz zu fressen.

Die Spalte zurückgewinnen

Sobald eine Seitenleiste weg ist, bleibt die Hauptspalte oft bei ihrer alten schmalen Breite mit leerem Raum daneben. Strecken Sie sie wieder aus:

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

Das float: none macht alte Float-Layouts rückgängig; die max-width hält dann den nun zentrierten Text bei einem lesbaren Maß.

Eine sicherere Alternative zu display none

Wenn das Ausblenden eines Elements ein Skript kaputtmacht, das es erwartet, neutralisieren Sie es stattdessen visuell:

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

Es als Regel speichern

Erstellen Sie eine JustZix-Regel, setzen Sie das URL-Muster auf Ihre Zielseite, fügen Sie die Blöcke, die Sie brauchen, in den CSS-Bereich ein und speichern Sie. Laden Sie den Artikel neu — der Lärm ist weg und der Text steht für sich. Bauen Sie eine Regel pro Seite, die Sie oft lesen, da die Selektoren variieren.

Eine entrümpelte Seite passt perfekt zu einem warmen Hintergrund und einer abgestimmten Spalte. Siehe Bauen Sie Ihren eigenen Lesemodus für die volle Behandlung, holen Sie sich Voreinstellungen aus unseren fertigen Beispielen und laden Sie JustZix herunter, um mit dem Wegschneiden des Wusts zu beginnen.