{"id":4849,"date":"2024-11-13T11:23:44","date_gmt":"2024-11-13T11:23:44","guid":{"rendered":"https:\/\/tableberg.com\/?p=4849"},"modified":"2024-11-13T11:23:44","modified_gmt":"2024-11-13T11:23:44","slug":"comment-creer-des-flip-boxes-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er des bo\u00eetes de dialogue dans WordPress en 4 \u00e9tapes faciles"},"content":{"rendered":"<p>Si vous \u00eates \u00e0 la recherche d'un tutoriel sur la fa\u00e7on de cr\u00e9er des flip boxes dans WordPress, nous avons un guide complet pour vous. <\/p>\n\n\n\n<p>Ce qu'il vous faut, c'est savoir comment en cr\u00e9er une \u00e0 partir de rien. Mais avant cela, apprenons quelques d\u00e9tails sur les flip boxes. <\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-afc18fb3-1e9b-4533-8bde-871690f068de\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Comment cr\u00e9er des bo\u00eetes de dialogue dans WordPress en 4 \u00e9tapes faciles<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#0-what-is-a-flip-box-in-wordpress\" style=\"\">Qu'est-ce qu'une bo\u00eete de dialogue dans WordPress ?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#1-why-use-flip-boxes-in-wordpress-websites\" style=\"\">Pourquoi utiliser des bo\u00eetes de dialogue dans les sites Web WordPress ?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#2-how-to-create-flip-boxes-in-wordpress\" style=\"\">Comment cr\u00e9er des bo\u00eetes de dialogue dans WordPress<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#3-step-1-install-the-flipbox\" style=\"\">\u00c9tape 1 : Installer la Flipbox<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#4-step-2-create-your-flip-boxes\" style=\"\">\u00c9tape 2 : Cr\u00e9er vos bo\u00eetes \u00e0 rabats<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#5-step-3-customize-your-flip-box\" style=\"\">\u00c9tape 3 : Personnaliser votre Flip Box<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#6-step-4-insert-the-flip-box-shortcode\" style=\"\">\u00c9tape 4 : Ins\u00e9rer le shortcode Flip Box<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-flip-boxes-in-wordpress\/#7-final-thoughts\" style=\"\">Derni\u00e8res r\u00e9flexions !<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-what-is-a-flip-box-in-wordpress\">Qu'est-ce qu'une bo\u00eete de dialogue dans WordPress ?<\/h2>\n\n\n\n<p>A <strong>flip box<\/strong> dans WordPress est un \u00e9l\u00e9ment de contenu interactif qui combine du texte et des \u00e9l\u00e9ments visuels avec un effet d'animation. <\/p>\n\n\n\n<p>Il comporte g\u00e9n\u00e9ralement deux faces. Il est g\u00e9n\u00e9ralement utilis\u00e9 pour pr\u00e9senter un texte de mani\u00e8re cr\u00e9ative, combin\u00e9 \u00e0 un effet de bascule hypnotique. <\/p>\n\n\n\n<p>Les gens ajoutent des flip boxes car ils constituent un \u00e9l\u00e9ment engageant et interactif fortement recommand\u00e9 pour attirer imm\u00e9diatement l'attention des visiteurs. <\/p>\n\n\n\n<p>Examinons maintenant d'autres sc\u00e9narios concernant les bo\u00eetes Flip.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-why-use-flip-boxes-in-wordpress-websites\">Pourquoi utiliser des bo\u00eetes de dialogue dans les sites Web WordPress ?<\/h2>\n\n\n\n<p>Les folioscopes sont un \u00e9l\u00e9ment de conception puissant qui peut rehausser le contenu de votre site WordPress de plusieurs fa\u00e7ons. Voici pourquoi il vaut la peine de les utiliser :<\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-e2cada25-8cf3-485f-8302-3285df5c55cc\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Attirer l'attention<\/strong>: Les bo\u00eetes \u00e0 clapet attirent l'attention des visiteurs comme un aimant et suscitent leur curiosit\u00e9, les encourageant \u00e0 explorer davantage. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Mettre en \u00e9vidence les informations cl\u00e9s<\/strong>: Les bo\u00eetes \u00e0 rabat vous permettent de pr\u00e9senter les d\u00e9tails importants de mani\u00e8re pr\u00e9cise au recto et d'offrir des explications ou des d\u00e9tails suppl\u00e9mentaires au verso, ce qui rend le contenu plus complet.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ee035dd2-b9c2-4101-b614-16b87fd43c61\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Pr\u00e9senter \u00e9l\u00e9gamment Conentent : <\/strong>Les flip boxes vous permettent de pr\u00e9senter votre contenu de mani\u00e8re \u00e9l\u00e9gante. Au lieu d'un texte simple ou de bo\u00eetes statiques, les flip boxes offrent une mani\u00e8re \u00e9l\u00e9gante de pr\u00e9senter des services, des profils d'\u00e9quipe, des CTA, etc. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<p>Maintenant que vous avez pris connaissance des avantages de l'utilisation des flip boxes sur votre site web, nous allons passer au tutoriel principal ci-dessous.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-how-to-create-flip-boxes-in-wordpress\">Comment cr\u00e9er des bo\u00eetes de dialogue dans WordPress<\/h2>\n\n\n\n<p>\u00c9tant donn\u00e9 que WordPress ne dispose pas d'un bloc de base pour cr\u00e9er une bo\u00eete de retournement, nous utiliserons un plugin tiers appel\u00e9 <a href=\"https:\/\/wordpress.org\/plugins\/image-hover-effects-ultimate-visual-composer\/\" target=\"_blank\" rel=\"noopener\">Flipbox<\/a>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1024x332.png\" alt=\"\" class=\"wp-image-4859\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1024x332.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-300x97.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-768x249.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-1536x497.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1-18x6.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/banner-1544x500-1.png 1544w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Flipbox dispose d'une collection d'effets CSS3 pour rendre les flipbox plus attrayants. Il fonctionne avec n'importe quel constructeur de pages et est responsive par d\u00e9faut. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-1-install-the-flipbox\">\u00c9tape 1 : Installer la Flipbox<\/h3>\n\n\n\n<p>La premi\u00e8re \u00e9tape consiste \u00e0 installer le plugin Flipbox en vous connectant au tableau de bord de votre site web. Naviguez ensuite vers&nbsp;<strong>Plugins (1) &gt; Ajouter un nouveau plugin (2).&nbsp;<\/strong>Recherche <strong>Flipbox (3)<\/strong>&nbsp;et&nbsp;<strong>installer le plugin (4)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-1024x412.png\" alt=\"Comment cr\u00e9er des bo\u00eetes de dialogue dans WordPress\" class=\"wp-image-4864\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-1024x412.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-300x121.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-768x309.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-32-1.png 1072w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>N'oubliez pas d'activer le plugin apr\u00e8s l'installation. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"451\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2.png\" alt=\"\" class=\"wp-image-4867\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2.png 930w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-768x372.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_13-32-31-2-18x9.png 18w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-2-create-your-flip-boxes\">\u00c9tape 2 : Cr\u00e9er vos bo\u00eetes \u00e0 rabats<\/h3>\n\n\n\n<p>Cliquez maintenant sur <strong>Flip Box<\/strong> <strong>(1)<\/strong> et <strong>Cr\u00e9er un nouveau<\/strong> apr\u00e8s cela <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-1024x393.png\" alt=\"\" class=\"wp-image-4872\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-1024x393.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-300x115.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-768x295.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-04-05-1.png 1288w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>S\u00e9lectionnez le style de votre choix sur la page et cliquez sur \"Cr\u00e9er un style\". Si vous faites d\u00e9filer la page vers le bas, vous verrez de nombreux styles. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-1024x457.png\" alt=\"\" class=\"wp-image-4922\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-1024x457.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-300x134.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-768x343.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-11-38-1.png 1232w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Donner un <strong>nom<\/strong> dans votre flip box <strong>(1)<\/strong>et s\u00e9lectionnez l'option <strong>num\u00e9ro du sch\u00e9ma<\/strong>. Les <strong>se trouvent dans la section<\/strong> <strong>Styles<\/strong> que vous avez d\u00e9j\u00e0 vu (<strong>Chaque style a trois pr\u00e9sentations<\/strong>). Enfin, cliquez sur le bouton <strong>\u00c9conomiser<\/strong> bouton <strong>(3)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-1024x415.png\" alt=\"\" class=\"wp-image-4876\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-1024x415.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-768x311.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-14-43.png 1244w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-step-3-customize-your-flip-box\">\u00c9tape 3 : Personnaliser votre Flip Box<\/h3>\n\n\n\n<p>Toutes les options sont destin\u00e9es \u00e0 la personnalisation. Personnalisez-les en fonction de vos besoins. L'aper\u00e7u est pr\u00e9sent\u00e9 ci-dessous sur la m\u00eame page.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51.png\" alt=\"\" class=\"wp-image-4879\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51.png 968w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-300x169.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-768x433.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_14-40-51-18x10.png 18w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/figure>\n<\/div>\n\n\n\n<p>S\u00e9lectionnez l'option \"<strong>Ouvrir les bo\u00eetes \u00e0 rabats \u00e0 partir de\"<\/strong> pour ins\u00e9rer votre contenu. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"436\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-1024x436.png\" alt=\"\" class=\"wp-image-4883\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-1024x436.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-300x128.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-768x327.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-25-13.png 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Saisir le <strong>Titre avant (1<\/strong>) et <strong>Ic\u00f4ne frontale (2)<\/strong>Enfin, cliquez sur <strong>T\u00e9l\u00e9charger l'image<\/strong> pour t\u00e9l\u00e9charger une image pour le front <strong>(3)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"394\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1.png\" alt=\"\" class=\"wp-image-4887\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1.png 650w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-26-48-1-18x12.png 18w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Descendez sur la m\u00eame page et entrez le code suivant <strong>Informations sur le backend <\/strong>ou texte d\u00e9taill\u00e9 du contenu <strong>(1)<\/strong> et le<strong> Texte du bouton du backend (2)<\/strong>. Vous pouvez \u00e9galement saisir le <strong>lien du bouton<\/strong> si vous voulez <strong>(3)<\/strong>. Ensuite, vous devez d\u00e9finir une image pour l'image d'arri\u00e8re-plan du backend en cliquant sur le bouton \"<strong>T\u00e9l\u00e9charger l'image<\/strong>&#8221; <strong>(4)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"526\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10.png\" alt=\"\" class=\"wp-image-4892\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10.png 868w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-300x182.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-768x465.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-34-10-18x12.png 18w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Apr\u00e8s avoir tout configur\u00e9, appuyez sur le bouton \"<strong>Soumettre<\/strong>bouton \" <strong>(1)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"552\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49.png\" alt=\"\" class=\"wp-image-4895\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49.png 712w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49-300x233.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-38-49-15x12.png 15w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Vous pouvez <strong>ajoutez d'autres flip boxes si vous le souhaitez<\/strong>. Suivre<strong> les lignes directrices de l'\"\u00e9tape 3\" \u00e0 plusieurs reprises<\/strong> pour ajouter d'autres flip-boxes \u00e0 la flip-boxe actuelle.<\/p>\n\n\n\n<p>Vous pouvez \u00e9galement <strong>modifier ou supprimer<\/strong> vos cases de retournement \u00e9galement. Vous pouvez voir les options en pla\u00e7ant votre curseur sur les flip boxes. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-1024x417.png\" alt=\"\" class=\"wp-image-4898\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-1024x417.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-50-05.png 1224w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Apr\u00e8s toutes les modifications et personnalisations, cliquez sur \"<strong>Poste par ligne<\/strong>&#8221; <strong>(1)<\/strong> pour d\u00e9finir le nombre de flip boxes que vous souhaitez afficher \u00e0 la fois par ligne. J'ai s\u00e9lectionn\u00e9 trois \u00e9l\u00e9ments car je souhaite afficher trois \u00e9l\u00e9ments par ligne. Maintenant, appuyez sur la touche <strong>Soumettre<\/strong> bouton <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-1024x541.png\" alt=\"\" class=\"wp-image-4900\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-1024x541.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-300x158.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-768x406.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_15-42-43-1.png 1212w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Ensuite, vous devez enregistrer votre Flip Box. Il suffit de cliquer sur le bouton Enregistrer <strong>(1)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-1024x528.png\" alt=\"\" class=\"wp-image-4903\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-1024x528.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-300x155.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-768x396.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-05-20.png 1066w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-step-4-insert-the-flip-box-shortcode\">\u00c9tape 4 : Ins\u00e9rer le shortcode Flip Box<\/h3>\n\n\n\n<p>Aller \u00e0 <strong>Flip Box (1) <\/strong>et <strong>copier le shortcode<\/strong> <strong>(2)<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"388\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1.png\" alt=\"\" class=\"wp-image-4906\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1.png 954w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-300x122.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-768x312.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-08-19-1-18x7.png 18w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Allez dans vos articles ou pages o\u00f9 vous souhaitez afficher la bo\u00eete de retournement. Pour ce faire, naviguez jusqu'\u00e0 <strong>Messages (1) &gt; Tous les messages (2)<\/strong>\u00a0et\u00a0<strong>modifier ce message ou cette page (3)<\/strong>.\u00a0<strong>N.B.<\/strong>\u00a0Il en va de m\u00eame pour l'\u00e9dition d'une page, mais vous devez vous rendre \u00e0 l'adresse suivante <strong>Pages<\/strong> <strong>><\/strong> <strong>Toutes les pages<\/strong> d'abord.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"914\" height=\"458\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png\" alt=\"\" class=\"wp-image-4620\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39.png 914w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-300x150.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-768x385.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-06_16-00-39-18x9.png 18w\" sizes=\"auto, (max-width: 914px) 100vw, 914px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Pour ins\u00e9rer le flip box, vous devez ins\u00e9rer le fichier <strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/shortcode-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloc de codes courts<\/a><\/strong>cliquez sur l'ic\u00f4ne \"+\" (Add Block Icon) dans l'\u00e9diteur (1), et tapez \"<strong>Code court<\/strong>\"dans la bo\u00eete de recherche\u00a0<strong>(2)<\/strong>. Cliquez sur l'ic\u00f4ne\u00a0<strong>\"Shortcode\" (code court)\u00a0<\/strong>pour l'ins\u00e9rer dans l'\u00e9diteur<strong>(3)<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"353\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1.png\" alt=\"\" class=\"wp-image-4912\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1.png 844w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-300x125.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-768x321.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-18-08-1-18x8.png 18w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Collez maintenant le shortcode <strong>(1)<\/strong> et enregistrez ou publiez votre article ou votre page. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"375\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00.png\" alt=\"\" class=\"wp-image-4914\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00.png 1004w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-300x112.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-768x287.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-22-00-18x7.png 18w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Voici la d\u00e9mo ci-dessous. <\/p>\n\n\n\n<div class=\"wp-block-group has-border-color has-main-accent-border-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-width:1px;border-radius:3px\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1002\" height=\"502\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2024-11-13_16-26-44-1.gif\" alt=\"\" class=\"wp-image-4918\"\/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7-final-thoughts\">Derni\u00e8res r\u00e9flexions !<\/h2>\n\n\n\n<p>La cr\u00e9ation de flip boxes dans WordPress est un moyen facile d'am\u00e9liorer le design et l'engagement de votre site web. Les flip boxes sont un ajout simple qui peut laisser une impression durable sur votre public.<\/p>\n\n\n\n<p>En suivant les \u00e9tapes ci-dessus, vous pouvez facilement int\u00e9grer des \u00e9l\u00e9ments dynamiques et visuellement attrayants qui ont une apparence professionnelle et am\u00e9liorent la fa\u00e7on dont les visiteurs interagissent avec votre contenu.<\/p>\n\n\n\n<p>J'esp\u00e8re que les lignes directrices ont \u00e9t\u00e9 faciles \u00e0 suivre. Mais si vous avez rencontr\u00e9 des difficult\u00e9s, faites-le moi savoir dans la section des commentaires ci-dessous. Je me ferai un plaisir de vous aider.<\/p>\n\n\n\n<p>N'oubliez pas non plus de partager ce tutoriel avec vos amis sur les r\u00e9seaux sociaux. <\/p>\n\n\n\n<p><strong>Lire la suite<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-ajouter-une-boite-de-commentaires-aux-pages-des-articles-de-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment ajouter une bo\u00eete de commentaires aux articles\/pages de WordPress en 2 fa\u00e7ons faciles<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-rendre-len-tete-dun-tableau-collant-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment rendre l'en-t\u00eate d'un tableau collant sur WordPress (3 \u00e9tapes faciles)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-changer-la-couleur-de-survol-dun-bouton-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment changer la couleur de survol d'un bouton sur WordPress en 3 \u00e9tapes faciles<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-creer-un-tableau-responsif-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment cr\u00e9er un tableau r\u00e9actif dans WordPress<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/fr\/comment-ajouter-un-bouton-de-basculement-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment ajouter un bouton \u00e0 bascule \u00e0 votre site WordPress<\/a><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-fbeaa135-21a3-4ea8-b651-575afe27c9c0\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-create-flip-boxes-in-wordpress%2F&amp;title=How%20to%20Create%20Flip%20Boxes%20in%20WordPress%20in%204%20Easy%20Steps\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">action<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-create-flip-boxes-in-wordpress%2F&amp;text=How%20to%20Create%20Flip%20Boxes%20in%20WordPress%20in%204%20Easy%20Steps\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Ffr%2Fhow-to-create-flip-boxes-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">action<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>If you are searching for a tutorial on how to create flip boxes in WordPress, we have a comprehensive guideline for you. What you need is to follow how you can create one from scratch. But before that, let&#8217;s learn some details about flip boxes. What is a Flip box in WordPress? A flip box [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":4850,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,13],"tags":[],"class_list":["post-4849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-plugins"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/How-to-Create-Flip-Boxes-in-WordPress-1140-x-450-px.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/fr\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/4849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=4849"}],"version-history":[{"count":30,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/4849\/revisions"}],"predecessor-version":[{"id":4932,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/4849\/revisions\/4932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/4850"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=4849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=4849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=4849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}