{"id":19924,"date":"2022-05-13T17:46:59","date_gmt":"2022-05-13T15:46:59","guid":{"rendered":"https:\/\/www.cmonsite.fr\/site\/aide\/?page_id=19924"},"modified":"2022-05-13T17:46:59","modified_gmt":"2022-05-13T15:46:59","slug":"comment-ajouter-des-animations-sur-son-site","status":"publish","type":"page","link":"https:\/\/www.cmonsite.fr\/site\/aide\/design\/comment-ajouter-des-animations-sur-son-site","title":{"rendered":"Comment ajouter des animations sur son site ?"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ajoutez des animations sur votre site pour dynamiser son affichage et mettre en valeur les \u00e9l\u00e9ments de votre choix.\u00a0<\/p>

Les animations permettent de moderniser votre site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

1.Acc\u00e9der \u00e0 CmonSite Editor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Pour ajouter des animations sur votre site internet, rendez-vous dans l’\u00e9diteur : “Design” puis “Personnaliser son design”.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

2. S\u00e9lectionner un \u00e9l\u00e9ment \u00e0 animer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Lorsque vous survolez un \u00e9l\u00e9ment comme un texte ou une image par exemple, des ic\u00f4nes s’affichent. Il suffira de s\u00e9lectionner celui avec les 3 carr\u00e9s superpos\u00e9s. Vous pourrez ensuite activer l’animation \u00e0 gauche de votre \u00e9cran. Une fen\u00eatre d’option s’affichera en dessous, il ne restera plus qu’\u00e0 configurer l’animation de cet \u00e9l\u00e9ment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

3. Configurer l'animation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Une fois activ\u00e9e, vous pourrez choisir le type d’animation (transparence, rotation, glissement et zoom) ainsi que la direction (droite, gauche, haut, bas ou centre), la dur\u00e9e et le d\u00e9lai avant le d\u00e9clenchement de l’animation\u00a0(de 0 \u00e0 10 secondes)<\/span>\u00a0<\/span>.<\/span><\/p>

N’h\u00e9sitez pas \u00e0 faire plusieurs essais afin de trouver le meilleur r\u00e9sultat.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

4. Admirer le r\u00e9sultat en consultant votre site<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Ajoutez des animations sur votre site pour dynamiser son affichage et mettre en valeur les \u00e9l\u00e9ments de votre choix. Les animations permettent de moderniser votre site. 1.Acc\u00e9der \u00e0 CmonSite Editor Pour ajouter des animations sur votre site internet, rendez-vous dans l’\u00e9diteur : “Design” puis “Personnaliser son design”. 2. S\u00e9lectionner un \u00e9l\u00e9ment \u00e0 animer Lorsque vous […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":262,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_helpful_status":1,"footnotes":""},"class_list":["post-19924","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/19924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/comments?post=19924"}],"version-history":[{"count":1,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/19924\/revisions"}],"predecessor-version":[{"id":21018,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/19924\/revisions\/21018"}],"up":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/262"}],"wp:attachment":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/media?parent=19924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}