Comment ajuster automatiquement WordPress Sidebar pour correspondre à la hauteur du contenu

Grâce aux widgets, il est très facile d’ajouter des éléments sympas à notre barre latérale WordPress. Cependant, parfois, vos barres latérales peuvent devenir beaucoup plus longues que la zone de contenu réelle. Récemment, un utilisateur a demandé s'il existait un moyen de rendre automatiquement la hauteur de la barre latérale identique à celle de la zone de contenu pour la rendre symétrique. Dans cet article, nous allons vous montrer comment ajuster automatiquement la barre latérale de WordPress en fonction de la hauteur du contenu..

Didacticiel vidéo

Si vous n'aimez pas la vidéo ou si vous avez besoin de plus d'instructions, continuez à lire..

Vous devez d’abord installer et activer le plugin SidebarAutomizer. Lors de l'activation, allez à Paramètres »sidebarAutomizer configurer le plugin.

Vous pouvez ajuster automatiquement la hauteur de votre barre latérale en entrant l'ID ou la classe div pour les conteneurs de contenu et de barre latérale. Ces valeurs sont différentes pour chaque thème, c'est pourquoi le plug-in ne peut pas les détecter automatiquement. Trouver ces valeurs est facile. Tout ce que vous avez à faire est d'ouvrir votre site Web dans Google Chrome, puis d'ouvrir Inspect Element en cliquant avec le bouton droit n'importe où sur votre site Web..

Cela divisera l'écran de votre navigateur en trois sections. En bas à gauche de l'écran, vous pourrez voir le code source HTML de votre page. Déplacez votre souris sur différents éléments de la source HTML pour les mettre en surbrillance dans la fenêtre supérieure. Vous devez trouver la div contenant la zone de contenu principale.

Comme vous pouvez le voir, dans la capture d'écran ci-dessus, la div contenant la zone de contenu utilise l'ID primaire et la classe site-content.

Répétez le processus de vérification des éléments pour trouver l'ID ou la classe de div utilisés pour la barre latérale et pour l'élément de widget unique..

C'est tout. Vous pouvez maintenant enregistrer vos paramètres. Visitez une page de votre site Web où la hauteur de la barre latérale est supposée être plus longue que la zone de contenu. Vous remarquerez que le plugin cachera automatiquement les widgets supplémentaires pour ajuster la hauteur de la barre latérale..

Nous espérons que cet article vous a aidé à ajuster automatiquement la barre latérale de WordPress en fonction de la hauteur du contenu. Vous voudrez peut-être aussi savoir comment afficher / masquer les widgets sur des pages WordPress spécifiques.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Google+.