{"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\/nl\/compatibiliteit-met-elementor-en-divi\/","title":{"rendered":"Compatibiliteit met Elementor en Divi"},"content":{"rendered":"<p>Citadela WordPress thema is ook compatibel met Elementor Page Builder. Dat betekent dat je Elementor kunt gebruiken om je inhoud op te bouwen zoals je gewend bent. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Echter, Citadela speciale blokken die afkomstig zijn van de Citadela Pro plugin en Citadela Listing plugin zullen niet verschijnen als Elementor elementen. <\/p><\/blockquote>\n\n\n\n<p>Maak je geen zorgen, er zijn 2 eenvoudige manieren om alle Citadela functies te gebruiken met Elementor (of Divi).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using_Elementor_inside_Gutenberg\"><\/span>Elementor gebruiken in Gutenberg<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Elementor heeft onlangs een handige plugin uitgebracht met de naam&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/block-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor Blokken voor Gutenberg<\/a>&nbsp;voor iedereen die Elementor wil gebruiken met de nieuwste WordPress editor. Je kunt in principe je eigen Elementor lay-outs maken en deze vervolgens gebruiken in Gutenberg. Hoe geweldig is dat? Op deze manier kun je alle Citadela functies zoals Items map of zoekresultaten gebruiken met fantastische Elementor lay-out opties.<\/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>Hetzelfde proces is van toepassing op Divi builder.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using_Gutenberg_blocks_inside_Elementor\"><\/span>Gutenberg-blokken gebruiken in Elementor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Zoals je al kunt raden uit de kop - het werkt ook andersom. Je kunt Gutenberg Blocks direct in Elementor gebruiken. Hoewel Elementor die functie standaard nog niet ondersteunt, is het proces net zo eenvoudig als het vorige. Het enige wat je moet doen is de Reusable Blocks Extended plugin installeren en activeren. Er verschijnt een nieuwe sectie in het WordPress admin menu. Hiermee kun je werken met herbruikbare WordPress blokken. Je kunt ze exporteren, importeren of vooral gebruiken met shortcode of PHP code.<\/p>\n\n\n\n<p>Voeg gewoon een van onze blokken toe aan Herbruikbare blokken:<\/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>Kopieer de shortcode:<\/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>Gebruik de blok-snelcode in Elementor of een andere paginabouwer van derden, zoals Divi:<\/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>Zoals je kunt zien in deze voorbeelden, is het Citadela thema ook compatibel met de meeste nieuwe 3rd party plugins. Als de plugin die je wilt gebruiken de WordPress richtlijnen en codex volgt, zal het prima werken met 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\">Inhoudsopgave<\/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\/nl\/compatibiliteit-met-elementor-en-divi\/#Using_Elementor_inside_Gutenberg\" >Elementor gebruiken in 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\/nl\/compatibiliteit-met-elementor-en-divi\/#Using_Gutenberg_blocks_inside_Elementor\" >Gutenberg-blokken gebruiken in Elementor<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Citadela WordPress thema is ook compatibel met Elementor Page Builder. Dat betekent dat je Elementor kunt gebruiken om je inhoud op te bouwen zoals je gewend bent. Echter, Citadela speciale blokken die afkomstig zijn van de Citadela Pro plugin en Citadela Listing plugin zullen niet verschijnen als Elementor elementen. Maak je geen zorgen, er zijn 2 eenvoudige manieren om [...]<\/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\/nl\/wp-json\/wp\/v2\/posts\/88888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/comments?post=88888"}],"version-history":[{"count":6,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/88888\/revisions"}],"predecessor-version":[{"id":93334,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/88888\/revisions\/93334"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/media?parent=88888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/categories?post=88888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/tags?post=88888"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/citadela-post-location?post=88888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}