Elementor Support

[stevegiorgi]

Do you think it would be possible to make this compatible with Elementor? Elementor requires the_content() and it also generates dynamic CSS files. I saw something in Frontity that could make this feasible. I was looking for a way to get the benefits of a Headless CMS while still being able to use the Elementor page builder.

I will try to add the_content() to the page template you provide and see if I can dynamically load the CSS that is generated and saved to wp-uploads.

[DevGier]

There is a way to get the content and store it inside of a variable in JavaScript in a way that you can use it with React. I've found this article that could provide some help.

This requires you to store your the_content() output inside of a variable. Later on you can access this variable inside of the desired React template and output it as raw HTML. This theme already has the support for stylesheets that plugins such as Elementor provide because of the wp_head() function inside of header.php.

Please note that this theme uses TypeScript, so don't forget to make a type of the newly created variable :)

[DevGier]

I see one big mistake in my comment above haha, I'm sorry for that.

I've also added an example to another theme I've made with GraphQL so that data is always being fetched on pages.

https://github.com/DevGier/Sveltify-WP