Personnaliser l'apparence et le contenu de la barre latérale de WordPress avec Elementor

WordPress Les barres latérales des sites web sont souvent utilisées pour afficherbo?te de rechercheetMenu de trietContenu recommandépeut-êtreun commerceIl s'agit d'un domaine important pour améliorer l'expérience de navigation et le taux de conversion des utilisateurs. Par rapport à l'approche traditionnelle des widgets, l'utilisation d'Elementor constructeur de pagesVous pouvez rendre le design de la barre latérale plus flexible et plus riche en contenu. Cet article vous apprend à utiliser Elementor pour personnaliser le style et le contenu de la barre latérale, le tout sans code, en toute simplicité.

Image [1]- Personnaliser la disposition et le contenu de la barre latérale de WordPress avec Elementor

I. Pourquoi utiliser Elementor pour concevoir des barres latérales ?

traditionnelle Barre latérale WordPressLe contenu est ajouté par l'intermédiaire de widgets, qui sont utiles mais présentent de nombreuses limitations en termes de contr?le du style et de flexibilité de la mise en page.

Les avantages de l'utilisation d'Elementor sont les suivants

  • Edition par glisser-déposer, prévisualisation en temps réel, pas besoin d'écrire du code
  • Typographie, couleurs de police, bordures, etc. entièrement personnalisables.
Image [2]- Personnaliser la disposition et le contenu de la barre latérale de WordPress avec Elementor
  • Insertion de tout module de contenu, tel que des boutons, des images, des formulaires, des graphiques rotatifs
  • soutenir qqch.conception réactiveL'affichage peut être ajusté indépendamment pour les téléphones portables.
Image [3]- Personnaliser la disposition et le contenu de la barre latérale de WordPress avec Elementor
  • Peut être utilisé avec des plug-ins de logique conditionnelle (tels que Elementor Pro (Conditions d'affichage) pour afficher des barres latérales différentes pour des pages spécifiques.

Deuxièmement, le fonctionnement de la barre latérale personnalisée

Créez votre propre "Sidebar Section" avec Elementor (pour tous)Support Elementor ) pour les utilisateurs qui souhaitent insérer un module de barre latérale n'importe où sur la page.

procédure: :

  1. Backend → Pages → Nouvelle page
  2. utiliser Elementor Modifiez cette page pour ajouter des modules librement :
    • légende
    • écrits
    • photographie, des tableaux rotatifs,Ic?nes sociales
  3. Cliquez sur [Publier] lorsque vous avez terminé
Image [4]- Personnaliser la disposition et le contenu de la barre latérale de WordPress avec Elementor

Troisièmement, suggestions de contenu : comment améliorer l'utilité et le taux de conversion de la barre latérale ?

Elementor Fournit un riche ensemble d'éléments de conception qui peuvent transformer votre barre latérale d'une "pile d'outils" en une zone clé qui "mène à des conversions".

Il est recommandé d'ajouter ces modules ci-dessous :

Type de moduleUtilisation recommandée
bo?te de rechercheAméliorer l'efficacité de la recherche d'articles/produits
Navigation par catégorie ou par menuConduit les utilisateurs vers un contenu plus approfondi et plus pertinent
Bouton CTAIncite les utilisateurs à s'inscrire, à acheter ou à s'abonner
Images + CopieAfficher des publicités promotionnelles, des produits populaires, des propositions de marque
Formulaires/Ic?nes socialesCollecte d'informations sur les utilisateurs et guidage des interactions
Derniers articlesAméliorer la durée d'affichage des pages et la profondeur de navigation sur le site

?? Conseil : évitez la barre latérale dans la page d'accueil.Trop d'empilagede manière à ne pas provoquer decharge visuelle, affectant la lecture du contenu principal.

Quatrièmement, la barre latérale des compétences en matière d'optimisation mobile

Elementor propose des contr?les de conception responsive, suggérant d'ajuster la présentation du contenu de la barre latérale en fonction de votre appareil :

  • Masquer les éléments inutiles (par exemple, les longues listes, les publicités)
  • Réorganiser le contenu pour les mobiles
  • Définir des marges intérieures et une taille de police appropriées pour améliorer le confort de lecture

De même, si vous utilisez leBarre latérale collante(Sticky Sidebar), qui permet un affichage fixe pendant le défilement au moyen d'un plug-in ou d'une option autonome afin d'accro?tre la visibilité.

V. Résumé

Elementor vous permet de concevoir la disposition de votre barre latérale, d'ajouter des modules de contenu et de la rendre plus belle et plus pratique que les styles traditionnels. Les blogueurs, les sociétés de commerce électronique et les entreprises peuvent utiliser Elementor pour transformer les barres latérales en un outil efficace pour améliorer l'expérience et la conversion.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été rédigé par Toast
LA FIN
Si vous l'aimez, soutenez-le.
félicitations292 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires