La navigation dans la barre latérale d’une seule page de Divis facilite les choses

Lors de la création d’une nouvelle page, vous pouvez facilement activer l’option de navigation pour les pages individuelles de Divi et donner à vos visiteurs une représentation visuelle et cliquable de leur progression sur la page. Vous pouvez également utiliser des liens d’ancrage personnalisés et des ID de section pour créer des menus d’une page pour l’ensemble du package d’une page.

image de la documentation

Voir une démonstration en direct de cette fonctionnalité

Activer la navigation sur une seule page

L’activation de la navigation sur une seule page est simple et peut se faire par page. Lorsque vous créez ou modifiez une page, recherchez la zone Paramètres Divi à droite de votre éditeur de texte. Dans ce champ, vous pouvez voir le Navigation par points Possibilité. Choisissez « Activé » dans le menu déroulant et enregistrez la page. Vous remarquerez maintenant qu’une barre de navigation flottante a été ajoutée à droite de votre page. La barre de navigation par points ajoute automatiquement un lien cliquable à chaque section de votre page. Lorsque vous ajoutez une nouvelle section, un nouveau lien circulaire (ou point) est automatiquement ajouté à votre navigation de page flottante. Les utilisateurs peuvent cliquer sur les points pour accéder aux différentes sections de la page. Cela permet également de voir plus facilement où se trouve le visiteur sur la page et de comprendre et de naviguer plus facilement dans les pages au format long.

image de la documentation

Créer des liens de menu personnalisés pour les sites Web d’une page

En plus de la navigation de page, il est également possible de convertir votre navigation d’en-tête principale en une navigation à sens unique. Si vous créez un site Web d’une page, vous ne voulez pas que les liens de votre menu pointent vers des pages distinctes. Au lieu de cela, ces liens peuvent pointer vers des sections pertinentes sur la même page. En cliquant dessus, vous accédez à la section correspondante de la page avec un effet de défilement fluide. Cela peut être réalisé à l’aide d’identifiants personnalisés. Chaque élément de la page créée avec le générateur peut se voir attribuer un ID. Vous pouvez attribuer un ID à une section en cliquant sur l’icône des paramètres de section et en recherchant le paramètre d’ID CSS. Dès qu’un identifiant a été attribué, vous pouvez le lier à l’aide du menu de navigation. Par exemple, disons que vous avez une section «À propos de nous» et que vous souhaitez qu’elle soit liée à la partie de votre page qui décrit votre entreprise. Modifiez la section qui contient votre contenu «À propos de nous» et entrez «aboutus» dans le champ «CSS ID» et cliquez sur le bouton «Enregistrer». Une fois qu’un identifiant a été attribué, nous pouvons fournir un lien vers celui-ci.

Pointer un lien de menu vers un identifiant

Pour créer un lien de menu personnalisé, vous devrez ajouter un nouveau lien à votre menu à l’aide de l’onglet Apparences> Menus de votre tableau de bord WordPress. Si vous ne connaissez pas le système de menus, lisez Ce super tutoriel. Une fois que vous avez créé un nouveau menu et l’avez affecté à l’emplacement de navigation principal, vous pouvez ajouter des liens à votre en-tête. Dans ce cas, nous créerons un lien personnalisé en cliquant sur l’onglet Lien à gauche. Après avoir cliqué, vous obtiendrez deux champs (URL et texte du lien). Pour le «texte du lien», saisissez simplement le texte que vous souhaitez afficher dans votre menu (par exemple «À propos de nous»). Pour l’URL, nous devons créer un lien vers l’ID que nous avons précédemment attribué à notre section. Dans ce cas, nous avons ajouté l’ID « aboutus », mais vous pouvez ajouter n’importe quel nom d’ID que vous souhaitez. Puisque nous avons utilisé l’identifiant « aboutus », nous pouvons créer un lien vers cet identifiant en créant une URL qui pointe vers « / # aboutus ». Vous pouvez créer autant de liens personnalisés que vous le souhaitez en utilisant la même méthode. Entrez simplement l’URL « / # » suivie de l’ID que vous souhaitez cibler.





Source link

Recent Posts