Menus

Optimisez la navigation sur votre site web grâce aux menus. La navigation est un critère majeur pour la réussite de votre site Internet. Il est donc primordial de créer des menus pertinents et efficaces. Retrouvez toutes les nouveautés des menus déroulants pour votre site web. Et des conseils pour créer un menu de navigation efficace, et faciliter la navigation sur votre site Internet.

  • Ajoutez des ancres dans le menu de votre site web

    La tendance actuelle est aux pages de plus en plus longues, voire aux sites en one-page, c'est à dire dont l'intégralité du contenu est présenté sur une seule page. Mais l'expérience utilisateur peut en pâtir :  les visiteurs ne vont-ils pas se lasser de devoir scroller à l'infini sans pouvoir accéder rapidement aux différentes sections d'une page ? Vous allez résoudre de problème grâce à la nouvelle fonctionnalité qui permet d'ajouter des ancres dans votre menu !

    Lire la suite

  • 8 conseils pour créer un menu efficace

    Structurer son site passe par la création d'un menu efficace qui montera à l'utilisateur comment naviguer et ce qu'il va pouvoir trouver sur le site. Visible au premier coup d'oeil lorsque l'internaute arrive sur le site, il s'agit donc d'un élément essentiel, qui l'aidera à déterminer s'il poursuit sa visite.

    Lire la suite

  • Afficher l'agenda culturel d'un artiste, d'une ville ou d'un lieu sur son site Internet

    Widget Agenda Culturel

    En partenariat avec AgendaCulturel.fr, un des principaux sites d'information culturelle en France, nous avons le plaisir de vous proposer un nouveau widget permettant d'afficher l'agenda culturel d'un artiste, d'une ville ou d'un lieu de diffusion culturelle.

    Lire la suite

  • Ajouter un menu sur son site web - les petites fonctionnalités cachées

    J'inaugure une nouvelle rubrique sur le blog. Cette rubrique a pour but de vous faire découvrir des options et fonctionnalités de votre outil de création de site préféré qui ne sont pas forcément très visibles et qui vous permettent de faire des choses superbes sur votre site !

    Pour cette première, je vais vous faire découvrir le widget "Menu" qui permet de faire une liste de liens dans son menu vertical vers n'importe quel contenu de son site (lien vers un module, une page, une catégorie d'un module...) ou vers un autre site (ou une page d'un autre site).

    Ajouter un menu sur son siteCette fonctionnalité permet, notamment, de remplacer l'option "Page lien" (de la version 3) qui permettait de mélanger dans une catégorie de pages des pages et des liens externes. Mais cela va beaucoup plus loin car, comme je le disais ci-dessus, vous pouvez mélanger des liens vers n'importe quel contenu du site et des liens externes.

    Comment ça marche ?

    Pour commencer, allez sur Configuration > Menus puis cliquez sur "Ajouter un widget" dans le menu vertical. Cliquez sur la catégorie de widgets "Site" puis cliquez sur le widget "Menu". Vous allez pouvoir définir un titre qui sera affiché au dessus de la liste des liens (ou ne pas en afficher du tout).

    Ensuite, si vous avez déjà ajouté/modifié des liens dans votre menu horizontal, le fonctionnement est similaire : vous ajoutez les liens un par un en cliquant sur "Ajouter un lien" puis en sélectionnant tout d'abord si vous souhaitez faire un lien externe (vers un autre site) ou interne (vers un contenu de votre site). Dans ce derniers cas, vous aurez à sélectionner vers quel type de contenu vous souhaitez faire le lien : page d'accueil, accueil d'un module, catégorie d'un module ou élément (page, billet...).

    En quelques clics vous construirez votre menu en mettant les liens dans l'ordre que vous souhaitez.

    Tutoriel vidéo

    Parce que les images parlent plus que les mots, voici une vidéo de démonstration :

  • Version 4 : la gestion des menus [vidéo]

    La version 4 de E-monsite, on vous en parle depuis un moment : elle arrive bientôt. D'ici la fin du mois elle sera disponible pour tous. On vous donnera la date définitive d'ici 2 semaines.

    Aujourd'hui, pour vous mettre l'eau à la bouche je vais vous expliquer le fonctionnement de la gestion des menus horizontaux et verticaux sur la version 4.

    Une gestion centralisée des menus

    Gérer les menus de son site webAujourd'hui, vous avez deux accès pour modifier les menus : Configuration > Menus horizontaux et Configuration > Menus verticaux. Sur la version 4, tout cela sera centralisé sur une seule page : Configuration > Menus. Vous retrouverez sur cette page la structure de votre site et vous pourrez éditer les différents menus.

    Sur vos menus horizontaux, vous pourrez ajouter des liens. Plus complet que l'outil actuel, il vous permettra d'ajouter des liens vers n'importe quel contenu de votre site (billet de blog, page, catégorie de l'annuaire, ...) et de créer des menus déroulants facilement.

    Sur vos menus verticaux, vous pourrez ajouter des widgets comme aujourd'hui. La présentation des widgets a été revue et chaque widget est classé (par module ou par thématique) afin que vous puissiez retrouver facilement les widgets que vous souhaitez insérer. De nombreux widgets ont été ajoutés, et d'autres suivront après la mise en ligne.

    Mieux qu'un pavé de texte, voici une vidéo de démonstration de l'outil de gestion de pages :

  • Version 4 : un site web infiniment modulable

    Tout au long du développement de la V4, nous avons cherché à rendre l’utilisation de vos outils de création de site web plus simple, et plus ergonomique. Cela passe parfois par des outils complétement revus, tel l’explorateur des contenus, commun à l’ensemble des modules du manager comme le blog, les pages, l’album photos et la boutique en ligne, ainsi que l'espace de stockage. Et parfois, ce travail passe par un simple regroupement plus logique des menus.

    Lire la suite

  • Refonte graphique du manager : la navigation

    Nous avons entamé une refonte graphique du manager de E-monsite qui  permet de gérer son site web. Nous estimons que cette version re-liftée (nom de code : version 3.6) sera disponible à la fin du mois en cours. Durant ce laps de temps, nous allons vous dévoiler sur le blog, au fur et à mesure du développement, le nouveau design et la nouvelle ergonomie du manager.

    Le nouveau design sera plus beau et permettra d'utiliser le manager plus efficacement, tout en continuant à s'amuser à créer son site !

    Pour initier cette série de billets, je vais vous présenter la nouvelle partie de navigation du manager dont voici une capture d'écran :

    Refonte graphique du manager e-monsite

    1) La barre du haut

    La barre du haut permet d'accéder au fonctionnalités communautaires (amis, messagerie privée, forums), aux ressources d'aide, à la modification des paramètres de son compte et à son site. C'est la même barre que sur le site E-monsite. Ainsi, vous accédez aux mêmes outils sur le forum de E-monsite et sur votre manager.

    2) La boîte d'astuce

    Une boite d'astuce vous permet de découvrir à chaque changement de page une nouvelle fonctionnalité, un tutoriel intéressant, un service pour votre site, etc. Bref, une vraie mine d'informations s'affichant de manière aléatoire.

    3) Navigation principale

    Aujourd'hui composée de 9 menus, la navigation principale s'offre un vrai lifting ! Elle est plus jolie et beaucoup plus visible.

    Pas de panique, il n'y a pas pour autant de fonctionnalités en moins. Les services payants sont répertoriés de façon plus discrète sur le côté droit et les menus communauté et compte se retrouvent dans la barre du haut (voir point n°1).

    Ainsi, c'est 4 ou 5 menus (selon si la solution e-commerce est active) qui vous permettront de gérer votre site. Plus besoin de chercher une option : c'est clair, fonctionnel et efficace !

    Enfin, le menu Site est remplacé par Marketing : tous les outils vous permettant de gérer votre communication y resteront; et tout ce qui concerne les préférences de votre site se trouveront dans le menu Configuration.

    4) Sous-menus

    Au survol de ces menus vous trouverez l'accès aux différents sous-menus afin d'y accéder rapidement. Il sera ainsi aisé de créer une nouvelle page ou d'ajouter des photos dans un album photos !

    De plus, dans un souci de simplicité et de lisibilité, pour le menu Modules vous ne retrouverez que les modules que vous utilisez. C'est plus simple : vous n'accédez qu'aux fonctionnalités que vous avez activés. Et pour en activer d'autres, ce sera tout aussi aisé !

    Conclusion

    Nous avons travaillé l'ergonomie et le graphisme afin que la gestion de votre site web soit un vrai plaisir.

    Si quelques fonctionnalités vont être déplacées, vous ne vous y perdrez pas pour autant; vous allez gagner en productivité et en plaisir d'utilisation avec cette nouvelle organisation !

    Rendez-vous fin juin pour découvrir cette nouvelle interface !

    Dans un prochain billet, je vous parlerai du nouveau tableau de bord (accueil du manager) qui vous permettra d'avoir un aperçu de tout ce qui se passe sur votre site et ainsi gérer plus efficacement vos contenus.

    N'hésitez pas à poster un commentaire pour nous donner votre avis.

  • Créer des menus déroulants sur son site internet

    E-monsite vous propose une nouvelle option très intéressante pour rendre votre site plus dynamique et améliorer son ergonomie : les menus déroulants dans le menu horizontal du haut de votre site Internet. Cette option permet, lorsque vous insérez une catégorie dans ce menu (via Configuration > Menus horizontaux > Menu du haut), d'indiquer que vous souhaitez un menu déroulant. Celui-ci affichera au survol du lien la liste complète des rubriques contenues dans la catégorie.

    Je ne m'étendrais pas sur les détails de la mise en place de cette option puisque Jérémy à rédigé un tutoriel très complet à ce sujet !

    La mise en place de cette option a entraîné des modifications au niveau du code HTML (les éléments du menu horizontal ne sont plus sous forme de simples liens mais sous forme de listes ul > li) et de la feuille de styles CSS de votre site. Si vous avez édité la feuille de styles CSS avant cette modification et que vous constatez des problèmes, contactez-nous. De même, pour les utilisateurs en version pro ayant édité le menu horizontal du haut en HTML, vous ne pourrez pas utiliser les menus déroulants. Dans ce cas, n'hésitez pas à nous contacter également pour que nous vous indiquions la marche à suivre.

    Ces modifications ont pu entraîner des problèmes sur certains sites. Nous avons résolu tous ces problèmes. Nous nous excusons pour le désordre que cela a pu occasionner pour certains utilisateurs. Enfin, lorsque votre menu est centré ou aligné à droite, vous pouvez constater un délai pour qu'il se positionne au chargement de la page : c'est normal. En effet, le positionnement au centre ou à droite d'une liste flottante n'est pas possible en CSS (sur Firefox). Ce positionnement est donc réalisé en javascript au chargement de la page.

    En plus de cette nouvelle option, afin de désengorger votre menu vertical (puisqu'à présent les rubriques peuvent se retrouver dans le menu horizontal) une autre option a vu le jour. Elle permet de masquer l'affichage de certains éléments (dont les catégories) dans le menu vertical (ces éléments ne sont pas supprimés, ils sont juste pas affichés). Pour cela, sur la page Configuration > Menus verticaux cliquez sur le petit oeil en haut à droite de chaque élément. Et pour rétablir l'affichage d'un élément ? Re-cliquez sur le petit oeil barré tout simplement !

    Enfin, voici quelques sites utilisant cette nouvelle option de menus déroulants :

    Et si vous utilisez cette nouvelle option laissez un message dans les commentaires avec l'adresse de votre site !

    EDIT : Le système gère désormais les sous-rubriques comme vous pouvez le voir sur le site de démonstration ou sur cette capture d'écran:

  • Menus horizontaux

    On vous le disait il y a quelques semaines, les menus horizontaux (menus du haut et du bas) de vos sites seront beaucoup plus personnalisables (image de fond, style de lien, taille du texte, couleurs, ...) et indépendants (les deux menus pourront être différents visuellement) dans la version 3. De plus, il sera possible de choisir en version gratuite d'afficher ou non ces menus. En plus de cela, vous pourrez gérer les liens de ces menus de manière très simple et indépendante pour chaque menu (les menus pourront contenir des liens différents).

    Il sera possible d'ordonner les liens par glisser-déposer et d'ajouter simplement des liens vers des modules, des rubriques, des catégories ou des url externes. Les menus horizontaux deviendront ainsi configurables à 100% alors qu'aujourd'hui les liens de ces menus sont les modules activés et il est juste possible de choisir la couleur de fond et du texte ! '

    'Une petite révolution est en marche croyez moi ;)''

  • Les menus verticaux de la V3

    Après vous avoir expliqué les prochaines possibilités concernant les menus horizontaux de la V3, voici un exemple concernant les menus verticaux :

    Désormais vous pourrez :

    - créer un survol sur les liens qui vont changer la couleur des liens mais aussi de la ligne complète (comme sur cet exemple avec un survol de la souris qui passe la ligne en noir, un effet qui rend votre site plus dynamique).
    - avoir des lignes de séparation classiques ou en pointillées.
    - sur la V2, vos menus de gauche et de droite sont sous forme de barre verticale pleine, désormais vous pourrez "dissocier" vos catégories les unes des autres.
    - etc.

    De nombreux styles vous seront proposés pour vous simplifier le travail, cependant vous aurez la possibilité de les personnaliser vous-même.
    Inutile de vous rappeler qu'il est évident que vous pourrez sans aucun soucis conserver le style de vos menus actuels ;o)

    Enfin, une des nombreuses autres nouveautés de la V3 concerne les positionnements, vous aurez donc désormais la possibilité de :

    - mettre les 2 menus à gauche
    - mettre les 2 menus à droite
    - un seul menu à droite
    - un seul menu à gauche
    - aucun menu vertical

    Voilà, j’espère vous rendre aussi impatient que nous le sommes de la sortie de cette nouvelle version d’e-monsite.com.

  • Les menus horizontaux de la V3

    Après de longues réflexions sur la structure des sites E-monsite et notamment le positionnement des menus, nous avons poursuivi le travail sur l’optimisation de leurs affichages et sur la possibilité de les personnaliser.
    Sur la V3, vous aurez la possibilité de garder vos menus horizontaux tel qu’ils sont aujourd’hui ou de les transformer totalement.

    Voici quelques exemples avec le site démo de E-monsite :

    - Des menus non collés sous forme de blocs avec une bordure autour, lors du survol de la souris le bloc change de couleur.
    - Des menus collés sous formes de blocs avec une bordure autour, lors du survol de la souris le block change de couleur et un effet de loupe agrandit le menu .

    Avec une variante :

    - Des menus textes « classiques », mais lors du survol de la souris un fond de couleur apparaît pour mettre en valeur le menu.

    - Enfin, pour finir la personnalisation, vous aurez désormais la possibilité d’avoir des menus centrés, alignés à gauche ou à droite.

    Il s’agit là d’exemples, d’autres styles seront possibles, et bien entendu vous aurez le choix dans l’ensemble des couleurs. Des possibilités donc très nombreuses de menus horizontaux.

    Je viendrais vous parler lors d’un prochain billet sur ce blog des menus verticaux qui eux aussi seront bien plus personnalisables que sur la V2.