Ollie Menu Designer

Description

Créez des menus déroulants, mobiles et méga menus époustouflants et riches en contenu en utilisant l’éditeur de blocs WordPress et l’éditeur de site. Ollie Menu Designer vous permet de construire de magnifiques menus déroulants et une navigation mobile avec des images, des boutons, des appels à l’action et tout autre bloc – vous offrant la même liberté créative que lorsque vous concevez vos pages.

Menu Designer vous donne un contrôle total sur l’apparence et le fonctionnement de vos menus. Le meilleur de tout, si vous utilisez le thème Ollie gratuit, vous aurez accès à une collection de modèles de menus magnifiquement préconçus pour vous aider à démarrer rapidement.

Liberté de création

Créez des menus déroulants et des menus mobiles qui correspondent à votre vision en utilisant n’importe quel bloc WordPress que vous pouvez imaginer. Que vous ayez besoin de mises en page à plusieurs colonnes, d’images mises en avant et de galeries, de texte enrichi avec une typographie personnalisée, ou de boutons et d’éléments d’appel à l’action, Menu Designer vous offre un contrôle créatif complet. Vous pouvez même inclure des publications récentes, des grilles de produits, des barres de recherche, des formulaires, du HTML personnalisé, et littéralement tout autre bloc pour construire exactement l’expérience de navigation dont votre site a besoin.

  • Mises en page à plusieurs colonnes avec images, texte et boutons
  • Contenu riche comme des galeries, des formulaires et des grilles de produits
  • Contrôle créatif total avec n’importe quel bloc WordPress

Options Mobile-First

Vos menus sont superbes sur chaque appareil grâce à l’approche optimisée pour mobile du Ollie Menu Designer. Concevez des expériences de menu mobile personnalisées qui remplacent la navigation par défaut par de belles interfaces adaptées au toucher. Vous avez un contrôle total sur le comportement responsive, y compris la possibilité de désactiver les menus déroulants sur mobile avec des URL de secours, de définir des points de rupture personnalisés et d’assurer des performances optimisées sur tous les appareils.

  • Des conceptions de menus mobiles rapides et esthétiques avec des interactions adaptées au toucher
  • Choisissez parmi plusieurs compositions de menu préconçues
  • Performances optimisées sur tous les appareils

Construisez plus rapidement avec Ollie

Démarrez immédiatement avec le thème gratuit Ollie basé sur des blocs, qui est fourni avec de magnifiques modèles de menus préconçus et des compositions conçus spécifiquement pour Ollie Menu Designer. Au lieu de partir de zéro, vous aurez accès à des menus mobiles professionnels, des menus déroulants et des mises en page de méga-menus qui s’intègrent parfaitement au système de conception d’Ollie. Il vous suffit d’installer le thème, de parcourir la bibliothèque de modèles de menus et de personnaliser les modèles pour qu’ils correspondent à votre marque – aucune expérience en matière de conception n’est requise.

  • Modèles de menu préconçus et compositions incluses
  • Intégration fluide avec le système de design d’Ollie
  • Des designs professionnels prêts à être personnalisés pour votre marque

Ajout de menus mobiles avec Ollie Menu Designer

Nous avons créé un tutoriel vidéo complet sur la création de menus mobiles.

  1. Accédez à Apparence Éditeur Compositions et modifiez votre élément de modèle d’entête
  2. Cliquer sur le bloc de navigation
  3. Dans l’onglet Réglages du bloc de navigation, trouver le panneau du menu mobile
  4. Cliquez sur « Créer un nouveau menu » ou choisissez parmi les modèles de menus mobiles existants.
  5. Choisissez parmi des compositions Ollie préconçues ou construisez des compositions personnalisées avec des blocs
  6. Enregistrez votre menu et sélectionnez-le dans le panneau Mobile Menu
  7. Personnaliser les couleurs d’arrière-plan et l’icône du menu dans les réglages du menu mobile

Ajouter des menus déroulants et des méga menus avec Ollie Menu Designer

Nous avons créé un tutoriel vidéo complet sur la création de menus déroulants et de méga menus.

  1. Accédez à Apparence Éditeur Compositions et modifiez votre élément de modèle d’entête
  2. Cliquez sur Ajouter un bloc et recherchez « Menu déroulant »
  3. Nommez votre menu déroulant et positionnez-le dans votre navigation.
  4. Dans l’onglet Réglages du bloc de menu déroulant, trouver le panneau du menu déroulant
  5. Cliquez sur « Créer un nouveau modèle » ou sélectionnez un modèle dans la liste déroulante.
  6. Choisissez parmi des compositions Ollie préconçues ou construisez des compositions personnalisées avec des blocs
  7. Enregistrez votre menu et sélectionnez-le dans le panneau de la liste déroulante
  8. Configurer des réglages de personnalisation supplémentaires

Ajouter des compositions de démarrage

Vous pouvez créer des compositions de démarrage personnalisées pour les modèles de menus afin de donner aux utilisateurs/utilisatrices des points de départ rapides pour leurs menus. Cela est particulièrement utile pour les développeurs/développeuses de thèmes qui souhaitent fournir des mises en page de menus préconçues.

Comment ajouter des compositions de démarrage

  1. Créez un dossier /compositions dans le répertoire de votre thème ou extension.
  2. Ajoutez vos fichiers de composition (format PHP) à ce dossier
  3. Dans chaque fichier de composition, assurez-vous d’inclure les éléments suivants dans votre entête de composition :

    Types de blocs : core/template-part/menu

Cela garantit que votre composition apparaît comme une option lors de la création de nouveaux éléments de modèle de menu.

Prérequis

  • WordPress 6.5 ou supérieur
  • Un thème basé sur des blocs WordPress comme Ollie qui prend en charge le bloc de navigation WordPress

Captures d’écrans

  • Créez de superbes méga-menus pleine largeur en utilisant les blocs WordPress – aucun codage nécessaire.
  • Concevez de magnifiques menus déroulants riches en contenu avec l’éditeur de blocs WordPress.
  • Contrôlez la largeur et l’alignement de votre menu déroulant avec des options de positionnement flexibles.
  • Installez le thème gratuit Ollie pour accéder à de belles compositions de menu mobile préconçues.
  • Personnalisez les menus déroulants directement dans l’éditeur de blocs avec des réglages intuitifs.
  • Prévisualisez vos conceptions de menu instantanément tout en les construisant dans l’éditeur de blocs.
  • Parcourez et sélectionnez parmi des compositions de menus conçues professionnellement dans la bibliothèque de compositions d’Ollie.
  • Concevez n’importe quel style de navigation – des simples menus déroulants aux méga-menus complexes avec du contenu riche.

Blocs

Cette extension fournit 1 bloc.

  • Dropdown Menu Add a unique drop down menu to your navigation.

FAQ

Est-ce que cela fonctionne avec mon thème existant ?

Oui ! Ollie Menu Designer fonctionne avec n’importe quel thème qui prend en charge les blocs de navigation WordPress. Cela inclut tous les thèmes basés sur des blocs et de nombreux thèmes classiques avec support des blocs de navigation. Pour une meilleure expérience avec les compositions de menus préconçues, nous recommandons d’utiliser le thème gratuit Ollie. Vous pouvez rechercher « Ollie » sur votre page Thèmes dans le Tableau de bord WordPress, ou visiter olliewp.com pour télécharger et en savoir plus sur le thème.

Où puis-je trouver plus de modèles et de compositions ?

Ollie Menu Designer est livré avec plusieurs compositions de départ, mais pour accéder à des centaines de modèles de menu et de compositions conçus par des professionnels, consultez Ollie Pro. Ollie Pro comprend une vaste bibliothèque de compositions avec plusieurs collections de menus, des modèles de menus déroulants et des mises en page de menus mobiles qui fonctionnent de manière transparente avec Menu Designer.

En quoi cela diffère-t-il des autres extensions de menu ?

Contrairement aux extensions de menu traditionnelles conçues pour les thèmes classiques, Ollie Menu Designer est spécifiquement conçu pour l’éditeur de blocs WordPress. Vous concevez des menus en utilisant les mêmes blocs que vous utilisez pour les pages – aucune interface distincte ou écran de réglages complexes.

Puis-je avoir des menus différents sur différentes pages ?

Absolument ! Étant donné que les menus sont enregistrés en tant qu’éléments de modèle, vous pouvez créer plusieurs designs de menus déroulants et mobiles et utiliser différents modèles sur votre site en les ajoutant à différents blocs de navigation.

Que se passe-t-il avec mes menus si je désactive l’extension ?

Vos éléments de modèle de menu restent dans votre site en tant qu’éléments de modèle réguliers. Cependant, la fonctionnalité de menu déroulant et de menu mobile cessera de fonctionner jusqu’à ce que vous réactiviez l’extension.

Puis-je importer/exporter mes modèles de menu ?

Oui ! Étant donné que les menus sont construits avec des blocs WordPress, vous pouvez copier et coller des conceptions de menus entre les sites, ou les exporter dans le cadre de la bibliothèque de compositions de votre thème.

Est-ce que cela entrera en conflit avec d’autres extensions de menu ?

Ollie Menu Designer est conçu pour fonctionner avec le système de navigation natif de WordPress. Cependant, nous vous recommandons de désactiver les autres extensions de menu afin d’éviter les conflits potentiels et d’assurer les meilleures performances.

Cette extension est-elle accessible ?

Oui ! Ollie Menu Designer respecte les normes d’accessibilité de WordPress avec des attributs ARIA appropriés, la prise en charge de la navigation au clavier et la compatibilité avec les lecteurs d’écran.

Cela va-t-il ralentir mon site ?

Non. Ollie Menu Designer utilise des techniques de performance modernes, y compris un chargement efficace, une livraison CSS optimisée, et suit les meilleures pratiques de WordPress.

Puis-je styliser les menus avec du CSS personnalisé ?

Bien que le Concepteur de Menu Ollie vous offre un contrôle de conception étendu grâce aux blocs et aux styles globaux, vous pouvez également ajouter du CSS personnalisé si nécessaire. Tous les éléments du menu utilisent du HTML sémantique avec des classes CSS appropriées pour un ciblage facile.

Avis

8 décembre 2025
All flexibility and design freedom imaginable but simple and intuitive to use. Great plugin!
6 octobre 2025
It’s a polished, well-architected plugin that delivers a smooth mega-menu/mobile menu experience out of the box. Performance feels snappy, and the UI is intuitive for non-technical users. Well done!
2 octobre 2025
What a brilliant idea. I’ve been building full FSE themes for the past two years, and the navigation menu remains the Achilles’ heel of this approach. I’ve been familiar with Mike’s work for a long time, and I have no doubt it’s carried out with the highest standards. Many thanks!!
Lire les 5 avis

Contributeurs/contributrices & développeurs/développeuses

« Ollie Menu Designer » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Ollie Menu Designer” a été traduit dans 2 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Ollie Menu Designer » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

0.2.4

  • Attendez que la page soit chargée pour calculer la position du menu
  • Augmentez le z-index pour garantir que le menu déroulant superpose le contenu.

0.2.3

  • Fix dropdown behavior in Safari
  • Fix deprecated warning in PHP 8.2

0.2.2

  • Make drop down arrows consistent with default drop downs
  • Fix behavior when window loses focus

0.2.1

  • Fix mega menu toggle on mobile

0.2.0

  • Add overflow fixes for dropdown menus
  • Add style reset to prevent cascading on dropdown menus

0.1.9

  • Fix keyboard nav with open on hover
  • Fix hardcoded /wp-admin/ paths for subdirectory WordPress installations
  • Fix proper textdomain loading in main plugin file
  • fail-safe init function for Git-based deployments

0.1.8

  • Fix Safari bug where menu won’t toggle closed
  • Fix console error for deprecated function

0.1.7

  • Fix bug with missing package dependency

0.1.6

  • Add pop up guide to settings panel to help with onboarding

0.1.5

  • Fix hover stacking bug
  • Update plugin name and text domain

0.1.4

  • Add GitHub updater for short term updates

0.1.3

  • Add menu item link when hover is in use
  • Default hover behavior to click on mobile
  • Make sure fallback url is hidden by default

0.1.0

  • Initial release