{"id":6955,"date":"2025-01-22T21:58:13","date_gmt":"2025-01-22T21:58:13","guid":{"rendered":"https:\/\/tableberg.com\/?p=6955"},"modified":"2025-01-26T17:36:21","modified_gmt":"2025-01-26T17:36:21","slug":"comment-ajouter-des-faqs-extensibles-et-pliables-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-collapsible-expandable-faqs-in-wordpress\/","title":{"rendered":"Comment ajouter des FAQ pliables\/expansibles dans WordPress"},"content":{"rendered":"<p>Par le pass\u00e9, pour trouver des r\u00e9ponses aux questions courantes sur les produits, les services ou les fonctionnalit\u00e9s d'un site web, il fallait souvent consulter des guides d\u00e9taill\u00e9s, contacter les \u00e9quipes d'assistance ou naviguer sur les forums de la communaut\u00e9. Les utilisateurs se tournaient souvent vers des plateformes externes telles que les m\u00e9dias sociaux ou des sites web tiers, dans l'espoir de trouver des informations fiables. Cette approche prenait du temps et n'\u00e9tait pas pratique pour les utilisateurs qui cherchaient des solutions rapides.<\/p>\n\n\n\n<p>Au fil du temps, les sites web ont commenc\u00e9 \u00e0 utiliser un format sp\u00e9cifique pour organiser et pr\u00e9senter les r\u00e9ponses aux questions fr\u00e9quentes, donnant naissance \u00e0 ce que nous appelons aujourd'hui les FAQ (Frequently Asked Questions).  Ces sections ont permis aux utilisateurs de trouver plus facilement des informations pertinentes sans augmenter la charge de travail des \u00e9quipes d'assistance.<\/p>\n\n\n\n<p>Lorsqu'il s'agit de mettre en forme les FAQ, vous pouvez choisir des sections pliables ou extensibles, des menus d\u00e9roulants ou des listes simples. Notre article se concentrera sur la mani\u00e8re de cr\u00e9er une FAQ professionnelle \u00e0 sections d\u00e9pliables ou extensibles pour votre site WordPress. Commen\u00e7ons par le commencement.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00c9tapes pour cr\u00e9er des FAQ pliables\/extensibles <\/strong><\/h2>\n\n\n\n<p>Nous utiliserons le <a href=\"https:\/\/tableberg.com\/fr\/examen-des-blocs-ultimes\/\"><strong>Blocs ultimes<\/strong><\/a> pour ce tutoriel car il simplifie la cr\u00e9ation de FAQ pliables. Il est facile \u00e0 utiliser, hautement personnalisable et con\u00e7u pour vous aider \u00e0 obtenir des r\u00e9sultats professionnels sans avoir besoin de comp\u00e9tences techniques.<\/p>\n\n\n<div  style=\"gap: 20px; opacity:0;\" class=\"align-button-center ub-buttons orientation-button-row ub-flex-wrap wp-block-ub-button\" id=\"ub-button-29385af4-7129-4822-9671-a2b7d140c70d\" data-ub-animation-classes=\"animated zoomIn repeat\"><div class=\"ub-button-container\">\n\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ub-button-block-main   ub-button-flex\" role=\"button\" style=\"--ub-button-background-color: #9d51e0; --ub-button-color: #ffffff; --ub-button-border: none; --ub-button-hover-background-color: #08466ac7; --ub-button-hover-color: #ffffff; --ub-button-hover-border: none; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 10px;; border-top-right-radius: 10px;; border-bottom-left-radius: 10px;; border-bottom-right-radius: 10px;; \">\n\t\t\t\t<div class=\"ub-button-content-holder\" style=\"flex-direction: row\">\n\t\t\t\t\t<span class=\"ub-button-block-btn\"><strong>T\u00e9l\u00e9charger Ultimate Blocks<\/strong><\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 1 : Installation des Ultimate Blocks<\/strong><\/h3>\n\n\n\n<p>Allez dans votre tableau de bord WordPress, cliquez sur <strong>Plugins<\/strong>, suivi de <strong>Ajouter de nouveaux plugins<\/strong>et rechercher <strong>Blocs ultimes<\/strong>. <strong>Installer<\/strong> et <strong>activer<\/strong> le plugin lorsque vous le trouvez. Une fois le plugin activ\u00e9, il sera pr\u00eat \u00e0 \u00eatre utilis\u00e9.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-1024x371.png\" alt=\"Installer les Ultimate Blocks\" class=\"has-border-color has-primary-accent-border-color wp-image-6971\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-1024x371.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-300x109.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-768x278.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-1536x556.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 2 : Ajouter le bloc de basculement du contenu<\/strong><\/h3>\n\n\n\n<p>Ouvrez l'article ou la page o\u00f9 vous souhaitez ajouter des FAQ. Cliquez sur l'ic\u00f4ne <strong>Ins\u00e9reur de blocs<\/strong> (<strong>+ bouton<\/strong>) pour faire appara\u00eetre les options de bloc, puis rechercher <strong>Bascule du contenu<\/strong> et s\u00e9lectionnez-le. Ce bloc servira de base \u00e0 votre section FAQ pliable.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-1024x442.png\" alt=\"Ajouter le bloc de basculement du contenu\" class=\"has-border-color has-primary-accent-border-color wp-image-6973\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-1024x442.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-768x331.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-1536x663.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2.png 1697w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 3 : Saisissez vos questions et r\u00e9ponses<\/strong><\/h3>\n\n\n\n<p>Dans le bloc de basculement du contenu, saisissez votre premi\u00e8re question FAQ dans le champ <strong>Titre du panel<\/strong> champ. Pour ajouter la r\u00e9ponse correspondante, cliquez sur le bouton<strong> chevron (<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"14\" height=\"14\" class=\"wp-image-6975\" style=\"width: 14px;\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq.jpg\" alt=\"\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq.jpg 458w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq-300x300.jpg 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq-150x150.jpg 150w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq-12x12.jpg 12w\" sizes=\"auto, (max-width: 14px) 100vw, 14px\" \/>) \u00e0 l'extr\u00eame droite du tableau de bord pour ajouter l'ic\u00f4ne <strong>Contenu du panel<\/strong> et y inscrire votre r\u00e9ponse. Si vous avez d'autres FAQ \u00e0 ajouter, cliquez sur le bouton <strong>+ bouton<\/strong> dans le coin inf\u00e9rieur de chaque bloc pour cr\u00e9er des panneaux suppl\u00e9mentaires pour chaque question et r\u00e9ponse.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-1024x574.png\" alt=\"Saisissez vos questions et r\u00e9ponses\" class=\"has-border-color has-primary-accent-border-color wp-image-6974\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-1024x574.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-300x168.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-768x430.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-1536x860.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1.png 1555w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Gardez \u00e0 l'esprit qu'avec le bloc de basculement du contenu, vous n'\u00eates pas limit\u00e9 au texte. Vous pouvez ajouter des images, des vid\u00e9os ou des listes pour rendre votre FAQ plus attrayante et plus simple \u00e0 explorer.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 4 : Personnaliser la conception de la FAQ<\/strong><\/h3>\n\n\n\n<p>Pour contr\u00f4ler pleinement l'apparence et les fonctionnalit\u00e9s de votre FAQ, vous devez explorer les fonctionnalit\u00e9s de la rubrique <strong>Param\u00e8tres<\/strong> et <strong>Styles<\/strong> onglets.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Onglet Param\u00e8tres :<\/strong><br>D\u00e9finissez la balise d'en-t\u00eate Titre du panneau, ajustez l'\u00e9tat du basculement (r\u00e9duit, r\u00e9duit pour mobile ou emp\u00eacher la r\u00e9duction), activez l'option de recherche (Pro) et activez le sch\u00e9ma de la FAQ.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-1024x560.png\" alt=\"Personnaliser la conception de la FAQ \u00e0 l&#039;aide de l&#039;onglet Param\u00e8tres\" class=\"has-border-color has-primary-accent-border-color wp-image-6976\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-1024x560.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-300x164.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-768x420.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-1536x840.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1.png 1634w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Onglet Styles :<\/strong><br>Choisissez une palette de couleurs, modifiez la bordure de la bascule, personnalisez l'ic\u00f4ne d'\u00e9tat de la bascule (emplacement et style) et ajustez les dimensions pour un espacement ad\u00e9quat.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"769\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-1024x769.png\" alt=\"Personnaliser la conception de la FAQ \u00e0 l&#039;aide de l&#039;onglet Styles\" class=\"has-border-color has-primary-accent-border-color wp-image-6977\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-1024x769.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-300x225.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-768x577.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-1536x1153.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-16x12.png 16w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2.png 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9tape 5 : Voir le r\u00e9sultat final<\/strong><\/h3>\n\n\n\n<p>Apr\u00e8s avoir suivi ces \u00e9tapes, votre section FAQ sera soign\u00e9e, bien organis\u00e9e et conviviale. Si tout vous semble correct, publiez la page pour mettre en ligne vos FAQ pliables. Ci-dessous, nous avons inclus deux d\u00e9mos pour montrer \u00e0 quoi pourrait ressembler votre section FAQ.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group is-style-default has-border-color has-primary-accent-border-color is-horizontal is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-4957f561 wp-block-group-is-layout-flex\" style=\"border-width:1px;border-radius:2px;min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"932\" height=\"758\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/5.1.gif\" alt=\"R\u00e9sultat final de la FAQ\" class=\"wp-image-6978\" style=\"width:370px;height:auto\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"818\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/5.2.gif\" alt=\"R\u00e9sultat final de la FAQ\" class=\"wp-image-6979\" style=\"width:349px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Conclusion<\/strong><\/h4>\n\n\n\n<p>Les FAQ jouent g\u00e9n\u00e9ralement un r\u00f4le important en comblant le foss\u00e9 entre les questions des utilisateurs et les r\u00e9ponses imm\u00e9diates. Elles visent \u00e0 aider \u00e0 la fois les utilisateurs et les propri\u00e9taires de sites en cr\u00e9ant une solution qui convienne \u00e0 tous.&nbsp;<\/p>\n\n\n\n<p>M\u00eame avec de nombreux <a href=\"https:\/\/tableberg.com\/fr\/meilleurs-plugins-wordpress-faq\/\">meilleures options pour les FAQ<\/a>Nous avons choisi Ultimate Blocks parce qu'il comporte 26 blocs, dont un Content Toggle, la prise en charge des sch\u00e9mas de FAQ et la possibilit\u00e9 de personnaliser facilement les FAQ pour les rendre pliables.<\/p>\n\n\n\n<p>Pour tirer le meilleur parti de cet article, essayez d'exp\u00e9rimenter les param\u00e8tres du plugin et personnalisez vos FAQ en fonction des besoins de votre public. N'oubliez pas qu'une section FAQ bien pens\u00e9e ne se contente pas de r\u00e9pondre aux questions ; elle cr\u00e9e une meilleure exp\u00e9rience pour vos utilisateurs et apporte une r\u00e9elle valeur ajout\u00e9e \u00e0 votre site web.<\/p>","protected":false},"excerpt":{"rendered":"<p>In the past, finding answers to common questions about products, services, or website functionality often meant searching through detailed guides, contacting support teams, or navigating community forums. People often turn to external platforms like social media or third-party websites, hoping to find reliable information. This approach was time-consuming and inconvenient for users seeking quick solutions. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6956,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-Collapsible-Expandable-FAQs-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/fr\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6955","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=6955"}],"version-history":[{"count":23,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6955\/revisions"}],"predecessor-version":[{"id":7089,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6955\/revisions\/7089"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6956"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=6955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=6955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=6955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}