[vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/2″][vc_empty_space height= »30px »][vc_column_text css= ».vc_custom_1475760901036{margin-bottom: -10px !important;} »]
Ajouter et paramétrer un compteur
[/vc_column_text][vc_column_text css= ».vc_custom_1475760948117{margin-right: 5% !important;} »]
Le plugin compteur vous permet de réaliser rapidement un compteur qui mettre en valeur vos rapports annuels, portfolios, présentations…
[/vc_column_text][/vc_column][vc_column width= »1/2″][vc_empty_space height= »90px »][vc_column_text css= ».vc_custom_1475760967346{margin-left: 5% !important;} »]
Voici les différentes options que nous allons aborder dans ce tutoriel:
[/vc_column_text][/vc_column][/vc_row][vc_row padding_top= » »][vc_column width= »5/6″][vc_single_image image= »123″ img_size= »full » alignment= »center »][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text]
Première étape : ajouter un compteur sur une page
[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text]
- Pour ajouter un compteur, cliquez sur l’icône « + » dans le menu de gauche d’une page de votre éditeur. Une liste des médias disponibles apparaît, cliquez sur « ajouter un compteur ».
- Le compteur apparaît, vous pouvez désormais le paramétrer.
[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »22863″ img_size= »full » onclick= »link_image » css= ».vc_custom_1475761040015{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text]
Paramétrer un compteur
[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text]
- Vous pouvez ajouter une valeur de départ, d’arrivée et une durée à votre animation de compteur.
- Vous pouvez afficher les « 0 » pour chaque emplacement d’unité.
- Vous pouvez paramétrer la taille de votre texte, son alignement, son espacement, la police d’écriture.
- Vous pouvez ajouter de nombreux effets à votre animation et déclencher une action au clic sur un autre élément de la page !
[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »22866″ img_size= »full » onclick= »link_image » css= ».vc_custom_1475761060036{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/6″][vc_empty_space height= »50px »][vc_widget_sidebar sidebar_id= »sidebar-1″][/vc_column][/vc_row][vc_row padding_top= »0″ padding_bottom= »0″][vc_column][vc_empty_space][vc_single_image image= »132″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/3″][vc_empty_space][vc_column_text]
Plus de
tutoriels :
[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text]
[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text]
[/vc_column_text][/vc_column][/vc_row]