We are thrilled to announce the release of Blockstudio 5.5! Packed with new features and improvements largely driven by your invaluable feedback, this update is designed to enhance your experience and productivity. Keep the suggestions coming, and let's continue making Blockstudio better together! 🎉

Tailwind support

Blockstudio 5.5 introduces support for Tailwind CSS, enabling you to use it within rendering templates as you design blocks inside the editor. The inclusion of Tailwind CSS marks a significant leap forward, opening up expansive new design possibilities. We are already hard at work on an even more impressive 5.6 release that will fully leverage Tailwind's capabilities.

For more information, check out our Tailwind documentation.

Code field enhancements

The code field has received several enhancements in this release:

Dynamic selector

A standout new feature is the Dynamic Selector, which automatically assigns unique identifiers to block instances. By incorporating the %selector% variable directly in your CSS, Blockstudio ensures that styles are confined to that block instance, enhancing specificity and preventing style bleed or conflicts.

For more information on these features, visit our code field documentation.

Asset Mode

Asset Mode simplifies the embedding of CSS and JavaScript, enhancing workflow efficiency by automating the inclusion of style and script tags in their optimal locations. CSS styles are automatically placed in the document head to ensure consistent application, while JavaScript code is loaded at the document end to optimize page load and execution times.

For more information on these features, visit our code field documentation.

New asset types

Blockstudio 5.5 also improves asset management within WordPress. Assets prefixed with block-editor- are loaded only in the block editor to avoid affecting the front-end, while admin- prefixed assets are exclusive to the WordPress admin area, optimizing admin functionality without impacting the public-facing site. This strategic management of assets prevents unnecessary loading and resource conflicts.

For more details, refer to our asset registration documentation.

Loading

You now have the option to disable the loading of rendering templates in the block editor, which will display a placeholder instead while still allowing for full editing capabilities.

            {
      "name": "blockstudio/native",
      "title": "Native Block",
      "category": "text",
      "icon": "star-filled",
      "description": "Native Blockstudio block.",
      "blockstudio": {
        "blockEditor": {
          "disableLoading": true
        }
      }
    }

      
Copy

For additional information, view our loading documentation.

That wraps up this exciting release! Don't forget to check the changelog for a comprehensive list of updates and bug fixes. 🚀