Question 166732 in Wordpress Question posted in
The official Wordpress documentation can be found here.

Does WordPress Timber + Gutenberg ACF Blocks render on the front end?

here is my Class what extend on Timber Site class.

<?php 

    class EngineACF  extends TimberSite {

        public function __construct() {
            parent::__construct();
            add_action( 'admin_head' , [$this, 'adminStyle']);
            add_action( 'acf/init', [$this, 'acfBlocks'] );
        }   

        /**
         * Define Gutenberg Blocks
         * @version 1.0
         */

        public function acfBlocks()
        {
            if (!function_exists( 'acf_register_block' )) {
                return;
            }

            $blocks = [
                [
                    'name' => 'homepage-slider',
                    'title' => 'Homepage Slider'
                ]
            ];

            foreach ($blocks as $perKey => $perBlock) {
                acf_register_block(
                    [
                        'name'            => data_get($perBlock, 'name'),
                        'title'           => data_get($perBlock, 'title'),
                        'description'     => data_get($perBlock, 'title'),
                        'render_callback' => [$this, 'renderAcfCallback'],
                        'category'        => 'formatting',
                        'icon'            => 'format-aside',
                        'keywords'        => [str_replace(' ', ',', data_get($perBlock, 'name'))],
                    ]
                );
            }
        }

        /**
         * Render Dynamic Gutenberg block template
         * @version 1.0
         */

        public function renderAcfCallback( $block, $content = '', $is_preview = false ) {
            
            $blockName = data_get($block, 'name');

            $blockName = str_replace('acf/', '', $blockName); 
            $context                = Timber::context();
            $context['block']       = $block;
            $context['fields']      = get_fields();
            $context['is_preview']  = $is_preview;
 
            Timber::render( 'blocks/'.$blockName.'-block.twig', $context );
        }
 
    }

I also have, blocks/homepage-slider-block.twig file.
In admin panel, with gutenberg editor everything works perfectly. But in frontend, post content doesn’t work/render correctly.

Any helps ?
Thanks.

The output like :

frontend output

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Allright. I just found what the issue was. I was using the post.post_content variable from twig.

    Apparently that is not a variable that contains the final content.

    For future reference for people with something like this issue: Use the {{post.content}} variable.


  2. 0

    I was experiencing similar behavior by calling $context['post'] = get_post(); – this is the incorrect way I guess. Should be calling $context['post'] = new TimberPost();. Then as you stated, use {{post.content}} which also eliminates all the dirty wp:paragraph etc comments.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search