Les commentaires sont un élément important de tout modèle de billet de blog. Cependant, pour certains visiteurs, un long commentaire peut poser problème chaque fois qu’ils essaient de parcourir le reste du message. La création de commutateurs d’annotation est un bon moyen de résoudre ce problème. En donnant aux utilisateurs la possibilité d’activer (afficher ou masquer) Les commentaires, vous pouvez améliorer l’expérience utilisateur en leur fournissant initialement une version plus concise du message et en leur permettant d’afficher ou de masquer les commentaires à tout moment.
Dans ce tutoriel, nous vous montrerons comment créer des commutateurs d’annotation pour les commentaires des modèles de post sur le blog Divi. Après avoir créé la barre de basculement d’annotation en utilisant Divi Builder, nous ajouterons le Code nécessaire pour afficher \ masquer la zone d’annotation lorsque vous cliquez sur la barre de basculement. Allons – y! Voici une brève introduction à la conception que nous allons construire dans ce tutoriel.
Télécharger le fichier
Emo nouvelle ligne au – dessus de la ligne contenant le formulaire \ contenu d’annotation. Ensuite, nous remplirons la ligne avec le titre et l’icône basculer pour compléter la conception. Continuez et faites défiler vers la fin de la mise en page par défaut, en ajoutant une nouvelle ligne juste en dessous de la ligne contenant le formulaire de commentaires.
Aligner les éléments: Centre;
Dans la zone d’entrée après, collez le code HTML suivant: commentaires)
Ou texte: couleur du texte de gauche: clair
Sur l’onglet conception, mettre à jour ce qui suit: couleur de l’icône: # FFFFFF taille de la police de l’icône: 40px Largeur: alignement du module 50px: hauteur correcte: image \ icône animée 50px: aucune Animation
Aligner les éléments: Centre;
Puis ajoutez un autre clip CSS à l’image Blurb: en bas de la marge: 0px! Important
Tout d’abord, vous pouvez ajouter le contenu des commentaires à la ligne. Ensuite, ouvrez les paramètres de ligne et mettez à jour le remplissage comme suit: 4% en haut, 4% en bas, 4% à gauche, 4% à droite
Transition: tous les 300ms;
}
– Oui. Et notes