De temps en temps, des choses folles se produisent dans WordPress qui font que la mise en page de votre site Web efface votre barre latérale ou fait quelque chose d’étrange comme le déplacer sous votre contenu ou dans le pied de page. La barre latérale manquante de WordPress n’est généralement que le résultat d’un code égaré. Parfois, cela est causé par un thème, un plugin ou même un bogue de mise à jour. Heureusement, un peu de dépannage suffit pour résoudre le problème.

Correction de la barre latérale WordPress manquante

Le problème manquant dans la barre latérale est presque toujours causé par un changement récent. Un tel changement peut résulter de:

  • Un nouveau sujet
  • Un nouveau plugin
  • Une nouvelle contribution
  • Modifications récentes du code

Certains des correctifs sont simples. D’autres peuvent prendre un certain temps pour parcourir le code et corriger la situation. Avec une poignée de procédures de dépannage simples, ce ne sera pas trop difficile. Regardons quelques exemples et voyons comment ils peuvent être corrigés.

Paramètres et solutions simples

J’ai appris à la difficulté le dépannage du dépannage pour examiner d’abord les choses simples. Il est trop facile de passer une demi-journée à fouiller dans le code lorsque le problème était un simple paramètre sur un sujet. Commencez avec les derniers ajouts ou mises à jour comme le code, les thèmes et les plugins.

Avant de plonger dans le code, examinons quelques éléments qui sont si simples qu’ils peuvent facilement être négligés. Certains d’entre eux semblent évidents pour ceux qui ont beaucoup d’expérience WordPress, mais même quelqu’un qui utilise WordPress depuis des années peut ne pas les avoir rencontrés. Par exemple, il est possible d’avoir utilisé WordPress pendant des années et de ne jamais avoir changé de thème.

Les widgets disparaissent avec un nouveau thème

Les widgets disparaissent avec un nouveau thème

Parfois, la solution est aussi simple que de placer des widgets lorsque vous passez à un nouveau sujet.

Les widgets disparaissent avec la zone des widgets

Les thèmes ont des dispositions de widgets différentes et lorsque vous passez à un nouveau thème, ils doivent être configurés.

Dans cet exemple, les zones de widgets existent, mais elles ne contiennent aucun widget.

Divi avec barre latérale

Faites glisser et déposez vos widgets et vous êtes prêt à partir.

Paramètres de mise en page des articles

Paramètres de mise en page des articles

De nombreux sujets comportent des paramètres supplémentaires que vous devrez peut-être consulter. Par exemple, Divi vous propose des paramètres de publication supplémentaires. Sur le côté droit de l’écran, en face du titre de l’article, il y a un champ avec le nom Paramètres de Divi Post. Vous trouverez ici une liste déroulante appelée Mise en page. Vous pouvez choisir Barre latérale droite, Barre latérale de gauche, et Largeur hors tout. Largeur hors tout Désactive les barres latérales de ce message. Si vous avez des barres latérales sur certaines pages ou publications et pas sur d’autres, cela peut être le problème.

Mettre à jour WordPress

Assurez-vous de n’avoir manqué aucune mise à jour. WordPress et les thèmes sont les plus importants pour ce problème. Parfois, vous devrez peut-être réinstaller WordPress ou le thème.

Changer de thème

Une façon que ce problème se produit consiste à modifier le thème, puis à le mettre à jour. Une fois que vous avez mis à jour le sujet, tout votre code personnalisé sera perdu.

Il existe deux façons de contourner ce problème:

  1. Utilisez un sous-sujet. Si vous utilisez des sujets enfants, vous devez toujours vous assurer que le sujet parent est mis à jour.
  2. Enregistrez vos fichiers personnalisés et collez-les après la mise à jour du thème.

code

Parfois, nous faisons des erreurs avec le code. Croyez-moi … c’est facile à faire. Quelque chose d’aussi simple que d’utiliser le nom d’une barre latérale au lieu de l’ID suffit à briser l’état Zen normal de votre mise en page. Parfois, cela est dû à un bogue dans le code qui empêche le code de s’exécuter davantage. Cela peut même être du code dans un message. Dans ce cas, vous pouvez voir les barres latérales sur chaque page à l’exception de la page avec ce message.

Avant d’expérimenter et de modifier votre code, assurez-vous d’avoir une sauvegarde à jour. Faites-moi confiance est Il est possible d’aggraver les choses. Dans ce cas, une sauvegarde est votre meilleur ami. Créez toujours une sauvegarde avant de mettre à jour WordPress, les thèmes, les plugins ou d’apporter des modifications à votre code. En cas de problème, vous pouvez revenir à la version d’origine.

Code dans les messages

Mettre du code dans les articles peut être délicat. Lors de la copie de code à partir d’autres sources, il est facile de manquer une balise ou d’incorporer accidentellement du code aléatoire par des traitements de texte tels que Microsoft Word (Word ajoute parfois sa propre mise en forme. J’ai obtenu mes barres latérales une fois en collant le code du partenaire Amazon à partir de Word). Habituellement, des morceaux de code aléatoires dans un article déplacent la barre latérale vers le bas de la page.

Quelque chose d’aussi simple qu’un extra </div> peut causer le problème. Cela permet au sujet d’agir comme si la barre latérale était en dehors de l’encapsuleur div. Recherchez également un div non fermé. Une autre cause possible est que la plage de catégories est trop grande et que le contenu de la barre latérale est décalé vers le bas. Jetez également un œil au code que vous avez placé dans vos barres latérales et widgets. Cela peut également être causé par des problèmes de plugin ou en définissant la largeur dans CSS trop élevée.

Code dans les widgets de messages dans le pied de page

Dans cet exemple, la barre latérale a été déplacée vers le pied de page et la connexion pour soumettre des commentaires a été déplacée vers la position de la barre latérale. Cela ne se produit que dans ce message ou sur un écran contenant ce message. Pour trouver le problème, accédez à chaque publication individuellement jusqu’à ce que vous trouviez la publication spécifique avec le problème. Ensuite, passez en mode édition pour ce message.

Code dans la division des articles

Pour résoudre le problème, je suis allé à la publication et je l’ai sélectionné texte Tab. J’ai trouvé du code que je n’ai pas supprimé lors de la copie du texte d’une autre source. C’était une remise des diplômes </div> mais il n’avait pas d’ouverture convenable <div>. J’ai supprimé le code et déplacé la barre latérale au bon endroit.

Outils de développement W3

Outils de développement W3

Outils de développement W3 est une suite d’outils en ligne pour valider votre code. Il teste le HTML, le CSS, la compatibilité mobile, les flux RSS, les liens et bien plus encore. Il recherche les pièces manquantes et met en évidence les problèmes afin que vous puissiez continuer à les résoudre. C’est un bon choix si vous avez beaucoup de code de dépannage ou si vous ne trouvez pas le problème. Vous pouvez saisir l’URL à vérifier, télécharger le code sous forme de fichier ou coller le code en entrée directe. Ensuite, le code est testé et une analyse est effectuée.

Outils de développement W3 2

J’ai collé mon URL et j’ai reçu une liste d’erreurs à résoudre. Cependant, cela peut devenir déroutant et prendre du temps lorsqu’il y a de nombreux bogues qui ne font pas partie du problème.

StyleSheet

Le problème peut être causé par du code dans la feuille de style du sujet. Vous pouvez le trouver sous Apparence> éditeur. Faites défiler vers le bas et cliquez sur Feuille de style sous modes.

Vous devriez voir du code qui ressemble à ceci:

.sidebar

Voici le code pour Twenty Sixteen:

.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}

StyleSheet pas de barre latérale

Dans cet exemple, j’ai fait une simple erreur en essayant de changer le thème en Twenty Sixteen.

.sidebar {
float: right;
margin-left: -100%;
max-width: 413px;
position: relative;
width: 29.4118%;

Float indique à la barre latérale sa position sur l’écran. J’ai constaté que les positions flottantes et sur marge avaient été permutées. Le code devrait ressembler à ceci:

.sidebar {>
float: left;
margin-right: -100%;
max-width: 413px;
position: relative;
width: 29.4118%;
}

Feuille de style avec barre latérale

Cela ramène ma barre latérale. D’autres problèmes qui peuvent causer cela utilisent un pourcentage de largeur et une taille de pixel incorrects. Vous pouvez expérimenter et voir ce qui fonctionne le mieux pour votre sujet.

Widgets

Lors de l’initialisation des widgets, assurez-vous que vous utilisez l’ID du widget et non son nom. Cela se voit principalement dans les sujets gratuits où les programmeurs mettent des liens vers leurs entreprises. Voici un exemple de ce à quoi ressemble le code dans le thème Twenty Sixteen.

function twentysixteen_widgets_init() {
register_sidebar( array(
'name'          =&gt; __( 'Sidebar', 'twentysixteen' ),
'id'            =&gt; 'sidebar-1',
'description'   =&gt; __( 'Add widgets here to appear in your sidebar.', 'twentysixteen' ),
'before_widget' =&gt; '&lt;section id="%1$s" class="widget %2$s"&gt;',
'after_widget'  =&gt; '&lt;/section&gt;',
'before_title'  =&gt; '&lt;h2 class="widget-title"&gt;',
'after_title'   =&gt; '&lt;/h2&gt;',
) );

Dans les sujets functions.php Recherche de fichier pour register_sidebar et regardez l’ID du widget.

// Adds a class of no-sidebar to sites without active sidebar.
if ( ! is_active_sidebar( 'sidebar-1' ) ) {
$classes[] = 'no-sidebar';
}

Recherchez maintenant l’ID et le nom de la barre latérale et assurez-vous que l’ID est utilisé et non le nom.

Barre latérale des widgets sous le contenu

Changer cette ligne d’ID en Nom a déplacé la barre latérale sous le contenu.

Barre latérale des widgets correctement

En le remettant en ID, la barre latérale se remettra en place.

Les widgets eux-mêmes pourraient être le problème. Ouvrez vos widgets de texte et recherchez tout code manquant ou égaré. Des balises supplémentaires peuvent causer des problèmes dans les widgets, tout comme dans les articles. Si vous ne savez pas quel widget est à l’origine du problème, vous pouvez les supprimer un par un jusqu’à ce que le problème soit résolu. Vous pouvez également les supprimer tous pour voir si le problème est résolu. Si tel est le cas, vous pouvez les rajouter un par un jusqu’à ce que vous trouviez le widget avec le code défectueux.

Remarque: le widget de texte ne doit même pas contenir de code. Un widget de texte vide peut parfois suffire à empêcher le reste de vos widgets de se charger. Supprimez tous les widgets inutiles. surtout ceux qui n’ont pas de contenu.

Ajouter une barre latérale à un sujet

Certains thèmes sont conçus sans barres latérales. Si vous souhaitez les ajouter, assurez-vous de consulter notre tutoriel appelé Comment gérer la barre latérale WordPress.

Dernières pensées

Le problème de la barre latérale manquante de WordPress peut être une nuisance et rendre votre site Web instable jusqu’à ce que vous trouviez la bonne solution. Un rapide coup d’œil à vos paramètres et à votre code peut identifier rapidement les problèmes les plus probables et remettre votre site Web en marche.

Nous aimerions recevoir de vos nouvelles. Êtes-vous confronté au problème de la barre latérale manquante de WordPress? Quelle était la cause? Avez-vous quelque chose à ajouter? Faites le nous savoir dans les commentaires.

Vignette de l’article par Sira Anamwong / shutterstock.com





Source link

Recent Posts