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 (https://www.advancedcustomfields.com/resources/blocks/) 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>
</blockquote>
<div class="testimonial-image">
<?php echo wp_get_attachment_image( $image, 'full' ); ?>
</div>
</div>
</div>
</section>
Does this make sense?
Best
P
