{"id":88888,"date":"2020-07-11T14:46:44","date_gmt":"2021-08-16T08:13:16","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=88888"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"compatibility-with-elementor-and-divi","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/fr\/compatibilite-avec-elementor-et-divi\/","title":{"rendered":"Compatibilit\u00e9 avec Elementor et Divi"},"content":{"rendered":"<p>Le th\u00e8me WordPress Citadela est \u00e9galement compatible avec Elementor Page Builder. Cela signifie que vous pouvez utiliser Elementor pour cr\u00e9er votre contenu comme vous en avez l&#039;habitude. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Cependant, les blocs sp\u00e9ciaux Citadela provenant du plug-in Citadela Pro et du plug-in Citadela Listing n&#039;appara\u00eetront pas en tant qu&#039;\u00e9l\u00e9ments Elementor. <\/p><\/blockquote>\n\n\n\n<p>Ne vous inqui\u00e9tez pas, il existe 2 fa\u00e7ons simples d&#039;utiliser toutes les fonctionnalit\u00e9s du Citadela avec Elementor (ou Divi).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using_Elementor_inside_Gutenberg\"><\/span>Utiliser Elementor dans Gutenberg<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Elementor a r\u00e9cemment publi\u00e9 un plugin tr\u00e8s pratique appel\u00e9&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/block-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocs Elementor pour Gutenberg<\/a>&nbsp;pour tous ceux qui souhaitent utiliser Elementor avec le dernier \u00e9diteur WordPress. Vous pouvez essentiellement cr\u00e9er vos propres mises en page Elementor, puis les utiliser dans Gutenberg. C&#039;est g\u00e9nial\u00a0? De cette fa\u00e7on, vous pouvez utiliser toutes les fonctionnalit\u00e9s Citadela telles que la carte des \u00e9l\u00e9ments ou les r\u00e9sultats de recherche avec de fantastiques options de mise en page Elementor.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/elementor-blocks-in-gutenberg-1024x639.png\" alt=\"\" class=\"wp-image-85726\"\/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Un processus similaire s&#039;applique au constructeur Divi.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using_Gutenberg_blocks_inside_Elementor\"><\/span>Utilisation des blocs Gutenberg dans Elementor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Comme vous pouvez d\u00e9j\u00e0 le deviner \u00e0 partir du titre, cela fonctionne \u00e9galement dans l&#039;autre sens. Vous pouvez utiliser les blocs Gutenberg directement \u00e0 l&#039;int\u00e9rieur de l&#039;Elementor. M\u00eame si Elementor ne prend pas encore en charge cette fonctionnalit\u00e9 par d\u00e9faut, le processus est aussi simple que le pr\u00e9c\u00e9dent. La seule chose que vous devez faire est d&#039;installer et d&#039;activer le plugin Reusable Blocks Extended. Une nouvelle section dans le menu d&#039;administration de WordPress appara\u00eetra. Il vous permet de travailler avec des blocs WordPress r\u00e9utilisables. Vous pouvez les exporter, les importer ou, surtout, utiliser ces blocs \u00e0 l&#039;aide d&#039;un shortcode ou d&#039;un code PHP.<\/p>\n\n\n\n<p>Ajoutez simplement l&#039;un de nos blocs aux blocs r\u00e9utilisables\u00a0:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/create-reusable-block-1024x542.png\" alt=\"\" class=\"wp-image-85739\"\/><\/figure>\n\n\n\n<p>Copiez le shortcode\u00a0:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/03\/Reusable-blocks-shortcodes-1024x440.png\" alt=\"\" class=\"wp-image-92784\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/03\/Reusable-blocks-shortcodes-1024x440.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/03\/Reusable-blocks-shortcodes-300x129.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/03\/Reusable-blocks-shortcodes-768x330.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/03\/Reusable-blocks-shortcodes-1536x660.png 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/03\/Reusable-blocks-shortcodes.png 1907w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Utilisez le shortcode de bloc dans Elementor ou tout autre constructeur de page tiers tel que Divi\u00a0:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/02\/gutenberg-blocks-in-elementor-arrow-1024x382.png\" alt=\"\" class=\"wp-image-85752\"\/><\/figure>\n\n\n\n<p>Comme vous pouvez le voir sur ces exemples, le th\u00e8me Citadela est \u00e9galement compatible avec la plupart des nouveaux plugins tiers. Si le plugin que vous souhaitez utiliser suit les directives et le codex de WordPress, cela fonctionnera bien avec Citadela.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/fr\/compatibilite-avec-elementor-et-divi\/#Using_Elementor_inside_Gutenberg\" >Utiliser Elementor dans Gutenberg<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/fr\/compatibilite-avec-elementor-et-divi\/#Using_Gutenberg_blocks_inside_Elementor\" >Utilisation des blocs Gutenberg dans Elementor<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Le th\u00e8me WordPress Citadela est \u00e9galement compatible avec Elementor Page Builder. Cela signifie que vous pouvez utiliser Elementor pour cr\u00e9er votre contenu comme vous en avez l&#039;habitude. Cependant, les blocs sp\u00e9ciaux Citadela provenant du plug-in Citadela Pro et du plug-in Citadela Listing n&#039;appara\u00eetront pas en tant qu&#039;\u00e9l\u00e9ments Elementor. Ne vous inqui\u00e9tez pas, il y a\u2026<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[49],"tags":[],"citadela-post-location":[],"class_list":["post-88888","post","type-post","status-publish","format-standard","hentry","category-citadela-theme-documentation"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/88888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/comments?post=88888"}],"version-history":[{"count":6,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/88888\/revisions"}],"predecessor-version":[{"id":93334,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/88888\/revisions\/93334"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/media?parent=88888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/categories?post=88888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/tags?post=88888"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/citadela-post-location?post=88888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}