Essayez-vous de corriger la barre latérale sous l’erreur de contenu dans WordPress ?
Ce problème se produit avec les modèles WordPress utilisant une disposition à deux colonnes pour le contenu et une barre latérale. En raison d’un léger changement de code, la barre latérale commence à apparaître sous le contenu au lieu d’être à côté.
Dans cet article, nous allons vous montrer comment corriger facilement l’erreur de contenu de la barre latérale sous WordPress.
Quelles sont les causes de la barre latérale sous le problème de contenu dans WordPress ?
La cause la plus courante de l’apparition de la barre latérale sous le contenu est une erreur HTML ou CSS brisant la mise en page.
Chaque <div>
en HTML doit être correctement fermé. Si le modèle responsable de l’affichage de la page a un <div>
tag, cela casserait la mise en page.
De même, une balise de fermeture
indésirable peut également affecter la mise en page et entraîner le déplacement de la barre latérale vers le bas.
Outre HTML, CSS affecte également la conception globale de chaque élément de votre site Web. Il est utilisé pour définir la largeur, l’alignement et le flottement des éléments dans votre mise en page.
Pour faire simple, si la largeur de votre zone de contenu est supérieure à l’espace disponible, cela forcera la barre latérale à se déplacer vers le bas.
Cela étant dit, voyons comment dépanner et corriger facilement la barre latérale sous l’erreur de contenu dans WordPress.
Correction de la barre latérale sous l’erreur de contenu dans WordPress
Tout d’abord, vous devrez découvrir quel code spécifique est à l’origine de la barre latérale sous le problème de contenu dans WordPress.
1. Annuler les modifications récentes apportées à votre thème WordPress
Habituellement, le problème est causé par des modifications dans vos fichiers de thème WordPress.
Si vous avez récemment apporté des modifications à votre thème WordPress ou à votre thème enfant, l’examen de ces modifications sera un moyen rapide de résoudre le problème.
Si vous ne parvenez pas à déterminer les modifications à annuler, continuez à lire et nous vous montrerons d’autres moyens de résoudre les problèmes.
2. Éliminez les plugins WordPress
L’apparence et le style de votre site WordPress sont contrôlés par le thème que vous utilisez. Cependant, parfois, les plugins WordPress peuvent également ajouter leur propre HTML et CSS à votre site Web.
Par exemple, l’ajout d’un formulaire de contact sur une page ou une fenêtre contextuelle lightbox chargerait du CSS et du HTML supplémentaires.
Pour vous assurer que le problème n’est pas causé par un plugin WordPress, vous pouvez désactiver temporairement tous les plugins WordPress sur votre site Web.
Si le problème disparaît, cela signifie qu’un plugin était à l’origine du problème. Activez simplement tous vos plugins WordPress un par un, en vérifiant votre site Web après chaque plugin pour savoir lequel est à l’origine du problème.
Après cela, vous pouvez contacter le support du plugin pour trouver une solution et signaler le problème.
3. Trouvez le code HTML qui brise la mise en page
Comme nous l’avons mentionné plus tôt, une rupture <div>
La balise est l’une des causes courantes du déplacement de la barre latérale sous le contenu.
Maintenant, si le problème est causé dans une zone spécifique de votre site Web, vous pouvez vérifier le modèle responsable de l’affichage de ce code.
Par exemple, si ce problème ne se produit que sur des publications uniques, vous souhaiterez peut-être vérifier le modèle single.php. Pour savoir quel modèle regarder, consultez notre aide-mémoire complet sur la hiérarchie des modèles WordPress.
Le moyen le plus simple de trouver rapidement un élément div non fermé consiste à utiliser le Outil de validation W3C.
Vous pouvez également utiliser l’outil d’inspection ou les applications d’édition de code qui vous aident à déboguer le code en mettant en évidence les balises de début et de fin des éléments.
Lorsque vous regardez le code, vous devez vous assurer que tout <div>
la balise qui est ouverte a aussi une fermeture </div>
étiqueter.
De même, vous souhaitez également rechercher une balise de fermeture
orpheline qui n’a pas de balise
Si vous avez trouvé le code HTML défectueux, le corriger corrigera la barre latérale apparaissant sous le problème de contenu.
4. Trouvez le CSS en déplaçant la barre latérale sous le contenu
CSS contrôle les aspects les plus importants de la conception de votre site Web. Votre thème WordPress utilise CSS pour définir la largeur du contenu et les zones de la barre latérale à l’intérieur d’une disposition en grille.
Cette valeur est exprimée en pourcentage de la zone de visualisation disponible. Sur les appareils mobiles, votre thème abaisserait automatiquement la barre latérale sous le contenu.
Pour savoir quel CSS est à l’origine du problème, vous pouvez utiliser l’outil Inspecter. Déplacer simplement votre contenu vers le champ wrapper, la section de contenu et les zones de la barre latérale vous montrera leur largeur et leur hauteur.
Par exemple, si votre zone de contenu a une largeur de 70 % et que la zone de la barre latérale est de 33 %, elle se déplacera automatiquement vers le bas. Lorsque vous devez calculer ces valeurs, vous pouvez également prendre en compte l’espace utilisé par le remplissage et les valeurs de marge utilisées par chaque section.
5. Vider le cache WordPress
Si vous voyez toujours la barre latérale sous la zone de contenu, vous souhaiterez peut-être vider votre cache WordPress.
Lorsque vous apportez des modifications qui n’apparaissent pas tout de suite, cela est souvent dû à des problèmes de mise en cache.
Il est courant que les plugins de mise en cache vous montrent une ancienne version de la même page. Vider le cache WordPress et le cache du navigateur vous aiderait à voir les modifications appliquées à votre site Web.
Nous espérons que cet article vous a aidé à apprendre comment corriger la barre latérale sous l’erreur de contenu dans WordPress. Vous pouvez également ajouter à vos favoris notre manuel ultime des erreurs WordPress courantes et de la façon de les corriger.