Un autre problème courant auquel les débutants sont confrontés est que la barre latérale apparaît sous le contenu alors qu’elle devrait apparaître à côté. Ce problème est principalement causé par les thèmes WordPress.
Parfois, lorsque les utilisateurs ajoutent des fragments à leur site Web, ils peuvent accidentellement oublier de fermer la balise html div ou ajouter une div de fermeture supplémentaire, ce qui peut casser la disposition du thème. Une autre cause fréquente est l’utilisation de largeurs disproportionnées dans CSS ou le fait de ne pas effacer correctement les flottants.
Essayez-vous de corriger les barres latérales sous les erreurs de contenu dans WordPress ?
Ce problème se produit avec les modèles WordPress qui utilisent une disposition à deux colonnes pour le contenu et les barres latérales. En raison d’un léger changement de code, la barre latérale a commencé à apparaître sous le contenu au lieu d’être à côté.
Dans cet article, nous allons vous montrer comment corriger facilement les erreurs de contenu sous la barre latérale de WordPress.
Qu’est-ce qui cause les problèmes de barre latérale sous le contenu WordPress ?
La raison la plus courante pour laquelle une barre latérale apparaît sous le contenu est une erreur HTML ou CSS qui casse la mise en page.
Chaque <div> en HTML doit être correctement fermé. Si le modèle responsable de l’affichage de la page a une balise <div> non fermée, cela cassera la mise en page.
De plus, la balise de fermeture </div> indésirable affecte la mise en page et entraîne le déplacement de la barre latérale vers le bas.
En plus du HTML, CSS affecte la conception globale de chaque élément d’un site Web. Il est utilisé pour définir la largeur, l’alignement et le flottement des éléments dans la mise en page.
En termes simples, cela force la barre latérale à se déplacer vers le bas si la largeur de votre zone de contenu est supérieure à l’espace disponible.
Cela étant dit, voyons comment dépanner et corriger facilement la barre latérale sous les erreurs de contenu dans WordPress.
Correction de la barre latérale sous l’erreur de contenu WordPress
Tout d’abord, vous devez trouver le code spécifique à l’origine de la barre latérale sous le problème de contenu WordPress.
1. Annuler les modifications récentes apportées à votre thème WordPress
Souvent, le problème est causé par des modifications apportées aux fichiers de thème WordPress.
Si vous avez récemment apporté des modifications à votre thème ou sous-thème WordPress, l’examen de ces modifications sera un moyen rapide de résoudre le problème.
Si vous ne savez pas quelles modifications annuler, lisez la suite car nous vous montrons d’autres méthodes de dépannage.
2. Exclure les plugins WordPress
L’apparence de votre site WordPress est contrôlée par le thème que vous utilisez. Cependant, les plugins WordPress peuvent parfois également ajouter leur propre code HTML et CSS à votre site Web.
Par exemple, l’ajout d’un formulaire de contact à une page ou à une fenêtre contextuelle lightbox chargera des CSS et HTML supplémentaires.
Pour vous assurer que le problème n’est pas causé par les plugins WordPress, vous pouvez désactiver temporairement tous les plugins WordPress sur votre site.
Si le problème disparaît, cela signifie que le plugin est à l’origine du problème. Activez simplement tous les plugins WordPress en même temps, vérifiez votre site après chacun d’eux et découvrez quel plugin est à l’origine du problème.
Ensuite, vous pouvez contacter le support du plugin pour trouver des solutions et signaler des problèmes.
3. Trouvez le code HTML qui casse la mise en page
Comme nous l’avons mentionné précédemment, les balises <div> cassées sont l’une des raisons courantes pour lesquelles les barres latérales se déplacent sous le contenu.
Maintenant, si le problème est causé dans une zone spécifique de votre site, 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 un seul message, vous pouvez vérifier le modèle single.php. Pour savoir quels modèles consulter, consultez notre aide-mémoire complet sur la hiérarchie des modèles WordPress.
Le moyen le plus simple de trouver rapidement des éléments div non fermés consiste à utiliser l’outil W3C Validator.
Vous pouvez également utiliser des outils d’inspection ou des applications d’éditeur de code qui vous aident à déboguer votre code en mettant en surbrillance les balises d’ouverture et de fermeture des éléments.
Aussi la balise de fermeture <div>. </div>
De même, vous souhaitez également rechercher les balises de fermeture </div> orphelines qui n’ont pas de balise d’ouverture <div> correspondante.
Si vous rencontrez un problème avec le code HTML, sa résolution peut résoudre la barre latérale apparaissant sous le contenu.
4. Trouvez le CSS via la barre latérale sous le contenu mobile
CSS contrôle les aspects les plus importants de la conception de sites Web. Votre thème WordPress utilise CSS pour définir la largeur du contenu et les zones de la barre latérale dans les dispositions de grille.
La valeur est exprimée en pourcentage de la zone de visualisation disponible. Sur mobile, votre thème poussera automatiquement la barre latérale sous le contenu.
Pour savoir quel CSS est à l’origine du problème, vous pouvez utiliser l’outil d’inspection. Faites simplement glisser votre contenu vers les champs d’habillage, les sections de contenu et les zones de la barre latérale pour voir leur largeur et leur hauteur.
Par exemple, si la 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. L’espace utilisé dans les valeurs de remplissage et de marge utilisées dans chaque section peut également être pris en compte si vous devez calculer ces valeurs.
5. Effacer le cache WordPress
Si vous voyez toujours la barre latérale sous la zone de contenu, vous devrez peut-être vider votre cache WordPress.
Lorsque vos modifications n’apparaissent pas immédiatement, cela est généralement dû à des problèmes de mise en cache.
Les plugins de mise en cache vous montrent souvent des versions plus anciennes de la même page. Effacer votre cache WordPress et le cache de votre navigateur vous aidera à voir les modifications appliquées à votre site Web.
Nous espérons que cet article vous a aidé à apprendre comment corriger les erreurs de contenu de la barre latérale ci-dessous dans WordPress. Vous pouvez également mettre en signet notre Guide ultime des erreurs WordPress courantes et comment les corriger.
Articles similaires:
