Tailwind and Gutenberg Blocks - Meta Box

This topic has 2 replies, 2 voices, and was last updated 1 year, 5 months ago by Aaron Kessler.

Creator

Topic
June 28, 2021 at 5:11 PM #29170

Aaron Kessler
Participant

I did some Meta Box Gutenberg Blocks with Tailwind classes in PHP template files. The downside of this approach is that on the WordPress-Backend, my Blocks are completely unstyled. What strategies can I use, to style them on the WordPress Backend also?
Creator

Topic

Viewing 2 replies - 1 through 2 (of 2 total)

Author

Replies
June 28, 2021 at 10:47 PM #29184

Long Nguyen
Moderator

Hi,

You can enqueue the Tailwind CSS file when registering the block to load it in both backend and frontend. Get more details on the documentation
https://docs.metabox.io/extensions/mb-blocks/#enqueue_style
https://docs.metabox.io/extensions/mb-blocks/#enqueue_assets

and refer to this topic https://support.metabox.io/topic/tailwindcss/

June 29, 2021 at 4:52 AM #29190
Aaron Kessler
Participant
Thank you!
The enqueue_block_editor_assets hook is what I am using now. Code Example:
```
function _akdev_mbBlockScripts()
{
    wp_enqueue_style(
      '_akdev-ctaBlock',
      get_template_directory_uri().'/inc/mb-block-templates/cta.css',
  );
}
add_action('enqueue_block_editor_assets', '_akdev_mbBlockScripts');
```
Author

Replies

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.