Please provide steps for having same layout frontend as in backend

[StrangeTech]

@JacobDK

For a simple blog post, a page and a custom post type, I need steps to achieve a pleasant post creation experience. Would someone from the team please help ?

Hi @JacobDK, I’m sure one of the team will respond to this, in the meantime, I am wondering if you could provide a bit more information about what is not working for you in terms of backend vs. frontend styling.

I know you said those previous posts didn’t help, so as they contain several messages that show the basic strategy that Cwicly allows you to share the styles in both places, I want to make sure that you get what you need.

@StrangeTech

When you style the post content block within a template for a particular post type, those styles are automatically applied to the post editor for that post type! This works with relative styles as well, which makes it incredibly powerful!

So no need to add any custom stylesheets or use any third-party tools to style the admin interface, just apply your styles in Cwicly directly to the post content block and they are reflected in the editor, simple.

In summary, any styling you want on the backend and frontend for post content, you can apply to the Post Content block within your template. This even works with global classes applied to the Post Content block.

This post provides some screenshots showing the process and general tips for achieving commonly used styling (such as a max-width and centring).

Making Posts editor client friendly

Hi @smontreuil , As I happily found out myself, through doing exactly what @Louis described, yes, any styles you apply to the post content block are indeed reflected perfectly in the admin interface. This allows you to customise each post types editing experience individually to reflect the front-end display. Cwicly global styles are also automatically applied to the editor, so you don’t need to do anything special or extra to make that work. One trick that I recommend that really worked wel…

If there is something still unclear or any steps that you are missing, if you post your specific needs, I am sure they will be addressed and that will help the Cwicly team also improve the documentation.