Comment réduire la barre latérale dans Divi ?
Eh bien, vous devez d'abord savoir que vous devrez accéder à certains codes sur la page pour pouvoir changer cette option.
Vous devez gérer les codes suivants pour pouvoir réduire la Sidebar, le premier sera de faire disparaître la barre mais en même temps ce ne sera qu'un bouton que l'utilisateur pourra utiliser pour ouvrir et fermer la barre.
Rendre la barre latérale pliable
Écran @media uniquement et (min-KID : 981px) {
/ * Développer / réduire le bouton de la barre latérale * /
#db_hide_sidebar {
indice à partir de : 10000 ;
rembourrage : 10px ;
curseur : pointeur ;
}
.db_right_sidebar_collapsible #db_hide_sidebar {
à droite : 0 ;
}
.db_left_sidebar_collapsible #db_hide_sidebar {
à gauche : 0 ;
}
.et_fixed_nav #db_hide_sidebar {
position : fixe ;
}
.et_non_fixed_nav #db_hide_sidebar {
position : absolue ;
}
#db_hide_sidebar : avant {
famille de polices : 'ETModules' ;
taille de la police : 24px ;
}
.et_right_sidebar #db_hide_sidebar : prima,
.db_left_sidebar_collapsible.et_full_width_page #db_hide_sidebar: prima di {
contenu : « 39 » ;
}
.db_right_sidebar_collapsible.et_full_width_page #db_hide_sidebar : prima,
.et_left_sidebar #db_hide_sidebar: prima di {
contenu : « 38 » ;
}
/ * Assurez-vous que le formatage pleine largeur correspond au formatage de la barre latérale * /
.db_sidebar_collapsible.et_full_width_page.et_post_meta_wrapper: primo figlio {
rembourrage haut : 58px ! importante ;
}
}
jQuery (fonction ($) {
if ($ ("# barre latérale"). longueur) {
if ($ ("body.et_right_sidebar"). lunghezza) {
$ ('body') addClass ('db_sidebar_collapsible db_right_sidebar_collapsible');
$ ("# contenu principal").
$ (' ').cliquez sur (fonction () {
$ ('corpo') toggleClass ('et_right_sidebar et_full_width_page');
$ ("# barre latérale"). toggle ();
})
);
$ ('corpo') addClass ('db_collapsible_sidebar');
} else if ($ ('body.et_left_sidebar'). lunghezza) {
$ ('body') addClass ('db_sidebar_collapsible db_left_sidebar_collapsible');
$ ("# contenu principal").
$ (' ').cliquez sur (fonction () {
$ ('corpo') toggleClass ('et_left_sidebar et_full_width_page');
$ ("# barre latérale"). toggle ();
})
);
}
}
});
Vous n'aurez qu'à le copier et vous connecter à WordPress, une fois là-bas, repérez la section Divi et sélectionnez " Options du thème " .
Sélectionnez l'onglet " Integrazione ", Activez maintenant l'option" Activer le code d'en-tête ", Continuez à coller le code dans la section" Ajouter du code à de ton blog " .
Une fois que vous avez copié le code, il vous suffit d'enregistrer vos modifications et d'actualiser la page en direct de votre blog afin que vous puissiez voir le changement. Une flèche apparaîtra à côté de la barre latérale qui vous permettra d'ouvrir et de fermer facilement la barre latérale.
Supprimer le séparateur entre le contenu et la barre latérale
Nous vous laissons un deuxième code avec lequel vous pouvez supprimer la barre qui divise l'espace entre les CONTENUTO de la blog et la barre latérale.
Avec cette fonctionnalité, en réduisant la barre latérale dans Divi, le blog ce sera plus large lorsque le lecteur comprime la barre grâce à la flèche que vous avez positionnée. Le code est comme suit:
# main-content.container : avant {background : none ;}
Maintenant, vous devez répéter les étapes précédentes, à la seule différence que le code doit être collé dans la section " CSS personnalisé ", Enregistrez vos modifications et mettez à jour la page en direct de votre blog.
conseils
De nombreux utilisateurs utilisent leur smartphone pour accéder à leurs blogs préférés, nous recommandons donc gérer le contenu afin de faciliter la lecture. Une autre façon d'y parvenir est d'ajouter un menu réductible à votre site Web.
Le contenu de votre blog doit être organisé, de manière pour générer une meilleure lisibilité, cela aide de nombreuses personnes à suivre le contenu que vous publiez.
Vous pouvez ajouter plusieurs options à votre blog qui le rendent plus interactif, tels que les formulaires de contact ou les sections de commentaires.
Maintenant, nous vous conseillons que si vous avez des réseaux sociaux et avez des contacts avec vos lecteurs, tenez compte de leurs conseils, mais mantenendo déjà l'essence de votre contenu.
Si générer de l'engagement avec le contenu que vous produisez, cela gardera votre blog toujours plein de visites, vous pouvez également utiliser les liens vers certains produits ou pages que vous recommandez et ainsi monétiser un peu votre travail.
Une information importante qui vous aidera à obtenir des visites sur votre blog ou votre site Web consiste à utiliser BreadScrumb pour améliorer le référencement et attirer des visiteurs.
Enfin, nous espérons que nos conseils et cet article vous seront d'une grande aide pour améliorer l'affichage de votre blog.
