menus

Des nouveautés concernant les menus horizontaux et verticaux ? Vous trouverez toutes les informations relatives aux menus dans ces billets d'actualité ainsi que quelques conseils.

  • 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).

    Cette 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

    Aujourd'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.

    Tel est le cas pour la gestion des menus de votre site web dans la V4. Désormais, les menus verticaux et horizontaux se gèreront depuis un seul et unique menu du manager :

    Pourquoi réunir la gestion des menus ? Certes, cela simplifiera leur gestion, mais pas seulement. Une des vraies nouveautés de la V4 est de pouvoir vous proposer des thèmes plus modulables. Jusqu’à présent, les éléments de navigation (des liens vers des pages) et des gadgets (un bloc de météo, une carte etc.) ne pouvaient être intégrés qu’à un seul endroit de votre site : dans les menus verticaux.  Cette « limitation » était inhérente au code HTML qui « structurait » les thèmes utilisé par les sites créés jusqu’à présent sous les précédentes versions d’E-monsite.

    Les thèmes développés après la sortie de la V4 d’E-monsite seront bien plus modulables. Chaque thème créé pour la V4 aura une structure de code propre au thème. Selon le thème choisi, il pourrait permettre, par exemple, d’ajouter des widgets aussi bien dans les menus verticaux que dans l’en-tête ou pied de page (tel un moteur de recherche, une boîte de connexion à l’espace membre, ou le panier de la boutique).

    Ces widgets seront bien plus nombreux qu'actuellement, incluant des fonctionnalités nouvelles et puissantes (tels que le moteurs de recherche du site ou d'un module, par exemple), et nous vous en proposerons d'avantage une fois la V4 en ligne.

    Réclamée depuis longue date, mais nécessitant un gros travail de développement, cette libération de votre potentiel créatif en tant que webmaster débutant (ou chevronné !) vous attendra lors de la mise en ligne de la prochaine version d’E-monsite. Rendez-vous à la rentrée pour une nouvelle version de votre outil de création de site web, et ses possibilités plus que jamais illimitées pour créer un site à votre guise !

  • Des menus verticaux plus efficaces

    Menus verticaux

    Les menus verticaux permettent l'accès à votre contenu sur les côtés de votre site. Ils ont donc un rôle essentiel dans la navigation. Nous inaugurons aujourd'hui un nouveau système qui, même s'il inclut déjà bon nombre de nouveautés non négligeables, permettra dans l'avenir de vous proposer des éléments à insérer dynamiques et plus personnalisables (exemple : derniers commentaires sur le blog, agenda culturel de votre ville, etc.).

    Menus par zone

    Nous avons déterminé 5 zones sur vos sites : la page d'accueil, les pages (incluant également les catégories de pages), le module blog, les autres modules (livre d'or, forum, ...) et la boutique (notre solution e-commerce sera disponible dès demain !).

    Ainsi, dès à présent, en activant le mode avancé vous pouvez configurer des menus différents pour chacune de ces zones.

    Quel est l'intérêt ? Vous pouvez par exemple sur le module blog insérer uniquement les éléments en rapport avec le blog (derniers billets, catégories du blog et tags des billets) afin de créer un contenu 100% blog. De plus, il peut être utile de mettre des liens vers toutes les pages sur les pages, mais pas forcément sur les modules, etc.

    Personnaliser le premier élément "Accueil"

    Le premier élément listant les pages sans catégorie et ayant pour titre celui de la page d'accueil n'était pas personnalisable ni supprimable. Dans certaines circonstances, cela pouvait être gênant. A présent, cet élément est un élément comme un autre. Vous pouvez le déplacer, renommer le titre et modifier son lien et le supprimer.

    Diverses améliorations

    • Les sous-pages apparaissent désormais dans le menu. En effet, au survol d'une page liée à des sous-pages (repérable à l'aide du nombre de sous-page indiqué entres parenthèses à côté du titre de la page) les sous-pages apparaissent en dessous.
    • Vous pouvez insérer des icônes pour chaque élément (un élément est un bloc du menu vertical). Ces icônes se placent devant les liens de l'élément. Nous vous offrons le choix de plusieurs centaines d'icônes. Cette fonctionnalité sera prochainement améliorée pour vous permettre de mettre vos propres icônes.
    • Certains éléments ont été améliorés (par exemple l'élément "Contact" qui permet de personnaliser les coordonnées que vous souhaitez afficher).
    • Vous pouvez faire un lien vers une page de votre site (ou un lien externe) avec le style d'un titre d'élément (ou une image de votre choix). Pour cela, utilisez l'élément "lien vers une page de votre site". De plus, vous pouvez également afficher la liste des catégories de pages en insérant l'élément "Liste des catégories de pages".

    Comment utiliser la nouvelle interface ?

    L'interface de configuration des menus verticaux, même si elle a peu changée, comporte quelques modifications. Pour accéder à cette interface, cela n'a pas changé : allez dans Configuration > Menus verticaux.

    • Il n'est plus question de Catégories, Widgets et Zones éditables. Ce sont à présent uniquement des éléments qui sont classés par thèmes : Pages (relatif aux catégories de pages et aux pages), Modules (Derniers billets du blog, Catégories de l'annuaire, ...), E-commerce (liés à notre nouvelle solution e-commerce) et Gadgets (Statistiques, Traduction, Recherche Google...).
    • Pour insérer la liste des pages liées à une catégorie de page, il faut à présent passer par l'élément "Liste des pages liées à une catégorie", puis sélectionner la catégorie dans le menu déroulant.
    • Comme avant, pour insérer un élément, cliquez sur le signe "+" correspondant à l'élément à ajouter dans la colonne de gauche (colonne des éléments disponibles). L'élément sera inséré en bas de votre menu. Vous pourrez le déplacer par glisser déposer. Il ne vous restera plus qu'à cliquer sur "Enregistrer l'ordre" en bas pour sauvegarder sa position.
    • Pour passer en mode avancé (et ainsi gérer des menus différents sur les 5 zones prédéfinies) cliquez sur le bouton "Activer le mode avancé" en haut en dessous du cadre d'aide. Le contenu de votre menu vertical (ou de vos menus verticaux) sera dupliqué sur les 5 zones. Vous pourrez ainsi les éditer indépendamment. Pour revenir en arrière (pour annuler le mode avancé), cliquez sur le bouton en bas de page : "Désactiver le mode avancé".

    Ces (longues) explications peuvent sembler compliquées (voires tordues !), mais, pas de panique, cela reste très simple ! Allez faire un tour sur la gestion des menus verticaux et vous verrez qu'il est même plus aisé à présent de gérer ses menus !

    Nous espérons que ces nouveautés vous permettront d'améliorer votre site. Dans les semaines qui viennent nous allons ajouter de nouveaux éléments de menus verticaux (derniers commentaires, messages sur le forum, horloge...) afin de vous permettre d'agrémenter votre site et de le rendre plus dynamique.

    Enfin, comme en général c'est vous qui avez les meilleures idées : quels sont les éléments de menus verticaux que vous aimeriez pour votre site ?

    EDIT : Quelques bugs à la sortie de cette fonctionnalité qui ont été corrigés. Veuillez nous en excuser. A présent tout fonctionne parfaitement. Si vous avez encore des difficultés, contactez directement notre support gratuit.

    EDIT 07/10 : Des problèmes avec le mode avancé nous ont contraint à le désactiver sur tous les sites qui l'avaient activé. Vous pouvez dès à présent le réactiver, le problème est corrigé.

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

    menuderoulant

    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:

    menudroulantssrub

  • 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 :

    menuv

    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.
    emonsite-menuh1
    - 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 .

    emonsite-menuh2

    Avec une variante :

    emonsite-menuh3

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

    emonsite-menuh4

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

    emonsite-menuh5

    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.