Le contenu collant vise à attirer et à retenir l’attention des visiteurs. GutenKit a développé un tel module nommé Collant pour concevoir magnifiquement votre contenu WordPress.

Apprenons comment fonctionne le module.

Utiliser GutenKit Sticky #

Depuis votre tableau de bord WordPress, aller aux modules de GutenKit. Ensuite, trouvez Module collant, allumez-le. Les modifications que vous avez apportées seront automatiquement enregistrées.

Utiliser le module Sticky #

Ouvrez n'importe quelle page/article sur lequel vous souhaitez appliquer du contenu collant. Aller à Section avancée et trouver Module collant.

Commandes du module collant #

Vous pouvez définir le collant au Haut, Bas et Afficher lors du défilement vers le haut.

Collant au sommet #

Il vous permet de définir le collant sur le Première position de la page/article.

Collant jusqu'au dessus #

Si vous souhaitez afficher le sticky en haut jusqu'à une section spécifique, vous pouvez définir cet ID de section ici.

Rendons le titre (Marketing numérique) collant jusqu'à la section À propos de nous.

• Cliquez sur la section À propos de nous
• Rechercher le module Avancé
• Écrivez un nom de classe CSS et copiez-le

Maintenant, va à Titre➔ Collant➔ Collant jusqu'à.

1. Collez cela dans la section À propos de nous Nom de la classe CSS dans le Collant jusqu'à champ.
2. Mettre à jour la page/la publication

Vous pouvez maintenant voir que le titre est Collant jusqu'à la section À propos de nous.

Collant en bas #

Pour définir le collant sur le Position basse de la page/article, choisissez Bas à partir des options collantes et mettez à jour la page/la publication.

Le fond est collant maintenant.

Collant jusqu'en bas #

Si vous souhaitez afficher un pied de page/bas collant jusqu'à une section spécifique, vous pouvez définir cet ID de section ici.

Rendons le pied de page de notre page actuelle collant jusqu'à la section Rencontrer l'équipe. Cependant, vous pouvez utiliser n'importe quel modèle, modèle ou page de GutenKit pour organiser vos pages et vos publications.

• Cliquez sur la section Rencontrer l'équipe
• Rechercher le module Avancé
• Écrivez un nom de classe CSS et copiez-le

Sticky Show lors du défilement vers le haut #

Maintenant, va à Bas de page➔ Collant➔ Collant jusqu'à.

1. Coller qui rencontre l'équipe Nom de la classe CSS dans le Collant jusqu'à champ.
2. Mettre à jour la page/la publication

Maintenant vous pouvez voir le Le pied de page est Collant jusqu'à la section Rencontrer l'équipe.

Collant jusqu'à ce qu'il soit affiché lors du défilement vers le haut #

Avec cette option, vous pouvez coller n'importe quelle section quand tu fais défiler vers le haut. Le Types d'effets sont Fondu et glissement.

Rendons le titre (Marketing numérique) collant jusqu'à la première section (À propos de nous).

Déménager à Entête➔ Collant➔ Collant jusqu'à.

Maintenant, choisissez n'importe quel type d'effet ➔ collez la première section (À propos de nous) Nom de la classe CSS dans le Collant jusqu'à champ ➔

et mettez à jour la page/la publication.

Maintenant vous pouvez voir le Titre Collant jusqu'à la première section (À propos de nous).

Autres contrôles #

• Restez dans le conteneur – Si vous souhaitez envelopper votre bloc avec un conteneur pour voir l'effet, vous pouvez activer cette option.
• Décalage collant – Pour définir la position précise, vous pouvez ajuster le décalage collant à l'aide de la barre.
• Arrière-plan - Définissez l'arrière-plan selon vos préférences.

De plus, il existe des options pour désactiver le sticky pour tous les appareils. Les options sont – Désactiver pour le bureau, Désactiver pour la tablette, et Désactiver pour mobile.