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.
- Accédez à Apparence Éditeur Compositions et modifiez votre élément de modèle d’entête
- Cliquer sur le bloc de navigation
- Dans l’onglet Réglages du bloc de navigation, trouver le panneau du menu mobile
- Cliquez sur « Créer un nouveau menu » ou choisissez parmi les modèles de menus mobiles existants.
- Choisissez parmi des compositions Ollie préconçues ou construisez des compositions personnalisées avec des blocs
- Enregistrez votre menu et sélectionnez-le dans le panneau Mobile Menu
- 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.
- Accédez à Apparence Éditeur Compositions et modifiez votre élément de modèle d’entête
- Cliquez sur Ajouter un bloc et recherchez « Menu déroulant »
- Nommez votre menu déroulant et positionnez-le dans votre navigation.
- Dans l’onglet Réglages du bloc de menu déroulant, trouver le panneau du menu déroulant
- Cliquez sur « Créer un nouveau modèle » ou sélectionnez un modèle dans la liste déroulante.
- Choisissez parmi des compositions Ollie préconçues ou construisez des compositions personnalisées avec des blocs
- Enregistrez votre menu et sélectionnez-le dans le panneau de la liste déroulante
- 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
- Créez un dossier
/compositionsdans le répertoire de votre thème ou extension. - Ajoutez vos fichiers de composition (format PHP) à ce dossier
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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
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.8
- Correction de l’icône de fermeture dans le mega menu
- Amélioration du redimensionnement du mega menu
- Ajout d’un espacement supérieur par défaut au mega menu
- Ajout de la classe current-menu-item pour la mise en surbrillance de la page active
0.2.7
- Correction du débordement du menu déroulant en pleine largeur générant une barre de défilement horizontale
0.2.6
- Correction de la redirection lors de la création de modèle quand WooCommerce est actif
- Correction de l’authentification de prévisualisation dans WordPress 7.0
- Masquage de la notification Ollie Pro quand Pro est déjà actif
0.2.5
- Amélioration de l’icône caret de menu déroulant
- Amélioration du bouton de fermeture mobile
- Ajout d’une notification Ollie masquable
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
- Correction du comportement du menu déroulant dans Safari
- Correction de l’avertissement d’obsolescence dans PHP 8.2
0.2.2
- Harmonisation des flèches des menus déroulants avec les menus déroulants par défaut
- Correction du comportement lors de la perte de focus de la fenêtre
0.2.1
- Correction du bouton bascule du mega menu sur mobile
0.2.0
- Ajout de corrections de débordement pour les menus déroulants
- Ajout d’une réinitialisation des styles pour éviter la cascade sur les menus déroulants
0.1.9
- Correction de la navigation au clavier avec l’ouverture au survol
- Correction des chemins /wp-admin/ codés en dur pour les installations WordPress dans un sous-répertoire
- Correction du chargement du textdomain dans le fichier principal de l’extension
- fonction d’initialisation sécurisée pour les déploiements via Git
0.1.8
- Correction d’un bogue Safari empêchant la fermeture du menu via le bouton bascule
- Correction de l’erreur de console pour une fonction obsolète
0.1.7
- Correction d’un bogue lié à une dépendance de paquet manquante
0.1.6
- Ajout d’un guide dans une fenêtre surgissante dans le panneau de réglages pour faciliter la prise en main
0.1.5
- Correction d’un bogue d’empilement au survol
- Mise à jour du nom de l’extension et du textdomain
0.1.4
- Ajout d’un outil de mise à jour GitHub pour les mises à jour à court terme
0.1.3
- Ajout d’un lien à l’élément de menu quand le survol est actif
- Le comportement au survol est un clic sur mobile par défaut
- L’URL de secours est désormais masquée par défaut
0.1.0
- Version initiale