Versuchen Sie, die Seitenleiste unter dem Inhaltsfehler in WordPress zu beheben?
Dieses Problem tritt bei WordPress-Vorlagen auf, die ein zweispaltiges Layout für Inhalt und eine Seitenleiste verwenden. Aufgrund einer geringfügigen Codeänderung wird die Seitenleiste unter dem Inhalt statt daneben angezeigt.
In diesem Artikel zeigen wir Ihnen, wie Sie den Inhaltsfehler in der Seitenleiste unten in WordPress einfach beheben können.
Was verursacht die Seitenleiste unter dem Inhaltsproblem in WordPress?
Die häufigste Ursache für das Erscheinen der Seitenleiste unter dem Inhalt ist ein HTML- oder CSS-Fehler, der das Layout unterbricht.
Jeder <div>
in HTML muss richtig geschlossen werden. Wenn die für die Anzeige der Seite verantwortliche Vorlage ein nicht geschlossenes <div>
Tag, dann würde dies das Layout zerstören.
Ebenso kann ein unerwünschtes schließendes
-Tag das Layout beeinträchtigen und dazu führen, dass die Seitenleiste nach unten verschoben wird.
Abgesehen von HTML beeinflusst CSS auch das Gesamtdesign jedes Elements auf Ihrer Website. Es wird verwendet, um die Breite, Ausrichtung und das Schweben von Elementen in Ihrem Layout zu definieren.
Einfach ausgedrückt, wenn die Breite Ihres Inhaltsbereichs den verfügbaren Platz überschreitet, wird die Seitenleiste nach unten verschoben.
Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie die Seitenleiste unter dem Inhaltsfehler in WordPress einfach beheben und beheben können.
Beheben der Seitenleiste unter dem Inhaltsfehler in WordPress
Zuerst müssen Sie herausfinden, welcher spezifische Code die Seitenleiste unter dem Inhaltsproblem in WordPress verursacht.
1. Machen Sie die letzten Änderungen an Ihrem WordPress-Theme rückgängig
Normalerweise wird das Problem durch Änderungen in Ihren WordPress-Themedateien verursacht.
Wenn Sie kürzlich Änderungen an Ihrem WordPress-Theme oder Child-Theme vorgenommen haben, können Sie das Problem schnell beheben, indem Sie diese Änderungen untersuchen.
Wenn Sie nicht herausfinden können, welche Änderungen zurückgesetzt werden sollen, lesen Sie weiter und wir zeigen Ihnen andere Möglichkeiten zur Fehlerbehebung.
2. Schließe WordPress-Plugins aus
Das Aussehen und der Stil Ihrer WordPress-Site werden durch das von Ihnen verwendete Thema gesteuert. Manchmal können WordPress-Plugins jedoch auch ihr eigenes HTML und CSS zu Ihrer Website hinzufügen.
Das Hinzufügen eines Kontaktformulars auf einer Seite oder eines Leuchtkasten-Popups würde beispielsweise zusätzliches CSS und HTML laden.
Um sicherzustellen, dass das Problem nicht durch ein WordPress-Plugin verursacht wird, können Sie alle WordPress-Plugins auf Ihrer Website vorübergehend deaktivieren.
Wenn das Problem verschwindet, bedeutet dies, dass ein Plugin das Problem verursacht hat. Aktivieren Sie einfach alle Ihre WordPress-Plugins nacheinander und überprüfen Sie Ihre Website nach jedem Plugin, um herauszufinden, welches das Problem verursacht.
Danach können Sie sich an den Support des Plugins wenden, um eine Lösung zu finden und das Problem zu melden.
3. Finden Sie den HTML-Code, der das Layout durchbricht
Wie bereits erwähnt, ein kaputtes <div>
-Tag ist eine der häufigsten Ursachen dafür, dass die Seitenleiste unter den Inhalt verschoben wird.
Wenn das Problem nun in einem bestimmten Bereich Ihrer Website verursacht wird, können Sie die Vorlage überprüfen, die für die Anzeige dieses Codes verantwortlich ist.
Wenn dieses Problem beispielsweise nur bei einzelnen Beiträgen auftritt, sollten Sie die Vorlage single.php überprüfen. Um herauszufinden, welche Vorlage Sie sich ansehen sollten, sehen Sie sich unseren vollständigen Spickzettel für die WordPress-Vorlagenhierarchie an.
Der einfachste Weg, um nicht geschlossene Div-Elemente schnell zu finden, ist die Verwendung des W3C-Validator-Tool.
Sie können auch das Inspect-Tool oder Code-Editor-Apps verwenden, die Ihnen beim Debuggen von Code helfen, indem Sie Start- und End-Tags von Elementen hervorheben.
Wenn Sie sich den Code ansehen, müssen Sie sicherstellen, dass alle <div>
Tag, das geöffnet wird, hat auch ein Schließen </div>
Schild.
In ähnlicher Weise möchten Sie auch nach verwaisten schließenden
-Tags suchen, die kein entsprechendes offenes
Wenn Sie den fehlerhaften HTML-Code gefunden haben, wird durch das Beheben die Seitenleiste unter dem Inhaltsproblem behoben.
4. Suchen Sie nach dem CSS, indem Sie die Seitenleiste unter den Inhalt verschieben
CSS steuert die wichtigsten Aspekte des Designs Ihrer Website. Dein WordPress-Theme verwendet CSS, um die Breite des Inhalts und die Seitenleistenbereiche innerhalb eines Rasterlayouts zu definieren.
Dieser Wert ist der Prozentsatz des verfügbaren Anzeigebereichs. Auf Mobilgeräten würde Ihr Design automatisch die Seitenleiste unter dem Inhalt nach unten verschieben.
Um herauszufinden, welches CSS das Problem verursacht, können Sie das Inspect-Tool verwenden. Wenn Sie Ihren Inhalt einfach in das Wrapper-Feld, den Inhaltsabschnitt und die Seitenleistenbereiche verschieben, wird Ihnen deren Breite und Höhe angezeigt.
Wenn Ihr Inhaltsbereich beispielsweise 70 % breit und der Seitenleistenbereich 33 % beträgt, wird er automatisch nach unten verschoben. Wenn Sie diese Werte berechnen müssen, sollten Sie auch den von den einzelnen Abschnitten belegten Platz und die Randwerte berücksichtigen.
5. Löschen Sie den WordPress-Cache
Wenn die Seitenleiste unter dem Inhaltsbereich immer noch angezeigt wird, möchten Sie möglicherweise Ihren WordPress-Cache leeren.
Wenn Sie Änderungen vornehmen, die nicht sofort angezeigt werden, liegt dies häufig an Caching-Problemen.
Es ist üblich, dass Caching-Plugins Ihnen eine ältere Version derselben Seite anzeigen. Das Löschen des WordPress-Cache und des Browser-Cache würde Ihnen helfen, die auf Ihre Website angewendeten Änderungen zu sehen.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die Seitenleiste unter dem Inhaltsfehler in WordPress zu beheben. Vielleicht möchten Sie auch unser ultimatives Handbuch zu den häufigsten WordPress-Fehlern und deren Behebung als Lesezeichen speichern.