Utiliser le builder 2 Chapitre 6

MODULE 6

CHAPITRE 6 : COMPTEUR DE NOMBRE

UTILISER LE BUILDER 2

Les compteurs de nombres animés sont un moyen amusant et efficace d'afficher des statistiques à vos visiteurs. Les animations sont déclenchées en utilisant le chargement paresseux pour que la navigation sur la page soit réellement intéressante. Découvrez la démo en ligne: www.elegantthemes.com/preview/Divi/number-counter/

Le module de compteur de nombre

Dupliquez le module Compteurs de numéros et faites-le glisser dans la colonne de droite adjacente et mettez à jour les options Titre et Nombre.

Sauvegarder les paramètres

Dupliquer la ligne qui contient les deux modules de compteurs de nombres de sorte que deux compteurs de nombres supplémentaires soient affichés ci-dessous.

Sauvegarder les paramètres

Puis mettez à jour les options Titre et Numéro pour ceux aussi bien. Maintenant, vous avez terminé les quatre compteurs de nombres.

Sauvegarder les paramètres

N'oubliez pas d'ajouter l'image 667 x 320 dans la colonne de gauche de la section spécialisée. C'est fini! La combinaison des compteurs de nombres et des compteurs de barres sur cette page d'étude de cas rend vraiment le contenu attrayant.

Sauvegarder les paramètres

Dans l'onglet Contenu, vous trouverez tous les éléments de contenu du module, tels que le texte, les images et les icônes. Tout ce qui contrôle ce qui apparaît dans votre module sera toujours trouvé dans cet onglet.

Nombre Contenu du compteur Options de contenu

Couleur de fond

Signe Pourcentage

Nombre

Intitulé

Étiquette Admin

Image de fond

Dans l'onglet Design, vous trouverez toutes les options de style du module, telles que les polices de caractères, les couleurs, le dimensionnement et l'espacement. C'est l'onglet que vous utiliserez pour modifier l'apparence de votre module.

Options de conception du compteur de nombres

Couleur du texte de titre

Taille de police du titre

Police de titre

Couleur du texte

Taille des polices de caractères

Police des nombres

Hauteur de la ligne de titre

Espacement des lettres de titre

Utiliser la bordure

Nombre Hauteur de ligne

Espacement des lettres des chiffres

Nombre Couleur du texte

Style de bordure

Largeur de bordure

Couleur de la bordure

Utiliser la bordure

Rembourrage sur mesure

Dans l'onglet Avancé, vous trouverez des options que les concepteurs Web plus expérimentés peuvent trouver utiles, comme les attributs CSS et HTML personnalisés. Ici, vous pouvez appliquer des CSS personnalisés à n'importe lequel des nombreux éléments du module.

Options avancées du compteur de nombres

Visibilité

CSS personnalisé

Classe CSS

CSS ID

MERCI