Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Un méga menu est un style de menu de site Web qui apparaît sous la forme d’un grand menu déroulant avec des groupes de liens de navigation qui apparaissent lorsqu’un élément du menu supérieur est cliqué ou survolé. Divers mégamenus peuvent contenir des images, des icônes, des info-bulles, des formulaires et des widgets WordPress. La caractéristique principale d’un méga menu, cependant, est que toutes les options de raccourcis de menu apparaissent ensemble dans une zone, de sorte que les utilisateurs n’ont pas à cliquer ou à faire défiler les sous-menus pour accéder aux liens de site cachés sur la page.

Divi a une fonctionnalité de méga menu intégrée (voir le point 1 ci-dessous) et il existe également un certain nombre de Plugin tiers compatible avec Diviest conçu pour offrir des fonctionnalités avancées et / ou des options de conception dans un méga menu déroulant. Cet article répertorie les meilleures options de méga-menu gratuites et payantes disponibles qui sont compatibles avec le thème Divi.

Quand devriez-vous utiliser un méga menu?

Les méga menus peuvent être un excellent moyen d’améliorer l’UX (expérience utilisateur) de vos visiteurs qui naviguent sur votre site Web. Cependant, ils ne sont pas toujours nécessaires ni même utiles. Les méga menus donnent parfois trop de choix aux utilisateurs et les empêchent de cliquer sur les pages qu’ils souhaitent vraiment afficher, telles que: B. Ventes de produits, pages de contact ou de connexion. Les méga menus peuvent être gênants même sur des écrans de plus petite taille et avoir l’air trop clairsemés avec un minimum de liens.

Cependant, il y a certainement des moments où l’utilisation d’un méga menu améliorera considérablement la façon dont la navigation de votre site fonctionne et la vitesse à laquelle les visiteurs de votre site peuvent accéder aux informations qu’ils recherchent. Par conséquent, vous voudrez peut-être utiliser un méga menu pour l’une des raisons suivantes.

  • Un menu déroulant traditionnel et / ou des sous-menus devraient être déroulés pour révéler tous les éléments de menu
  • Votre site Internet comporte un grand nombre de produits et / ou de catégories de produits (boutiques en ligne, grands magasins).
  • Votre site Web contient un grand nombre d’articles et / ou de pages (sites d’actualités, agrégateurs de contenu, annuaires, universités).
  • L’ajout d’un méga menu facilitera la navigation des utilisateurs sur votre site Web

Divi comprend un méga menu intégré

menu Divi Mega intégré

Avant de regarder les plugins de menu Divi tiers, vous devez savoir que Divi lui-même a un méga menu intégré. En ajoutant une classe CSS rapide de «méga menus» à votre élément de menu principal sous Apparence> Menus, vous pouvez créer un méga menu dans Divi sans avoir besoin de plugins tiers ou de code supplémentaire. Le méga menu intégré peut ne pas avoir autant de fonctionnalités et d’options que certains plugins tiers, mais pour de nombreux sites Web, c’est tout ce qui est nécessaire.

Suivez les étapes ci-dessous pour ajouter un méga menu à l’aide de la fonction Divi intégrée.

  • Dans votre tableau de bord WordPress, allez dans Apparence> Menus
  • Ajoutez un nouveau menu avec jusqu’à 4 liens parents à vos liens de sous-menu dans chaque menu parent
  • Ajoutez un lien personnalisé au menu qui agira comme un lien de déclenchement de méga menu
  • Faites glisser les liens de votre menu parent et leurs liens de sous-menu sous le lien du déclencheur
  • Sous Options d’écran, cochez la case Classes CSS
  • Dans vos principaux paramètres de lien de déclenchement pour les classes CSS, ajoutez la classe « Mega Menu ».
  • Enregistrez votre menu et vous avez un méga menu actif

Le méga menu a jusqu’à 4 colonnes par défaut, mais avec un peu de codage supplémentaire, vous pouvez personnaliser davantage les colonnes de menu pour avoir les deux 6, 7 ou 8 colonnes. comme indiqué dans le tutoriel sur ces exemples à thème Divi.

Ce CSS personnalisé aussi condenser le design by Geno Quiroz vous offre les avantages du méga menu dans un style plus efficace en termes d’espace, et le blog Elegant Themes propose un excellent tutoriel pour vous montrer comment le faire ajouter des images au méga menu pour une expérience de navigation plus visuelle.

Cette option de méga menu est incluse gratuitement dans le cadre des fonctionnalités du plugin Divi Theme et Divi Builder.

le prix: LIBRE
Plus d’information

Plugins de méga menu tiers compatibles avec Divi

Si l’option de méga menu Divi intégrée ne répond pas à vos besoins, vous devriez regarder de plus près les plugins gratuits et premium suivants pour ajouter des méga menus dans Divi. Les 4 plugins listés ci-dessous sont des options bien établies et populaires dans la communauté Divi.

1. Divi Mega Pro

Plugin Divi Life Mega Pro

Le Divi Mega Pro est un plugin Divi premium de Divi Life qui vous permet d’ajouter des menus Divi Mega et des Mega Tooltips.

  • Direction de l’affichage vers le haut ou vers le bas (écrasé s’il n’y a pas assez d’espace)
  • Activez le pointeur de la souris ou cliquez sur
  • Quittez avec la souris ou cliquez
  • Définir le délai de sortie du pointeur de la souris
  • Ajouter un bouton de fermeture personnalisable
  • Ajuster la largeur du menu ou de l’info-bulle
  • Déclenchement avec des éléments de menu ou tout élément utilisant les classes CSS de Divi
  • Modèles prédéfinis inclus

Il existe plusieurs options de tarification, notamment 1 licence de site pour 15 USD, 3 licences de site pour 29 USD et des licences de site illimitées pour 59 USD qui devraient être payées annuellement pour les mises à jour et le support. Une licence de site illimitée à vie est de 129 $

Développeur: La vie de Divi
le prix
: 15 $ à 59 $ par année ou 129 $ à vie
Plus d’information

2. Menu Divi Mega

Menu déroulant du méga moteur Divi

Le Divi Mega Menu est un plugin Divi premium de Divi Engine qui vous permet d’ajouter un méga menu à Divi en utilisant le Divi Builder.

  • Créez et modifiez le méga menu avec le Divi Builder
  • Ajoutez n’importe quel module Divi au menu (y compris les modules Divi BodyCommerce).
  • Contrôler le style et la vitesse de l’animation du menu
  • Paiement unique

Il existe une variété d’options de tarification, notamment 1 licence de site pour 9,2 $, 2 à 5 licences de site pour 23,5 $ (18 £) et des licences de site illimitées pour 46 $ (35 £).

Développeur: Moteur Divi
le prix
: 9 à 46 USD (7 à 35 GBP)
Plus d’information

3. Mhmm. – Puissant créateur d’en-tête et de menu

être le plugin de menu superfly

Le Mighty Header & Menu Maker est un plugin Divi premium de Be Superfly qui vous permet d’ajouter un méga menu à Divi à l’aide du Divi Builder, ainsi que de nombreuses autres fonctionnalités de création de menu Divi personnalisées.

  • Créez des méga menus avec le Divi Builder
  • Disposition des en-têtes de démonstration
  • Échangez l’en-tête, le menu et le logo par page
  • Échangez l’en-tête, le menu et le logo pour chaque appareil
  • Contient de nombreuses options et fonctionnalités pour les en-têtes de menu non méga
  • Paiement unique

Il existe deux options de tarification que le Amateur Licence pour 1 site de développement en direct et 1 site de développement pour 35 USD et Hardcore Licence avec sites Web illimités à 65 $.

Développeur: Soyez superfly
le prix
: 35 à 65 $
Plus d’information

4. Divi Mega Menu de Quadmenu

Menu quad divi mega menu

Le Divi Mega Menu de Quadmenu est un plugin WordPress freemium développé par Quadmenu qui vous permet d’ajouter un méga menu à n’importe quel site Web WordPress. La version gratuite offre des options limitées et nécessite un plugin supplémentaire pour une compatibilité complète avec Divi, tandis que la version premium est déjà entièrement intégrée à Divi.

  • Paramètres de style disponibles dans le Divi Customizer
  • Compatibilité avec les mises en page d’en-tête Divi
  • Paramètres de style de menu synchronisés avec les modifications des paramètres Divi
  • La version gratuite nécessite le plugin Divi Mega Menu pour une compatibilité totale (plus de 10 000 installations).
  • options gratuites ou paiement unique

Il existe plusieurs options de tarification, notamment un plugin gratuit avec des fonctionnalités et un support limités, 1 licence premium de site pour 15 $, 5 licences de site pour 30 $ et des licences de site illimitées pour 60 $.

Développeur: Menu quad
le prix
: 0 à 60 $
Plus d’information

Exemples de sites Divi avec méga menus

Avez-vous utilisé l’un de ceux-ci ou tout autre méga menu sur votre site Web Divi? Si tel est le cas, ajoutez un lien dans les commentaires et indiquez-nous quelle option vous avez sélectionnée et si vous êtes satisfait de son fonctionnement. Les meilleurs exemples pourraient également figurer dans la galerie Divi Showcase.

2,3 11 voix

Note d’article



Source link

Recent Posts