Home Forums Gutenberg ACF Blocks / Gutenberg – Concepts ?


ACF Blocks / Gutenberg – Concepts ?

  • Hello,

    I’ve been building backend views with the ACF Flexible Content field for some years and I’m trying to switch to Gutenberg/ACF Blocks now.
    My main issue with Gutenberg is, that the backend view differs from the frontend output – the editor might be confused by this.
    That’s why I would prefer to output a raw Bootstrap view in backend and a styled Bootstrap-based view in frontend. So the difference between the both is so big that no editor would expect a wysiwyg backend view.

    How can I embed Bootstrap 4 grid-only CSS in Gutenberg?

    The Testimonial example ( would look like:

    <section class="container">
     <div class="row">
    <div class="col-12">
        <blockquote class="testimonial-blockquote">
            <span class="testimonial-text"><?php echo $text; ?></span>
            <span class="testimonial-author"><?php echo $author; ?></span>
            <span class="testimonial-role"><?php echo $role; ?></span>
        <div class="testimonial-image">
            <?php echo wp_get_attachment_image( $image, 'full' ); ?>

    Does this make sense?

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.