Comment créer un onglet déroulant sur Weebly

L'interface glisser-déposer de l'éditeur de site Web Weebly simplifie la tâche de création d'éléments de site Web, tels que des onglets déroulants ; aucune connaissance du code sous-jacent n'est nécessaire. Par défaut, Weebly affiche toutes les pages de votre site les unes à côté des autres sous forme de liens sur une barre de navigation. Pour un site qui compte de nombreuses pages, cela peut entraîner un encombrement et rendre difficile la navigation des visiteurs sur le site. Pour réduire l'encombrement, catégorisez les pages excédentaires en tant que sous-pages pour les afficher sous forme de liens dans une liste déroulante.

Étape 1

Connectez-vous à votre compte Weebly et cliquez sur le bouton "Modifier" à côté du site pour lequel vous souhaitez créer l'onglet déroulant.

Étape 2

Cliquez sur le bouton "Pages" pour afficher une liste des pages existantes de votre site Web. Si vous n'avez pas encore créé de nouvelles pages pour le site, les pages Accueil, À propos et Contact par défaut sont les seules répertoriées.

Étape 3

Cliquez sur le bouton "Ajouter une page +" et sélectionnez "Page standard" dans la liste des options. Tapez le nom que vous souhaitez voir apparaître dans le menu de navigation dans la zone de saisie Nom de la page. Les pages réelles qui apparaissent dans le menu déroulant sont toutes des sous-pages de cette page principale. Par exemple, si vous envisagez de créer un menu déroulant répertoriant toutes les pages de recettes de votre site, utilisez "Recettes" sans les guillemets comme nom de page.

Étape 4

Cliquez sur "Ajouter une page +" et cette fois sélectionnez la page réelle que vous souhaitez voir apparaître dans la liste déroulante. La page peut être une page standard, une page de blog, une page de magasin ou un lien vers une page externe ne se trouvant pas sur votre site Weebly.

Étape 5

Saisissez le nom de la page tel que vous souhaitez qu'il apparaisse dans la liste déroulante de la zone de saisie Nom de la page. Par exemple, tapez "Crumble aux pommes" si l'élément de menu renvoie à une page avec une recette de crumble aux pommes.

Étape 6

Cliquez et faites glisser l'icône de la nouvelle page en dessous et à droite de l'icône de la page principale sous laquelle vous souhaitez qu'elle soit répertoriée dans la barre de navigation. Lorsque vous relâchez le bouton de la souris, l'icône du nom de la page s'enclenche, indiquant qu'il s'agit désormais d'une sous-page.

Étape 7

Cliquez sur "Paramètres avancés", puis remplissez les détails pour le titre de la page, la description, les méta-mots clés et le code d'en-tête ou de pied de page, le cas échéant. Cliquez sur "Enregistrer et modifier" pour modifier ou ajouter du contenu réel à la page.

Étape 8

Ajoutez d'autres pages au site, puis positionnez-les en tant que sous-pages sous la page principale concernée pour créer d'autres entrées dans l'onglet déroulant. Cliquez et faites glisser les icônes des sous-pages les unes au-dessus ou en-dessous des autres dans la liste des pages pour réorganiser leur position dans le menu déroulant.

Étape 9

Cliquez sur "Publier" pour mettre à jour votre site Weebly avec le nouveau menu déroulant.

Astuce

Chaque sous-page peut avoir sa propre sous-page qui s'affiche sous forme de fly-out sur la barre de navigation.

Cliquez sur le nom d'une sous-page dans la liste des pages, puis cliquez sur "Masquer la page dans le menu de navigation" pour empêcher la page d'apparaître dans la liste déroulante. Ce faisant, vous gardez les pages organisées sans encombrer le menu de navigation. Vous pouvez toujours autoriser les visiteurs à accéder à ces pages masquées en utilisant l'option Créer un lien pour créer un lien hypertexte ou un bouton, puis en sélectionnant la page masquée dans la fenêtre Lien vers.