>Caractéristiques techniques

Le plugin pour WordPress — «Horizontal Menu Carousel for Elementor» vous aidera à créer un menu horizontal de n’importe quelle largeur avec des icônes pour votre site, qui peut être déplacé horizontalement.

Télécharger le fichier ZIP d’installation : horizontal-menu-carousel-for-elementor.zip

 

Résumé

Horizontal Menu Carousel for Elementor est un widget léger et flexible pour créer des menus carrousels horizontaux élégants sur votre site WordPress. Idéal pour les barres de navigation, les catégories de produits, les menus de services et bien plus encore.

Fonctionnalités principales

Personnalisation complète du design

Le widget offre un contrôle total sur l’apparence. Vous pouvez personnaliser la palette de couleurs, y compris la couleur de fond, la couleur des icônes, le texte supérieur et inférieur. La typographie est entièrement personnalisable — choisissez les polices, les tailles, le style et les interlignes. Les marges et les tailles de tous les éléments peuvent être ajustées de manière flexible via le padding et le margin. La taille des icônes peut être réglée de 16px à 50px.

Structure flexible des éléments

Chaque élément du carrousel comprend quatre composants. Tout d’abord, une icône prenant en charge toutes les bibliothèques Font Awesome et les SVG personnalisés. Le texte supérieur est utilisé pour les sous-titres ou les descriptions. Le texte inférieur sert de titre principal de l’élément. Enfin, un lien prenant en charge les redirections externes et l’attribut nofollow.

Design adaptatif

Le widget s’adapte automatiquement à tous les appareils. Sur mobile, il propose un défilement horizontal fluide avec une interface tactile conviviale pour les écrans tactiles. Les marges sont optimisées pour différentes résolutions d’écran.

Performance

Le code est écrit de manière à être aussi léger que possible, sans dépendances superflues. Le CSS est extrait dans un fichier séparé pour un chargement rapide des pages. Le plugin a un impact minimal sur la vitesse du site et est optimisé pour fonctionner avec un grand nombre d’éléments.

 

Cas d’utilisation

Boutiques en ligne

Dans le e-commerce, le plugin est idéal pour créer des menus de catégories de produits, des filtres par marques ou collections, ainsi qu’une navigation rapide dans les sections du catalogue.

Sites d’actualités

Pour les portails d’actualités, le widget peut être utilisé comme navigation dans les rubriques, les catégories d’articles ou les sections thématiques.

Sites d’entreprise

Sur les ressources d’entreprise, le plugin aide à organiser un menu de services, la navigation entre les départements de l’entreprise ou à créer des liens rapides vers des sections importantes du site.

Plateformes éducatives

Pour les projets éducatifs, le widget convient pour la catégorisation des cours, la navigation dans les thèmes d’apprentissage ou l’organisation des sections avec des matériaux d’apprentissage.

 

Caractéristiques techniques

Avantages

Le plugin est facile à intégrer et fonctionne immédiatement après l’installation d’Elementor. Tous les paramètres sont disponibles dans l’éditeur visuel intuitif d’Elementor. Grâce aux champs repeater, il est facile d’ajouter un nombre illimité d’éléments. Tous les changements sont affichés immédiatement en mode Live Preview. Le code est écrit conformément aux normes de WordPress et d’Elementor. La prise en charge de la navigation au clavier et des attributs ARIA pour l’accessibilité est mise en œuvre.

Ce qui est inclus

Le package comprend un widget pour Elementor, un fichier CSS avec des styles, la prise en charge de la direction de texte RTL (de droite à gauche) et des exemples d’utilisation prêts à l’emploi.

Paramètres de style

Dans la section des styles, vous pouvez configurer la couleur de fond du carrousel. Pour les icônes, des paramètres de taille (de 16 à 50px), de couleur et de marges sont disponibles. Le texte supérieur peut être configuré en couleur, typographie (police, taille, style) et marges via le padding. Des paramètres similaires sont disponibles pour le texte inférieur.

Paramètres de contenu

Pour chaque élément du carrousel, vous pouvez spécifier un champ pour le texte supérieur, un champ pour le texte inférieur, choisir une icône dans les bibliothèques Font Awesome ou télécharger un SVG. L’URL du lien peut également être configurée avec les options «Ouvrir dans une nouvelle fenêtre» et «Ajouter nofollow».

Exigences système

  • WordPress 5.0 ou supérieur
  • Elementor 3.0 ou supérieur
  • PHP 7.0 ou supérieur

Installation

Le processus d’installation se compose de plusieurs étapes :

  • Téléchargez le dossier du plugin dans le répertoire /wp-content/plugins/
  • Activez le plugin dans la section «Plugins» du panneau d’administration de WordPress
  • Ouvrez l’éditeur Elementor sur la page souhaitée
  • Trouvez le widget «Horizontal Menu Carousel Widget» dans le panneau des widgets
  • Faites-le glisser sur la page et configurez-le selon vos préférences

Support et mises à jour

Nous publions régulièrement des mises à jour pour assurer la compatibilité avec les nouvelles versions d’Elementor. Le support technique est disponible via le formulaire de contact sur le site. Une documentation avec des exemples d’utilisation est fournie avec le plugin.

 

Nuances et recommandations

À savoir

Dépendance à Elementor

Le plugin nécessite qu’Elementor soit installé et activé. Sans Elementor, le widget ne fonctionnera pas — c’est une exigence fondamentale pour son fonctionnement.

Compatibilité

Le plugin fonctionne avec tous les thèmes prenant en charge Elementor et est compatible avec la plupart des plugins populaires. Cependant, un léger ajustement CSS peut être nécessaire pour une intégration parfaite avec votre thème spécifique.

Performance

Il est recommandé d’utiliser jusqu’à 15-20 éléments dans un seul carrousel pour un fonctionnement optimal. Si vous avez besoin de plus d’éléments, il est préférable de les diviser en plusieurs carrousels distincts.

Réactivité

Sur les appareils mobiles, un défilement horizontal apparaît, ce qui est un comportement prévu. Les éléments ne se déplacent pas sur une nouvelle ligne — c’est une caractéristique, pas un bug. Assurez-vous de tester l’apparence sur différents appareils avant de publier.

Conseils d’utilisation

Utilisez des textes courts pour les éléments, car de longs titres peuvent sembler désordonnés dans un carrousel horizontal. Choisissez des couleurs contrastées pour une meilleure lisibilité du texte sur le fond.

Testez toujours le carrousel sur des appareils mobiles et vérifiez s’il est facile de faire défiler les éléments avec le doigt. Essayez d’utiliser des icônes dans un style uniforme — par exemple, toutes provenant de la bibliothèque Font Awesome Solid.

Ne surchargez pas le carrousel d’éléments. Le nombre optimal pour une perception confortable est de 5 à 10 éléments.

 

Exemples d’utilisation

Exemple 1 : Menu des services

Le premier élément peut contenir une icône de portefeuille, le texte supérieur «Consultation» et le texte inférieur «Gratuit». Le deuxième élément — une icône de palette, «Design» et «à partir de 5000₽». Le troisième — une icône d’ordinateur portable, «Développement» et «à partir de 10000₽».

Exemple 2 : Catégories de produits

Pour une boutique en ligne, on peut créer un élément avec une icône de t-shirt, le texte «Nouveautés» en haut et «Vêtements» en bas. L’élément suivant — une icône de baskets, «Soldes -50%» et «Chaussures». Le troisième — une icône de sac, «Hits» et «Accessoires».

 

Licence

GPL v2 ou supérieur — utilisation et modification libres

Contacts

Développeur : App-web
Site : https://app-web.ru/
Support : formulaire de contact sur le site