Is it possible to convert Gutenberg code to template and how?

  • Resolved xuzo

    (@xuzo)


    2 years, 6 months ago

    I would love to be able to create a template in gutenberg, then just paste it into pods and it would work!

    Is that possible to “convert”the code?

    For example, this is the code in Gutenberg editor:

    <!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"UAGDisplayConditions":"responsiveVisibility"} -->
<div class="wp-block-column"><!-- wp:heading -->
<h2>Left Col:[pods field="video_title"]</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading -->
<h2>Right Col:[pods field="video_description"]</h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Scott Kingsley Clark

    (@sc0ttkclark)

    I’m working on a Pods Pro by SKCDEV Add-On that will offer a brand new Advanced Template Editor that uses Blocks. The initial work on this worked out really well and it’s basically made for this exact use case. I expect to be finished with it in the next month or so.

    For now, many WordPress core blocks like these have the HTML embedded right there already. So putting that into your Pod Template should just work after you replace the Pods shortcodes with the corresponding magic tags.

    <!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"UAGDisplayConditions":"responsiveVisibility"} -->
<div class="wp-block-column"><!-- wp:heading -->
<h2>Left Col: {@video_title}</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading -->
<h2>Right Col: {@video_description}</h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

    You might notice some settings won’t come through to the display, that’s because Pod Templates don’t parse the block syntax, it will only output the HTML as-is.

    Plugin Author Jory Hogeveen

    (@keraweb)

    Closing topic due to inactivity.
    Feel free to reach out if you still need help!

    Cheers, Jory

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Is it possible to convert Gutenberg code to template and how?’ is closed to new replies.