Sélectionner une page


Dans le dernier de nos courts tutoriels, nous aimerions discuter de l’utilisation des balises d’ancrage spécifiquement avec Divi Builder.

Considérez-les comme des signets sur une page pour résumer rapidement ce que sont les balises d’ancrage et comment elles peuvent être utilisées. L’une des utilisations les plus courantes est celle d’un site Web à une seule page où un utilisateur peut cliquer sur la section À propos, par exemple, et au lieu du lien qui les mène à une page À propos, l’utilisateur fait défiler jusqu’à cette section.

Ces types de sites Web peuvent être extrêmement utiles lorsque vous souhaitez diffuser rapidement des informations ou lorsque vous n’en avez pas beaucoup, par exemple B. une page de destination.

L’implémentation de balises d’ancrage avec Divi est un processus assez simple:

Étape 1:

Accédez à chaque section de votre site dans Divi Builder puis visitez Paramètres du module de section. À partir de là, vous voudrez cliquer sur Avancé, puis définir un ID pour la section. Par exemple, si vous créez une zone de contact, vous souhaiterez peut-être ajouter un contact de page d’accueil, par exemple, en rendant cet identifiant un peu plus unique pour faciliter les choses.

Pour plus d’informations sur l’ajout de CSS au thème Divi, consultez notre article Ici

Étape 2:

Visitez l’Apparence, puis les Menus sur votre site Web. Créez un lien personnalisé à partir d’ici. Pour le texte du lien, ajoutez quelque chose qui représente ce qu’il est, par exemple B. «Contact». Pour le lien réel, entrez votre identifiant avec un hashtag devant celui-ci. Par exemple: # homepage-contact.

Étape 3:

Enregistrez votre menu, puis visitez votre site pour vérifier que votre balise d’ancrage a défilé jusqu’à l’emplacement souhaité sur la page.

Utilisation de balises d’ancrage dans le texte:

Non seulement vous devez utiliser des balises d’ancrage dans votre menu, mais elles peuvent également être utilisées dans le texte, par ex. Par exemple, si vous écrivez un paragraphe, vous souhaiterez peut-être inclure «Contactez-nous» dans le texte afin que l’utilisateur puisse faire défiler jusqu’à cette section lorsqu’il clique.

Pour ce faire, définissez simplement le lien href de votre texte sur l’ID, par exemple B. Contacter ou dans Divi, lorsque vous modifiez le texte, utilisez les paramètres de lien pour définir votre lien comme ‘# homepage-contact’.

Nous aimerions avoir une autorisation ou des commentaires si vous avez trouvé cela utile, merci!



Source link

Recent Posts