Ecommerce Shopify WordPress Discussion

WordPress block theme from scratch doesn't show effective blocks on frontend

I am trying to build a new wordpress block theme from scratch to understand how it works. I created the templates folder where I put index.html where I put simply: <!-- wp:template-part {"slug":"header","area":"header","tagName":"header","className":"site-header"} /--> <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> <main class="wp-block-group alignfull"> <!-- wp:pattern {"slug":"corsilis/posts-1-col"} /--> </main> <!-- /wp:group --> <!-- wp:template-part {"slug":"footer","className":"site-footer"} /--> so then in folder patterns I copied the post-1-col.php from twentytwentyfour theme changing the slug just to see how it would work showing an only column showing all blocks... Then I added also a simple theme.json file: { "version": 2, "settings": { "layout": { "contentSize": "620px", "wideSize": "1280px" }, "core/quote": { "color": { "background": "var(--wp--preset--color--base-2)" } } } } As far as I read in different documentations , a pattern is like a copy-and-paste template which would read whatever is on the page and would apply settings from theme.json. But when I show the Sample Page which as some paragraphs and blockquotes so if I inspect the page I should see those and those <blockquote></blockquote> as I see in Site Editor Page on admin but indeed it is shown as a whole <p></p> with all content of Sample Page truncated with those "..." I tried also to add in theme.json a "blocks": { "core/group": { "css": "& height: auto;bottom:0" }, "core/post-template": { "css": "& height: auto;bottom:0" } } to see if it would expand each block to show correctly all blocks entirely as like as I activate the twentytwentyfour theme but it didn't even worked. Shall I have mistaken something or just I missed any steps or setting to make the whole post/page visible with all its blocks properly as like as I see in Page Site Editor?...
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.