ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Search
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
En lisant: Comment corriger l’erreur de contenu de la barre latérale sous WordPress dans WordPress
Partager
Notification Montre plus
Aa
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Aa
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
Search
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Suivez-nous
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
ThemeLocal - Des conseils de blog qui fonctionnent comme par magie > Blog > WordPress > Themes > Comment corriger l’erreur de contenu de la barre latérale sous WordPress dans WordPress
Themes

Comment corriger l’erreur de contenu de la barre latérale sous WordPress dans WordPress

Dernière mise à jour: novembre 27, 2021 4:48 pm
ThemeLocal il y a 5 ans 8 minutes lecture minimale
Partager
8 minutes lecture minimale
Comment corriger lerreur de contenu de la barre laterale sous
Partager

Essayez-vous de corriger la barre latérale sous l’erreur de contenu dans WordPress ?

Contents
Quelles sont les causes de la barre latérale sous le problème de contenu dans WordPress ?Correction de 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.

Fermeture de toutes les divs dans la mise en page du thème WordPress

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.

Barre latérale sous la zone de contenu

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.

Désactiver tous les plugins WordPress

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.

Utilisation de l'outil de validation HTML

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.

Erreur de débogage HTML à l'aide d'un éditeur de code

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

ouverte correspondante.

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.

Vérifier les problèmes de largeur CSS

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

Site non mis à jour

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.

Vous pourriez aussi aimer

Comment installer la version bêta publique de macOS 27 Golden Gate

Comment effectuer une extraction complète des données depuis ChatGPT

Comment déplacer une note dans un dossier dans l’application Notes sur iPhone et iPad

Comment utiliser les options d’appel FaceTime pour refuser et accepter de nouveaux appels

Comment partager des rappels sur iPhone avec vos amis et votre famille

MARQUÉ: barre, Comment, contenu, corriger, dans, latérale, lerreur, sous, WordPress
Partagez cet article
Facebook Twitter Pinterest Whatsapp Whatsapp
Partager
Qu-est-ce que tu penses?
Aimer0
Triste0
Heureux0
Somnolent0
Fâché0
Sans commentaires0
Clin d-œil0
Article précédent 1638012279 Comment vectoriser une image Comment vectoriser une image
Article suivant 1638031706 Comment creer du Pop Art dans Photoshop Comment créer du Pop Art dans Photoshop
Laissez un commentaire

Laisser un commentaire Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Poste populaire

1784192434 Comment installer la version beta publique de macOS 27 Golden
Comment installer la version bêta publique de macOS 27 Golden Gate
Comment
Comment effectuer une extraction complete des donnees depuis ChatGPT
Comment effectuer une extraction complète des données depuis ChatGPT
Comment
1784012438 Comment installer la version beta publique diOS 27 sur votre
Comment installer la version bêta publique d’iOS 27 sur votre iPhone
Comment
Comment utiliser les options dappel FaceTime pour refuser et accepter
Comment utiliser les options d’appel FaceTime pour refuser et accepter de nouveaux appels
Comment
Comment partager des rappels sur iPhone avec vos amis et
Comment partager des rappels sur iPhone avec vos amis et votre famille
Comment
iOS 27 : accédez au nouvel écran de récupération iPhone
Comment

También podría gustarte

1784192434 Comment installer la version beta publique de macOS 27 Golden
Comment

Comment installer la version bêta publique de macOS 27 Golden Gate

il y a 2 jours 6 minutes lecture minimale
Comment effectuer une extraction complete des donnees depuis ChatGPT
Comment

Comment effectuer une extraction complète des données depuis ChatGPT

il y a 3 jours 6 minutes lecture minimale
1784152840 Comment deplacer une note dans un dossier dans lapplication Notes
Comment

Comment déplacer une note dans un dossier dans l’application Notes sur iPhone et iPad

il y a 3 jours 3 minutes lecture minimale
Comment utiliser les options dappel FaceTime pour refuser et accepter
Comment

Comment utiliser les options d’appel FaceTime pour refuser et accepter de nouveaux appels

il y a 3 jours 3 minutes lecture minimale
Comment partager des rappels sur iPhone avec vos amis et
Comment

Comment partager des rappels sur iPhone avec vos amis et votre famille

il y a 4 jours 6 minutes lecture minimale
1784012438 Comment installer la version beta publique diOS 27 sur votre
Comment

Comment installer la version bêta publique d’iOS 27 sur votre iPhone

il y a 4 jours 10 minutes lecture minimale
1783620035 Empechez les autres dutiliser vos photos Instagram dans les invites
Comment

Empêchez les autres d’utiliser vos photos Instagram dans les invites IA : voici comment procéder

il y a 1 semaine 3 minutes lecture minimale
1783618237 Comment rediger les meilleures invites dIA en 3 etapes
Comment

Comment rédiger les meilleures invites d’IA en 3 étapes

il y a 1 semaine 10 minutes lecture minimale
Montre plus
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Suivez-nous
© 2022 Themelocal. Tous les droits sont réservés.
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
Welcome Back!

Sign in to your account

Mot de passe perdu?