{"id":13460,"date":"2020-10-02T11:59:11","date_gmt":"2020-10-02T09:59:11","guid":{"rendered":"https:\/\/www.cmonsite.fr\/site\/aide\/?page_id=13460"},"modified":"2025-04-25T09:13:33","modified_gmt":"2025-04-25T07:13:33","slug":"comment-creer-diaporama-photo","status":"publish","type":"page","link":"https:\/\/www.cmonsite.fr\/site\/aide\/fonctionnalites\/comment-creer-diaporama-photo","title":{"rendered":"Comment cr\u00e9er et ajouter un diaporama photos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13460\" class=\"elementor elementor-13460\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-568eea98 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"568eea98\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7c87259f\" data-id=\"7c87259f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45b6ad7b elementor-widget elementor-widget-text-editor\" data-id=\"45b6ad7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1>Comment cr\u00e9er un diaporama photos ?<\/h1><p data-pm-slice=\"1 3 []\">Avec CmonSite, vous pouvez ajouter facilement des diaporamas \u00e0 votre site.<\/p><p>Il existe deux types de diaporamas :<\/p><ul data-spread=\"false\"><li>Un diaporama d\u00e9di\u00e9 \u00e0 la page d\u2019accueil<\/li><li>Des diaporamas que vous pouvez ins\u00e9rer sur n\u2019importe quelle page<\/li><\/ul><h2>1. Le diaporama photo de la page d&#8217;accueil<\/h2><h3 data-pm-slice=\"1 1 []\">1.1. Acc\u00e9der \u00e0 votre diaporama\u00a0<\/h3><p data-pm-slice=\"1 1 [&quot;list&quot;,{&quot;spread&quot;:false,&quot;start&quot;:360,&quot;end&quot;:495},&quot;regular_list_item&quot;,{&quot;start&quot;:360,&quot;end&quot;:444}]\">Allez dans <strong>Pages \/ Cat\u00e9gories<\/strong> &gt; cliquez sur <strong>&#8220;0 photo&#8221;<\/strong> de la page <em>Accueil<\/em><\/p><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/tempsnip-5.png\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/tempsnip-5.png\" alt=\"\" width=\"902\" height=\"146\" \/><\/a><\/p><p data-pm-slice=\"1 1 [&quot;list&quot;,{&quot;spread&quot;:false,&quot;start&quot;:360,&quot;end&quot;:495},&quot;regular_list_item&quot;,{&quot;start&quot;:445,&quot;end&quot;:495}]\">Ou bien, allez dans <strong>Modules<\/strong> &gt; <strong>Diaporamas<\/strong><\/p><p><img decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/diapo-accueil-modifier-1.jpg\" alt=\"\" width=\"1215\" height=\"79\" \/><\/p><p>Le diaporama d&#8217;accueil s&#8217;appelle <strong>&#8220;Diaporama par d\u00e9faut de la page d\u2019accueil&#8221;<\/strong>.<\/p><p data-pm-slice=\"1 1 []\">Cliquez sur <strong>&#8220;Modif.&#8221;<\/strong> pour l\u2019\u00e9diter. Vous acc\u00e9dez alors \u00e0 l\u2019onglet <strong>&#8220;Mon diaporama&#8221;<\/strong>.<\/p><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/affichage-galerie.jpg\"><img decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/affichage-galerie.jpg\" alt=\"\" width=\"1241\" height=\"379\" \/><\/a><\/p><h3 data-pm-slice=\"1 1 []\">\u00a0<\/h3><h3 data-pm-slice=\"1 1 []\">1.2. Choisir un style d&#8217;affichage\u00a0<\/h3><p>Vous pouvez choisir parmi 6 styles diff\u00e9rents :<\/p><ul data-spread=\"false\"><li><strong>Largeur du con<\/strong><strong>tenu<\/strong><\/li><li><strong>Largeur de page totale<\/strong><\/li><li><strong>Miniatures visibles sous le diaporama<\/strong><\/li><li><strong>D\u00e9filement horizontal plein \u00e9cran<\/strong><\/li><li><strong>Affichage par 3 images<\/strong><\/li><li><strong>Affichage horizontal avec d\u00e9filement auto<\/strong><\/li><\/ul><p>R\u00e9glez la <strong>vitesse de d\u00e9filement<\/strong> dans le menu pr\u00e9vu \u00e0 cet effet.<\/p><h3 data-pm-slice=\"1 1 []\">1.3. Ajouter des photos \ud83d\udcf7\u00a0<\/h3><ul data-spread=\"false\"><li>Cliquez sur <strong>&#8220;Ajouter une ou plusieurs photos&#8221;<\/strong><\/li><li>Importez vos images depuis votre ordinateur (en s\u00e9lection multiple si besoin)<\/li><\/ul><div>\u00a0<\/div><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/ajouter-photo-1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/ajouter-photo-1.jpg\" alt=\"\" width=\"1246\" height=\"427\" \/><\/a><\/p><h3 data-pm-slice=\"1 1 []\">1.4. Lier une image ou ajouter du texte \ud83d\udd17\u00a0<\/h3><p>Chaque image peut \u00eatre personnalis\u00e9e avec :<\/p><ul data-spread=\"false\"><li><strong>Lien sur le slider<\/strong> (page interne ou URL externe)<\/li><li><strong>Texte du bouton<\/strong> (personnalisable \u2013 par d\u00e9faut : &#8220;Voir plus&#8221;)<\/li><li><strong>Titre de l\u2019image<\/strong> (ex. : nom ou prix du produit)<\/li><\/ul><blockquote><p>Ces \u00e9l\u00e9ments apparaissent au survol de l&#8217;image.<\/p><\/blockquote><h3 data-pm-slice=\"1 1 []\">1.5 G\u00e9rer les images du diaporama \ud83d\udd27\u00a0<\/h3><ul data-spread=\"false\"><li>Supprimer une photo : \u274c<\/li><li>D\u00e9placer vers un autre album : \ud83d\udcc2<\/li><li>Modifier l\u2019ordre d\u2019apparition : \u2191 \/ \u2193 ou glisser-d\u00e9poser<\/li><\/ul><div>\u00a0<\/div><p>N&#8217;oubliez pas de cliquer sur le bouton \u00ab <em><strong>Enregistrer<\/strong> <\/em>\u00bb une fois l&#8217;\u00e9dition du diaporama termin\u00e9e.<\/p><h2>2. Ajouter un diaporama sur n&#8217;importe quelle page<\/h2><div>\u00a0<\/div><h3 data-pm-slice=\"1 3 []\">2.1. Acc\u00e9dez \u00e0 <strong>Modules &gt; Diaporamas\u00a0<\/strong>\ud83d\udccd<\/h3><ul data-spread=\"false\"><li>Donnez un <strong>nom<\/strong> \u00e0 votre diaporama<\/li><li>Cliquez sur <strong>&#8220;Ajouter le diaporama&#8221;<\/strong><\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/ajouter-diapo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/ajouter-diapo.jpg\" alt=\"\" width=\"1227\" height=\"101\" \/><\/a><\/p><ul><li>Cliquez ensuite sur <strong>&#8220;Modif.&#8221;<\/strong> pour le configurer<\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/modifier.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/modifier.jpg\" alt=\"\" width=\"1220\" height=\"147\" \/><\/a><\/p><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/ajouter-photo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/ajouter-photo.jpg\" alt=\"\" width=\"1253\" height=\"707\" \/><\/a><\/p><h3 data-pm-slice=\"1 3 []\">\u00a0<\/h3><h3 data-pm-slice=\"1 3 []\">2.2. Ajoutez vos images \ud83d\udcf8<\/h3><ul data-spread=\"false\"><li>Cliquez sur <strong>&#8220;Ajouter une ou plusieurs photos&#8221;<\/strong><\/li><li>\u26a0\ufe0f Images recommand\u00e9es : <strong>minimum 1320px de large<\/strong><\/li><\/ul><p>Cliquez sur l&#8217;onglet \u00ab <strong><em>Configuration <\/em><\/strong>\u00bb pour param\u00e9trer votre diaporama.<\/p><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/configuration.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/configuration.jpg\" alt=\"\" width=\"1259\" height=\"507\" \/><\/a><\/p><h3 data-pm-slice=\"1 3 []\">\u00a0<\/h3><h3 data-pm-slice=\"1 3 []\">2.3. Configurer votre diaporama\u2699\ufe0f<\/h3><p>Ouvrez l\u2019onglet <strong>Configuration<\/strong> et choisissez un style :<\/p><p>\u00a0<\/p><ul data-spread=\"false\"><li><strong>D\u00e9faut<\/strong> : images de m\u00eame hauteur, d\u00e9filement automatique<\/li><li><strong>SpaceSlider<\/strong> : tailles vari\u00e9es, d\u00e9filement au clic<\/li><li><strong>iView<\/strong> : fond, bordure, minuteur<\/li><li><strong>pgwslider<\/strong> : vignettes sur le c\u00f4t\u00e9<\/li><li><strong>Carousel<\/strong> : d\u00e9filement en continu<\/li><li><strong>Galerie<\/strong> : affichage par 8 avec clic pour changer<\/li><\/ul><p>\u00a0<\/p><p><strong>Param\u00e9trez :<\/strong><\/p><p>\u00a0<\/p><ul data-spread=\"false\"><li><strong>Vitesse<\/strong><\/li><li><strong>Effets de transition<\/strong><\/li><li><strong>Hauteur personnalis\u00e9e<\/strong><\/li><li><strong>Options sp\u00e9cifiques selon le style<\/strong><\/li><\/ul><h3><strong>Ins\u00e9rer votre <\/strong><strong>d<\/strong><strong>iaporama dans une page<\/strong><\/h3><ul data-spread=\"false\" data-pm-slice=\"3 3 []\"><li>Allez sur la page concern\u00e9e dans l&#8217;\u00e9diteur<\/li><li>Glissez une <strong>section<\/strong> puis le <strong>module Diaporama<\/strong> dedans<\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/cliquer-deposer.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/cliquer-deposer.jpg\" alt=\"\" width=\"1350\" height=\"221\" \/><\/a><\/p><ul><li>Choisissez le diaporama cr\u00e9\u00e9 dans le menu d\u00e9roulant<\/li><\/ul><p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/choisir-diapo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2020\/12\/choisir-diapo.jpg\" alt=\"\" width=\"258\" height=\"159\" \/><\/a><\/p><p style=\"text-align: center;\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-668c198 elementor-widget elementor-widget-spacer\" data-id=\"668c198\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-062930b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"062930b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5de3227 elementor-widget elementor-widget-text-editor\" data-id=\"5de3227\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: bold; text-align: center;\">Consultez notre vid\u00e9o ci-dessous : Comment cr\u00e9er un diaporama photos ?<\/span><\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c431683 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c431683\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-46d235c\" data-id=\"46d235c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-9c0ec43\" data-id=\"9c0ec43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6e95f87 elementor-widget elementor-widget-video\" data-id=\"6e95f87\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=fkZfNHcf1Do&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\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<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cd29e22\" data-id=\"cd29e22\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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":"<p>Comment cr\u00e9er un diaporama photos ? Avec CmonSite, vous pouvez ajouter facilement des diaporamas \u00e0 votre site. Il existe deux types de diaporamas : Un diaporama d\u00e9di\u00e9 \u00e0 la page d\u2019accueil Des diaporamas que vous pouvez ins\u00e9rer sur n\u2019importe quelle page 1. Le diaporama photo de la page d&#8217;accueil 1.1. Acc\u00e9der \u00e0 votre diaporama\u00a0 Allez [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17995,"parent":22995,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_helpful_status":1,"footnotes":""},"class_list":["post-13460","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/13460","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=13460"}],"version-history":[{"count":10,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/13460\/revisions"}],"predecessor-version":[{"id":27678,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/13460\/revisions\/27678"}],"up":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/22995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/media\/17995"}],"wp:attachment":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/media?parent=13460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}