Récemment, l’un de nos utilisateurs nous a posé la question: comment corriger la barre latérale sous l’erreur de contenu dans WordPress. Ce n’est pas la première fois que nous recevons cette question, nous avons donc décidé d’écrire un article à ce sujet. Dans cet article, nous vous montrerons comment corriger la barre latérale sous le bogue de contenu WordPress.
Pourquoi ma barre latérale tombe-t-elle sous mon contenu?
La raison pour laquelle votre barre latérale tombe en dessous de votre contenu est qu’il y a une erreur HTML ou CSS dans votre thème.
Comment puis-je empêcher ma barre latérale de tomber sous le contenu?
Nous avons résolu ce problème pour de nombreux utilisateurs. 9 fois sur 10, la raison est la même. Il y a un élément div non fermé sur la page. Il se peut également que vous fermiez un élément div supplémentaire sur la page, ce qui donne l’impression que votre barre latérale se trouve en dehors de l’élément d’habillage. Alors qu’est-ce que cela signifie en anglais? Résolvons le problème étape par étape.
Est-ce quelque chose qui a commencé récemment? Cela se produit-il uniquement sur un article ou une page spécifique? Si votre réponse est OUI, la solution suivante est pour vous.
Passez en revue tout ce que vous avez récemment modifié. Avez-vous ajouté un plugin? Avez-vous apporté des modifications liées au HTML? Le contenu de votre article ou de votre page a-t-il
des blocs sur eux? Assurez-vous qu’ils sont bien fermés. L’une des meilleures façons de découvrir l’erreur consiste à utiliser le validateur W3.
Utilisez ce tableau pour comprendre ce qui se passe:
Si vous créez un thème personnalisé et que ce problème vous arrive, il peut y avoir des problèmes. Un problème que nous vous avons déjà révélé précédemment. Peu d’autres problèmes pourraient être:
Rapport de largeur insuffisant. Si la largeur de votre conteneur n’est que de 960 px, vous devez garder les choses proportionnelles. Par exemple, une largeur de contenu de 600 pixels et une largeur de barre latérale de 300 pixels avec une marge de 60 pixels entre eux.
L’autre problème pourrait être la propriété flottante. Vous devez vous assurer d’ajouter float: left; et flottant: droit aux éléments appropriés. Si vous ne le faites pas, cela ne fonctionnera pas.
Nous espérons que cet article vous a montré comment corriger la barre latérale sous le bogue de contenu WordPress.
