{"id":2717,"date":"2021-05-20T11:05:30","date_gmt":"2021-05-20T09:05:30","guid":{"rendered":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/"},"modified":"2021-07-19T16:46:23","modified_gmt":"2021-07-19T14:46:23","slug":"ajout-de-differents-plugins","status":"publish","type":"docs","link":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/","title":{"rendered":"Ajout de diff\u00e9rents plugins"},"content":{"rendered":"\n<p>Il existe diff\u00e9rents types de plugins proposant des fonctionnalit\u00e9s diff\u00e9rentes. Certains sont plus \u00ab basiques \u00bb et \u00ab communs \u00bb parce qu\u2019ils permettent un ajout simple de contenu comme du texte ou des m\u00e9dia, alors que d\u2019autres sont plus complexes parce qu\u2019ils permettent des embo\u00eetements de plugins.<\/p>\n\n\n\n<p>Nous vous proposons de les d\u00e9couvrir ensemble. Si vous n\u2019\u00eates int\u00e9ress\u00e9s que par un type de plugin, voici les liens pour vous rendre \u00e0 la partie qui vous int\u00e9resse :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins#pluginbasique\">Plugins basiques<\/a><\/li><li><a href=\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins#pluginemboite\">Plugins embo\u00eet\u00e9s<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pluginbasique\">Les plugins basiques<\/h2>\n\n\n\n<p>Vous avez d\u00e9j\u00e0 pu apprendre le fonctionnement de quelques plugins pr\u00e9c\u00e9demment, notamment ceux d\u2019int\u00e9gration de lien ou de m\u00e9dia dans votre contenu. Mais pour ajouter de la mise en forme \u00e0 votre contenu, vous pouvez aussi vous servir d\u2019autres plugins, et de leurs fonctionnalit\u00e9s.\u00a0<\/p>\n\n\n\n<p>Parmi ceux-l\u00e0, on retrouve le <em>plugin texte<\/em> et le <em>plugin espacement<\/em>.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin Texte : mise en forme du texte saisi<\/h3>\n\n\n\n<p>Lorsque vous cr\u00e9ez ou modifiez un plugin Texte, une barre d\u2019outils de traitement texte appara\u00eet dans la bo\u00eete de dialogue.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png\" alt=\"barre d outils plugin texte\"\/><\/figure>\n\n\n\n<p>Pour modifier le style de votre texte, s\u00e9lectionnez son type (bouton \u201cnormal\u201d sur le screenshot). Il n\u2019y a pas de type Titre 1 (c\u2019est normal). Le Titre 1 est le titre de votre page, et une page ne peut poss\u00e9der qu\u2019un seul Titre 1. En revanche, vous pouvez d\u00e9finir autant de Titre 2, 3 ou paragraphes que vous le souhaitez. Le style pr\u00e9-enregistr\u00e9 pour chaque type s\u2019appliquera automatiquement.<\/p>\n\n\n\n<p>Vous pouvez aussi d\u00e9finir un style particulier \u00e0 votre texte : le paragraphe d\u2019introduction. Vous aurez alors acc\u00e8s \u00e0 une mise en forme diff\u00e9rente. Ce style particulier n&#8217;est pas forc\u00e9ment pr\u00e9sent sur votre site.<\/p>\n\n\n\n<p>Ce plugin vous permet d\u2019acc\u00e9der aux outils classiques de traitement de texte :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>gras<\/li><li>italique<\/li><li>souligner<\/li><li>barr\u00e9<\/li><li>mettre en indice<\/li><li>alignement du texte&nbsp;<\/li><li>puces<\/li><li>citation<\/li><li>changement de couleur du texte<\/li><\/ul>\n\n\n\n<p class=\"note has-background\" style=\"background-color:#c8eaff\"><strong>Note :\u00a0<\/strong>Les styles sont pr\u00e9d\u00e9finis par les d\u00e9veloppeurs, et g\u00e9n\u00e9r\u00e9s automatiquement selon la charte graphique de votre site web, il est donc d\u00e9conseill\u00e9 de toucher aux couleurs de votre texte, ainsi qu\u2019au surlignage.<br>Les d\u00e9veloppeurs peuvent rajouter de nouveaux styles sp\u00e9cifiques sur demande.<\/p>\n\n\n\n<p>G\u00e9n\u00e9ralement, lorsqu\u2019un plugin texte est en dehors d\u2019un container, il prend toute la largeur disponible. Pour modifier cela, nous vous invitons \u00e0 poursuivre votre lecture et \u00e0 consulter la partie \u201cles plugins embo\u00eet\u00e9s\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin espacement<\/h3>\n\n\n\n<p>Il se peut que vous ayez envie d&#8217;ajouter de l&#8217;espace entre vos diff\u00e9rents \u00e9l\u00e9ments de contenu, que ce soit entre vos images et votre texte ou entre deux plugins de texte par exemple.<\/p>\n\n\n\n<p>Il existe un plugin pour vous permettre de choisir pr\u00e9cis\u00e9ment l\u2019espacement que vous voulez appliquer entre ces \u00e9l\u00e9ments et \u00e0 quels emplacements. Il est pr\u00e9f\u00e9rable d\u2019utiliser ce plugin plut\u00f4t que des row, car vous ne pouvez pas d\u00e9finir la taille d\u2019une row alors que c\u2019est possible pour un espacement.\u00a0<\/p>\n\n\n\n<p>Pour ajouter un espace d\u00e9fini entre deux plugins, s\u00e9lectionnez le plugin Espacement dans la liste des plugins. Choisissez la taille de votre espacement et o\u00f9 l\u2019appliquer. Enregistrez.<\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#c8eaff\"><strong>Note :<\/strong> Ce plugin n&#8217;est pas pr\u00e9sent sur tous les sites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pluginemboite\">Les plugins embo\u00eet\u00e9s<\/h2>\n\n\n\n<p>Ces plugins sont plus complexes \u00e0 mettre en pratique parce qu\u2019il faut comprendre leur fonctionnement. Cependant, une fois bien pris en main, ils vous permettront d\u2019ajouter une mise en forme vari\u00e9e \u00e0 vos pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le plugin Container<\/h3>\n\n\n\n<p>Un container cr\u00e9e une section sur votre page. Pour un usage simple, il peut vous permettre d\u2019emp\u00eacher le texte de prendre toute la largeur de votre page. Mais son utilisation peut-\u00eatre plus \u00e9labor\u00e9e.<\/p>\n\n\n\n<p>Pour cela, il faut ajouter un plugin row, choisir le nombre de\u00a0 colonnes (de pr\u00e9f\u00e9rence 4 au maximum).\u00a0 Dans les colonnes, vous pouvez ajouter tout type de contenu \/ plugin.\u00a0<\/p>\n\n\n\n<p>Ils se pr\u00e9senteront tel que ci-contre dans votre menu Structure :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Container-Exemple-demboitement.png\" alt=\"emboitement container\"\/><\/figure><\/div>\n\n\n\n<p>Vous pourrez g\u00e9rer la place utilis\u00e9e par les diff\u00e9rents plugins embo\u00eet\u00e9s dans les colonnes avec les \u00ab&nbsp;responsive Settings&nbsp;\u00bb.<\/p>\n\n\n\n<p>Par d\u00e9faut, dans les param\u00e8tres, le container est de type container, mais vous pouvez le transformer en Fluid Container. La diff\u00e9rence est simple : le container par d\u00e9faut centre le contenu et laisse des marges, ce qui n\u2019est pas le cas d\u2019un fluid container.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"607\" height=\"423\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/07\/image-20.png\" alt=\"\" class=\"wp-image-3770\" srcset=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/07\/image-20.png 607w, https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/07\/image-20-300x209.png 300w\" sizes=\"(max-width: 607px) 100vw, 607px\" \/><\/figure><\/div>\n\n\n\n<p>Pour vous permettre de mieux visualiser cette diff\u00e9rence, nous vous proposons de regarder la vid\u00e9o ci-dessous.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/giant.gfycat.com\/PracticalClearcutFrilledlizard.mp4\"><\/video><figcaption>Tutoriel Vid\u00e9o &#8211; Diff\u00e9rence entre Container et Fluid Container<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Les plugins Row et Colonne<\/h3>\n\n\n\n<p>Il vous est possible choisir le plugin row afin de cr\u00e9er une ligne compos\u00e9e d\u2019une ou plusieurs colonnes sur votre page.<\/p>\n\n\n\n<p>Vous pourrez ensuite ajouter tout type de contenu \u00e0 l\u2019int\u00e9rieur des colonnes de votre plugin row.<\/p>\n\n\n\n<p>Une des fonctions int\u00e9ressantes du plugin row est que vous pouvez aligner les images ou autres contenus quand vous les ins\u00e9rez dans une seule row compos\u00e9e de plusieurs colonnes. Vous pouvez choisir leur alignement vertical et horizontal de fa\u00e7on \u00e0 ce que la mise en page vous plaise.\u00a0<\/p>\n\n\n\n<p>Le plugin Colonne vous permet d\u2019ajouter tout type de contenu \u00e0 l\u2019int\u00e9rieur des Row, vous permettant d\u2019ajouter un contenu textuel \u00e0 c\u00f4t\u00e9 d\u2019une image par exemple.<\/p>\n\n\n\n<p>Les param\u00e8tres de Row et Colonne sont assez simples. Pour Row, il vous suffit de choisir le nombre de colonnes. Pour Colonne, vous n\u2019avez qu\u2019\u00e0 enregistrer.\u00a0 Nous vous expliquons la partie \u00ab responsive Settings \u00bb dans la partie<a href=\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/gestion-du-responsive\/\"> gestion du responsive<\/a>. Ci-dessous se trouvent les captures d\u2019\u00e9cran des param\u00e8tres d\u2019un plugin Row et d\u2019un plugin Colonne.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\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\/Row-parametres.png\" alt=\"param\u00e8tres d'une Row\"\/><\/figure>\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\/Colonne-parametres.png\" alt=\"param\u00e8tres d'une colonne\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Le plugins Card<\/h3>\n\n\n\n<p>Le plugin card vous permet d\u2019ajouter une section avec un titre, un fond, et un lien. \u00c0 l\u2019int\u00e9rieur, vous pouvez ajouter des images, des boutons, une autre Card alors des plugins &#8220;Card Inner&#8221;.\u00a0<\/p>\n\n\n\n<p>Si vous ajoutez un plugin \u201cCard Inner\u201d, vous pourrez ensuite ajouter tous les types de plugin dans votre Card.\u00a0<\/p>\n\n\n\n<p>Vous pouvez d\u00e9finir le type et le style de votre Card via les param\u00e8tres. Pour le Card inner, vous pouvez d\u00e9finir s\u2019il s\u2019agit du body, header ou footer de votre card. Les captures ci-dessous vous pr\u00e9sentent respectivement les param\u00e8tres d\u2019une Card et d\u2019un Card inner.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\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\/Card-parametres-e1620287878133.png\" alt=\"param\u00e8tres card\"\/><\/figure>\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\/Card-inner-parametres.png\" alt=\"param\u00e8tres card inner\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Voici un exemple de ce que peut donner cet embo\u00eetement dans votre menu Structure et sur votre page :&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Card-Plugin.png\" alt=\"emboitement card\" width=\"399\" height=\"216\"\/><\/figure>\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\/Card-Exemple.png\" alt=\"exemple card\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Exemple d\u2019utilisation : Card et Container<\/h3>\n\n\n\n<p>Dans cet exemple, nous avons simplement embo\u00eet\u00e9 une Card dans un container :<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\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\/Card-exemple-mise-en-page.png\" alt=\"exemple de mise en page card bouton sans option block\"\/><\/figure>\n\n\n\n<p><\/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\/Card-exemple-mise-en-forme-et-bouton-option-block-e1620289384655.png\" alt=\"exemple mise en page de card avec bouton option block\"\/><\/figure>\n\n\n\n<p><\/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\/Card-Plugin-exempe-mise-en-page.png\" alt=\"menue structure de l'exemple de mise en page\"\/><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Dans chacun de ces deux exemples, le menu Structure comportait les m\u00eames \u00e9l\u00e9ments positionn\u00e9s de la m\u00eame mani\u00e8re. La seule diff\u00e9rence ici est la pr\u00e9sence ou non de l\u2019option \u201cBlock\u201d sur le bouton. Elle n\u2019est pas active sur le bouton du premier exemple, et elle a \u00e9t\u00e9 activ\u00e9e sur le second exemple. On peut tr\u00e8s bien voir que le bouton fait toute la taille de son conteneur.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le plugin Carrousel<\/h3>\n\n\n\n<p>Le carrousel vous permet d\u2019afficher plusieurs images, parfois accompagn\u00e9es d\u2019autres types de contenu, et de les faire d\u00e9filer \u00e0 l\u2019\u00e9cran.&nbsp;<\/p>\n\n\n\n<p>Les param\u00e8tres sont multiples pour mettre en place votre carrousel :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Aspect Ratio : d\u00e9termine la largeur et la hauteur des images suivant le ratio s\u00e9lectionn\u00e9.\u00a0<\/li><li>Interval : nombres de secondes qui s\u2019\u00e9coulent entre le d\u00e9filement des slides du carrousel.<\/li><li>Les diff\u00e9rentes cases \u00e0 cocher ou non :<ul><li>Controls : faire appara\u00eetre les fl\u00e8ches de contr\u00f4le pour naviguer entre les slides du carrousel.<\/li><li>Indicators : faire appara\u00eetre les indicateurs dans le carrousel pour savoir sur quelle slide on se trouve.<\/li><li>Keyboard : permettre au carrousel de r\u00e9agir \u00e0 l\u2019utilisation du clavier.<\/li><li>Wrap : choisissez si votre carrousel d\u00e9file continuellement, ou s\u2019il s\u2019arr\u00eate apr\u00e8s avoir fini de d\u00e9filer sur toutes les slides.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Carroussel-parametres.png\" alt=\"param\u00e8tres carrousel\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Ride : vous pouvez choisir si votre carrousel doit d\u00e9filer automatiquement ou non.<\/li><li>Pause : vous permet de choisir quand les pauses s\u2019appliquent \u00e0 votre carrousel.<br>Il y a 4 options :<ul><li>au passage de la souris sur le carrousel,<\/li><\/ul><ul><li>lorsque la souris entre sur le cadre du carrousel,<\/li><\/ul><ul><li>lorsque la souris quitte le carrousel,<\/li><\/ul><ul><li>aucune pause<\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Param\u00e8tres avanc\u00e9s : vous ne devriez normalement pas avoir besoin d\u2019y toucher. Ils permettent de choisir le mod\u00e8le de carrousel, le type de tag HTML et l\u2019ajout d\u2019attributs optionnels.\u00a0<\/li><\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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:26px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Concernant les param\u00e8tres d\u2019une slide du carrousel (plugin Carrousel Slide), ils sont tr\u00e8s simples : vous pouvez ajouter l\u2019image qui sera affich\u00e9e, et ajouter un texte optionnel (qui sera positionn\u00e9 devant l\u2019image).\u00a0<\/p>\n\n\n\n<p>Vous n\u2019avez donc qu\u2019\u00e0 s\u00e9lectionner l\u2019image \u00e0 afficher, et \u00e0 saisir du texte avant de sauvegarder. Bien s\u00fbr, la barre d\u2019outils du texte est la m\u00eame que pour le plugin Texte, vous pouvez donc y appliquer la mise en forme que vous souhaitez.<\/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\/Carrroussel-slide-parametres.png\" alt=\"param\u00e8tres carrousel slide\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Vous pouvez \u00e9galement ajouter d\u2019autres plugins aux slides des Carrousel. Ainsi, vous pouvez int\u00e9grer des boutons, des liens, etc. \u00e0 vos images dans vos carrousels.<\/p>\n\n\n\n<p>Vous pouvez choisir l\u2019\u00e9tat (publi\u00e9 ou pas) d\u2019un slide du carrousel. Cette possibilit\u00e9 devient int\u00e9ressante lorsque votre carrousel change (en fonction des saisons par exemple) ; vous pourrez garder l\u2019ensemble de vos slides, mais n\u2019afficher que celles de circonstance.<\/p>\n\n\n\n<p>Dans votre menu Structure, votre carrousel (simple) ressemblera \u00e0 la capture d\u2019\u00e9cran suivante :\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Carroussel-Plugin.png\" alt=\"emboitement carrousel\"\/><\/figure>\n\n\n\n<p>Le carrousel s\u2019affichera sur votre page :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"772\" height=\"479\" src=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/07\/image-22.png\" alt=\"\" class=\"wp-image-3772\" srcset=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/07\/image-22.png 772w, https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/07\/image-22-300x186.png 300w, https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/07\/image-22-768x477.png 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><figcaption>Exemple de carrousel pr\u00e9sent sur le site web de l&#8217;Office du Tourisme de Lamastre.<\/figcaption><\/figure><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":2646,"menu_order":1,"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-2717","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>Ajout de mise en forme par Ajout de diff\u00e9rents plugins - Kapt Support<\/title>\n<meta name=\"description\" content=\"Il existe plusieurs types de plugins sur Django CMS qui vous permettront d&#039;am\u00e9liorer la mise en forme de vos pages et articles.\" \/>\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\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ajout de mise en forme par Ajout de diff\u00e9rents plugins - Kapt Support\" \/>\n<meta property=\"og:description\" content=\"Il existe plusieurs types de plugins sur Django CMS qui vous permettront d&#039;am\u00e9liorer la mise en forme de vos pages et articles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/\" \/>\n<meta property=\"og:site_name\" content=\"Kapt Support\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-19T14:46:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.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=\"10 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\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/\",\"url\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/\",\"name\":\"Ajout de mise en forme par Ajout de diff\u00e9rents plugins - Kapt Support\",\"isPartOf\":{\"@id\":\"https:\/\/support.kapt.mobi\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png\",\"datePublished\":\"2021-05-20T09:05:30+00:00\",\"dateModified\":\"2021-07-19T14:46:23+00:00\",\"description\":\"Il existe plusieurs types de plugins sur Django CMS qui vous permettront d'am\u00e9liorer la mise en forme de vos pages et articles.\",\"breadcrumb\":{\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#primaryimage\",\"url\":\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png\",\"contentUrl\":\"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#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\":\"Ajout de mise en forme\",\"item\":\"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Ajout de diff\u00e9rents plugins\"}]},{\"@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":"Ajout de mise en forme par Ajout de diff\u00e9rents plugins - Kapt Support","description":"Il existe plusieurs types de plugins sur Django CMS qui vous permettront d'am\u00e9liorer la mise en forme de vos pages et articles.","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\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/","og_locale":"en_US","og_type":"article","og_title":"Ajout de mise en forme par Ajout de diff\u00e9rents plugins - Kapt Support","og_description":"Il existe plusieurs types de plugins sur Django CMS qui vous permettront d'am\u00e9liorer la mise en forme de vos pages et articles.","og_url":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/","og_site_name":"Kapt Support","article_modified_time":"2021-07-19T14:46:23+00:00","og_image":[{"url":"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/","url":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/","name":"Ajout de mise en forme par Ajout de diff\u00e9rents plugins - Kapt Support","isPartOf":{"@id":"https:\/\/support.kapt.mobi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#primaryimage"},"image":{"@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png","datePublished":"2021-05-20T09:05:30+00:00","dateModified":"2021-07-19T14:46:23+00:00","description":"Il existe plusieurs types de plugins sur Django CMS qui vous permettront d'am\u00e9liorer la mise en forme de vos pages et articles.","breadcrumb":{"@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#primaryimage","url":"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png","contentUrl":"https:\/\/support.kapt.mobi\/wp-content\/uploads\/2021\/05\/Texte-Barre-doutils.png"},{"@type":"BreadcrumbList","@id":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-de-differents-plugins\/#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":"Ajout de mise en forme","item":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/"},{"@type":"ListItem","position":4,"name":"Ajout de diff\u00e9rents plugins"}]},{"@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\/2717","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=2717"}],"version-history":[{"count":14,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2717\/revisions"}],"predecessor-version":[{"id":3774,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2717\/revisions\/3774"}],"up":[{"embeddable":true,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2646"}],"next":[{"title":"Modification de l'ordre des plugins","link":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/modification-de-lordre-des-plugins\/","href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2718"}],"prev":[{"title":"Ajout depuis une autre page","link":"https:\/\/support.kapt.mobi\/index.php\/docs\/kapt-doc\/ajout-de-mise-en-forme\/ajout-depuis-une-autre-page\/","href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/docs\/2716"}],"wp:attachment":[{"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/media?parent=2717"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/support.kapt.mobi\/index.php\/wp-json\/wp\/v2\/doc_tag?post=2717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}