Avant d’aller plus loin dans la création de titres collants dans WordPress, nous devons d’abord comprendre ce qu’ils sont et pourquoi nous pourrions vouloir les utiliser. Un élément permanent ou fixe est un type particulier damp;rsquoélément qui reste visible et ne change pas de position lorsque lamp;rsquoutilisateur fait défiler vers le haut ou vers le bas. En raison de leur emplacement, ces éléments sont facilement accessibles et sont donc utiles pour les menus ou autres options de navigation. Vous voulez offrir aux utilisateurs autant damp;rsquooptions pratiques que possible pour rendre votre contenu accessible et réduire la frustration des utilisateurs. En utilisant des éléments collants, les utilisateurs peuvent passer rapidement damp;rsquoune page à lamp;rsquoautre damp;rsquoun site Web et trouver exactement ce dont ils ont besoin. Tout ce confort et cette facilité damp;rsquoutilisation signifient une meilleure expérience utilisateur et une plus grande fidélité.
WP sticky va maintenant travailler avec un des principaux types damp;rsquoéléments de collage, la tête de collage et un outil magique qui nous aide à créer et personnaliser facilement ces éléments. Cet outil est appelé WP sticky. En plus de lamp;rsquoadhérence des poudres mouillables, il existe de nombreuses façons différentes de créer des têtes adhésives. Vous pouvez même créer ces autocollants avec du code HTML et CSS pur, mais cela nécessite une certaine connaissance technique et un processus long. Ce plugin est une solution très simple pour les débutants. Avant de commencer à utiliser WP sticky, nous devons le et installer le plug in. Comme camp;rsquoest un processus très simple, nous ne perdons pas de temps. Au lieu de cela, créons le premier titre collant directement.
La première chose que nous devons faire est d’entrer la section plug in dans le panneau de gestion WordPress À partir de là, sélectionnez WP sticky pro et exécutez
Cliquez sur paramètres. Nous verrons ces options où nous devons choisir damp;rsquoajouter de nouveaux éléments collants.
Après cela, nous verrons une nouvelle entrée dans lamp;rsquoonglet Éléments collants appelée élément collant 1. Félicitations, avez créé le premier élément collant, mais il reste encore beaucoup à faire avant de créer un titre collant fonctionnel. Comme pouvez le voir, il namp;rsquoy a pratiquement pas de catégories de paramètres différentes pour nos projets collants.
Examinons les plus en détail.
Ceci ramène à la page paramètres de lamp;rsquoonglet WP, où verrez lamp;rsquoidentificateur unique de lamp;rsquoélément sélectionné. Dans notre cas, on dirait.
Ensuite, cliquez sur le bouton Enregistrer les modifications dans le coin supérieur droit et nous avons terminé. et connaissez lamp;rsquoID unique du projet que voulez coller, plutôt que de le sélectionner intuitivement, pouvez simplement écrire son ID unique. Options visuelles après avoir nommé et sélectionné un élément, il est temps de lamp;rsquoutiliser comme titre et de le personnaliser
Puis glissez vers le bas. Maintenant, ce que finirez par utiliser dépend entièrement de vos préférences personnelles et de lamp;rsquoapparence idéale du site. Essayez jusquamp;rsquoà ce que preniez une décision.
Une autre personnalisation visuelle des éléments liés à lamp;rsquoopacité. Selon le reste du site, en utilisant le curseur, nous pouvons rendre les éléments collés plus ou moins transparents.
Que se passe t il si ne voulez pas que certaines parties du site aient des titres collants? Ce curseur permet de personnaliser les points de départ et de fin et, lorsque continuez à défiler, le titre de lamp;rsquoadhésif apparaît sur votre site Web.
Et si nos éléments collants ne sont pas si visibles? Le plug in peut se démarquer en lui donnant une couleur de fond. Pour ce faire, cliquez sur le bouton ci dessous et sélectionnez la couleur de fond souhaitée. Camp;rsquoest trop facile.
Personnaliser CSS si souhaitez apporter damp;rsquoautres modifications aux éléments collants qui ne sont pas couvertes par les options ci dessus, pouvez ajouter des personnalisations via CSS dans un champ. Une chose importante à garder à lamp;rsquoesprit dans ce cas est que namp;rsquoavez pas besoin damp;rsquoinclure des styles dans le sélecteur. Pas besoin damp;rsquoécrire. Nom de la classe {couleur: FFF}, Au lieu de cela, il suffit damp;rsquoécrire la couleur: FFF Nous le laisserons en blanc parce que namp;rsquoavez pas besoin de personnaliser davantage notre titre de démonstration collant. Namp;rsquooubliez pas damp;rsquoenregistrer vos modifications après avoir modifié tous les paramètres requis. Après cela, nous pouvons continuer et cliquer sur le bouton aperçu de lamp;rsquoadhésif dans le coin supérieur droit pour prévisualiser les changements que nous avons effectués jusquamp;rsquoà présent.
En bref, WP sticky est un excellent ajout à namp;rsquoimporte quel site Web, ce qui facilite le travail des développeurs. Facile à utiliser, mais offre des options de personnalisation det
Comment créer & Titres collants en WordPress
