{"id":2839,"date":"2021-05-21T11:35:21","date_gmt":"2021-05-21T09:35:21","guid":{"rendered":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/"},"modified":"2021-07-19T14:30:22","modified_gmt":"2021-07-19T12:30:22","slug":"integration-dune-image","status":"publish","type":"docs","link":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/","title":{"rendered":"Int\u00e9gration d&#8217;une image"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Il se peut que vous ayez envie d\u2019ajouter des images (cliquables ou non) \u00e0 votre contenu pour le rendre plus attractif.\u00a0Nous allons voir comment les int\u00e9grer \u00e0 votre contenu avec le plugin \u201cImage\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Int\u00e9gration d&#8217;une image simple<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dans le menu structure, appuyez sur le bouton d\u2019ajout de contenu&nbsp;<img decoding=\"async\" src=\"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png\" alt=\"bouton d'ajout de contenu page\" style=\"width: 80px;\">&nbsp;et s\u00e9lectionnez le plugin \u00ab&nbsp;Image&nbsp;\u00bb.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsque la bo\u00eete de dialogue s\u2019ouvre, plusieurs param\u00e8tres s\u2019offrent \u00e0 vous.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e9lectionnez une image dans vos dossiers ou faites en glisser une depuis votre ordinateur jusqu\u2019au cadre de s\u00e9lection d\u2019image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez aussi choisir d&#8217;ajouter une image externe via son URL.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour la signification des cases pouvant \u00eatre coch\u00e9es :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>Responsive<\/em>\u00a0: adaptation de l\u2019image \u00e0 tous les formats d\u2019\u00e9cran,<\/li><li><em>Rounded<\/em>\u00a0: bords de l\u2019image arrondis,<\/li><li><em>Thumbnail<\/em> : adaptation de l\u2019image comme miniature.<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Image-param-basiques.png\" alt=\"param\u00e8tres basiques d'une image\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous affichez les param\u00e8tres avanc\u00e9s, vous pourrez d\u00e9finir l\u2019attribut alt de votre image. Il s\u2019agit de quelque chose de particuli\u00e8rement utile pour votre r\u00e9f\u00e9rencement naturel, \u00e9tant donn\u00e9 que les moteurs de recherche ne peuvent pas interpr\u00e9ter vos images. Ainsi, faites une courte description de votre image contenant les mots cl\u00e9s. Cette description sera utilis\u00e9e par les moteurs de recherche et les logiciels de lecture de votre site pour les malvoyants.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez \u00e9galement d\u00e9finir la taille de votre image (largeur et hauteur).<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Image-param-avances.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Les param\u00e8tres ne sont pas utiles pour un simple ajout d\u2019une image. Ils ne servent que si vous voulez cr\u00e9er une image cliquable, ce que nous allons voir ci-apr\u00e8s.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les param\u00e8tres de rognage vous permettent de redimensionner votre image. Dans votre navigateur de fichier, vous avez pu d\u00e9finir la partie importante de votre image gr\u00e2ce au point rouge. Le rognage automatique se fait autour de cette zone pour la conserver.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Image-param-rognage.png\" alt=\"param\u00e8tres de rognage d'une image\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e9lectionnez tous les param\u00e8tres que vous voulez appliquer \u00e0 votre image, puis enregistrez.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Int\u00e9gration d\u2019une image cliquable<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ici, nous nous int\u00e9ressons aux param\u00e8tres du lien du plugin Image. Ces param\u00e8tres vous permettent de transformer votre simple image en image cliquable.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Pour cela, vous avez deux options :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>ajouter une URL externe, pour diriger l\u2019utilisateur vers une page externe \u00e0 votre site.<\/li><li>choisir une URL interne, pour rediriger l\u2019utilisateur vers une autre page de votre site.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez ensuite d\u00e9finir les objectifs et propri\u00e9t\u00e9s de votre lien. Les objectifs du lien permettent de choisir comment va s\u2019ouvrir le lien une fois que l\u2019utilisateur clique sur l\u2019image.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Image-param-du-lien-image-cliquable.png\" alt=\"param\u00e8tre du lien pour image clivable\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Image-options-du-lien.png\" alt=\"option du lien de l'image clivable\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"note has-background wp-block-paragraph\" style=\"background-color:#c8eaff\"><strong>Note :\u00a0<\/strong>Rappel des conventions d\u2019un lien :<br>&#8211; si le lien est externe, l\u2019ouverture se fait dans une autre fen\u00eatre \/ onglet<br>&#8211; si le lien est interne, l\u2019ouverture se fait dans la m\u00eame fen\u00eatre \/ onglet<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2642,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"doc_tag":[],"class_list":["post-2839","docs","type-docs","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Int\u00e9gration d&#039;une image dans votre contenu - Kapt Support<\/title>\n<meta name=\"description\" content=\"Django CMS vous propose un plugin image qui vous permet d&#039;ajouter une image simple ou une image cliquable \u00e0 votre page ou article.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Int\u00e9gration d&#039;une image dans votre contenu - Kapt Support\" \/>\n<meta property=\"og:description\" content=\"Django CMS vous propose un plugin image qui vous permet d&#039;ajouter une image simple ou une image cliquable \u00e0 votre page ou article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Kapt Support\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-19T12:30:22+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/\",\"url\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/\",\"name\":\"Int\u00e9gration d'une image dans votre contenu - Kapt Support\",\"isPartOf\":{\"@id\":\"https:\/\/support.kapt.mobi\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png\",\"datePublished\":\"2021-05-21T09:35:21+00:00\",\"dateModified\":\"2021-07-19T12:30:22+00:00\",\"description\":\"Django CMS vous propose un plugin image qui vous permet d'ajouter une image simple ou une image cliquable \u00e0 votre page ou article.\",\"breadcrumb\":{\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#primaryimage\",\"url\":\"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png\",\"contentUrl\":\"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/support.kapt.mobi\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide utilisateur\",\"item\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Int\u00e9grer du contenu\",\"item\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Int\u00e9gration d&#8217;une image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/support.kapt.mobi\/#website\",\"url\":\"https:\/\/support.kapt.mobi\/\",\"name\":\"Kapt Support\",\"description\":\"La Documentation en ligne de vos outils KAPT\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/support.kapt.mobi\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Int\u00e9gration d'une image dans votre contenu - Kapt Support","description":"Django CMS vous propose un plugin image qui vous permet d'ajouter une image simple ou une image cliquable \u00e0 votre page ou article.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/","og_locale":"en_US","og_type":"article","og_title":"Int\u00e9gration d'une image dans votre contenu - Kapt Support","og_description":"Django CMS vous propose un plugin image qui vous permet d'ajouter une image simple ou une image cliquable \u00e0 votre page ou article.","og_url":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/","og_site_name":"Kapt Support","article_modified_time":"2021-07-19T12:30:22+00:00","og_image":[{"url":"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/","url":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/","name":"Int\u00e9gration d'une image dans votre contenu - Kapt Support","isPartOf":{"@id":"https:\/\/support.kapt.mobi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#primaryimage"},"image":{"@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#primaryimage"},"thumbnailUrl":"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png","datePublished":"2021-05-21T09:35:21+00:00","dateModified":"2021-07-19T12:30:22+00:00","description":"Django CMS vous propose un plugin image qui vous permet d'ajouter une image simple ou une image cliquable \u00e0 votre page ou article.","breadcrumb":{"@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#primaryimage","url":"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png","contentUrl":"http:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Modification-ajouter-du-contenu.png"},{"@type":"BreadcrumbList","@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/support.kapt.mobi\/"},{"@type":"ListItem","position":2,"name":"Guide utilisateur","item":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/"},{"@type":"ListItem","position":3,"name":"Int\u00e9grer du contenu","item":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/"},{"@type":"ListItem","position":4,"name":"Int\u00e9gration d&#8217;une image"}]},{"@type":"WebSite","@id":"https:\/\/support.kapt.mobi\/#website","url":"https:\/\/support.kapt.mobi\/","name":"Kapt Support","description":"La Documentation en ligne de vos outils KAPT","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/support.kapt.mobi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/comments?post=2839"}],"version-history":[{"count":11,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2839\/revisions"}],"predecessor-version":[{"id":3747,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2839\/revisions\/3747"}],"up":[{"embeddable":true,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2642"}],"next":[{"title":"Int\u00e9gration d'une vid\u00e9o","link":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/integrer-du-contenu\/integration-dune-video\/","href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2840"}],"wp:attachment":[{"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/media?parent=2839"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/doc_tag?post=2839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}