Editing Posts with Elementor

You are here:
Estimated reading time: 2 min

Posts can be entirely built out of Elementor widgets. There are two main ways to do it, either to assign a template, or straight up full post building with Elementor.

LinkEdit the post items in Elementor

First off, make sure they’re editable by accessing Elementor > Settings ex: https://d.pr/i/aWCWu7 .

Once you’ve started editing the post in Elementor, you will notice that only the post content can be modified ex: https://d.pr/v/mZrNGV (not entire page).

That’s because the “Post Layout” defaults to the “Theme” template. Or should i say, it’s set on “Default” which basically inherits Elementor’s Layout settings, most likely being set to “Theme” ex: https://d.pr/v/iFdXY2 .

If you want to change the Post Layout, you can click on the page settings (bottom left gear icon) and choose another layout from the list ex: https://d.pr/i/ZeK4OJ and you can read more about them below:

Default
It’s the pre-selected one once you edit a post with Elementor, the first time. It defaults to what’s chosen in the “Default Post Layout” option. Usually it’s “Theme” ex: https://d.pr/v/iFdXY2 .
Basically this one is just an alias of other templates below.

Theme
The “Theme” layout means that it will use a theme’s single template (ex: the “wp-content/themes/rey/single.php” template), and basically only allows editing the content of the post (not the entire layout of the page). Example: https://d.pr/v/n06EhR .

Elementor Canvas
This layout will disable everything that Rey includes in a page (the header, footer, etc). It’s basically a blank canvas. The page builder content is a direct child of the “body” tag. Example: https://d.pr/v/QnrVj9 .

Elementor Full width
This layout will acts similar as the Canvas, but it keeps the Header and Footer of the page and it stretches the content to the window edges and shouldn’t be constrained by Rey’s default boxed layout. Example: https://d.pr/v/N0EYEZ (not to be confused with Rey – Page Builder).

Rey – Page Builder
This layout should allow overriding the entire post layout and stay in the boxed layout boundaries. So unlike the “Theme” you will be able to modify the entire content, and unlike “Full Width”, the template remains in the Boxed container (as defined in Customizer > General > Layout > Site container). Example: https://d.pr/v/UHOXfq .

Rey – Canvas
Alternative to Elementor’s Canvas, but this one is wrapped inside Rey’s page-wrapper and site-content blocks (to support various layout settings within Customizer), ex: https://d.pr/i/9FT8xe . Either one is fine in most cases.

Rey – Full Width
An alternative to Elementor’s Full Width, except this one is wrapping the post content inside Rey’s “site-container”. Not a big difference except that it can be more flexible to have this markup. It totally depends on needs. Either one is fine.

Rey – Compact template
This layout makes the content more compact by reducing its width to 65% of the site container. Example: https://d.pr/i/4j9TYR .

Rey – Multi-columns template
This template will split the content into two columns. Please be careful though because it might not be 100% compatible with all of Elementor’s widgets.

Note: When changing the Post Layout, the preview is refreshing. This is a great feature however it doesn’t work always properly (still investigating). Please refresh the editor in order to see the right post layout in action.

LinkOverriding layout with Templates

This method allows you to built a custom template and assign it to Posts, in order to change their appearance (not content). So unlike the previous post editing method, this one should be used to affect visually, not content.

You can edit templates with either Rey’s Custom Templates (in Post mode), or use Elementor Pro’s Theme Builder. They’re pretty much the same functionalities.

Tip: Rey has a built-in module called “Dynamic Tags”. You can load the post content with it ex: https://d.pr/v/SpaAwv .

Was this article helpful?
Dislike 0
Views: 68

Suggest article improvements

Please use this form to suggest improvements and report missing or outdated content. Support requests will most likely not be answered and it's best to use the Support Request Form instead. Thanks!