Comment faire un onglet déroulant sur Weebly

Jeune femme utilisant un ordinateur portable sur le lit, tenant un organisateur personnel

Utilisez des sous-pages pour mieux organiser votre site Web Weebly.

Crédit d'image : AID/Amana images/Getty Images

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 dans une barre de navigation. Pour un site comportant 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 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.

Vidéo du jour

Étape 2

Cliquez sur le bouton « Pages » pour afficher une liste des pages existantes pour 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 figurant pas sur votre site Weebly.

Étape 5

Tapez 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, saisissez « Crumble aux pommes » si l'élément de menu renvoie à une page contenant une recette de crumble aux pommes.

Étape 6

Cliquez et faites glisser l'icône de la nouvelle page ci-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 du titre de la page, de la description, des méta-mots-clés et du 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 appropriée pour créer d'autres entrées dans l'onglet déroulant. Cliquez et faites glisser les icônes de sous-page au-dessus ou au-dessous les unes 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.

Pointe

Chaque sous-page peut avoir sa propre sous-page qui s'affiche sous forme de menu volant 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. En faisant cela, 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.