How to include block style variations for blocks in posts dynamically rendered via the Interactivity API

Block variation styles are parsed and processed through wp_render_block_style_variation_support_styles(). This is marked as private and thus should not be called by third-party code outside WordPress core. This function is called by virtue of being hooked into the render_block_data hook.

Thus, if you have a subset of known block structures that may appear, you could consider running some block renders somewhere. These renders would not pass their output anywhere but only specifically for their side effects, one being to generate their required block style variations.

You could create the block markup as a string and then use do_blocks() to render them:

do_blocks(
  <<<HTML
  <!-- wp:paragraph {"className":"is-style-foo"} -->
  <p class="is-style-foo">Render this style for its side effects.</p>
  <!-- /wp:paragraph -->
  HTML
);

Related Posts:

  1. How to add more elements to an already existing section in Gutenberg
  2. Working with a non-React external library in a custom block
  3. Masonry gallery block is working in the block editor but not the template editor
  4. How to import the imagesLoaded and Masonry libs that come with WP in a Gutenberg block?
  5. Embedded data and the _fields parameter in getEntityRecords
  6. Force-update the meta variable first set using `var [ meta, setMeta = useEntityProp( ‘postType’, postType, ‘meta’ );`
  7. How to build BOTH non-block components and blocks present in the /src directory using @wordpress/scripts
  8. How to add an additional dependency to a block index.asset.php file
  9. Why is the Gutenberg editor not recognizing my updates?
  10. How to transform a shortcode into a block
  11. How to re-render Gutenberg component when object instance is available
  12. useSelect() plus resolver result is serving cached data incorrectly
  13. Gutenberg DatePicker component with time set to zero
  14. How to render HTML content using the Interactivity API?
  15. Extend WordPress Gutenberg core/navigation-link
  16. How to auto rename JS files to prevent browser cache issues
  17. How to render initial posts on page load in a Gutenberg block using the Interactivity API?
  18. Trigger Javascript on Gutenberg (Block Editor) Save
  19. What are all the query parameters for getEntityRecords?
  20. Show control conditionally in Gutenberg
  21. Get loading state of wp data selector
  22. How to get the ToggleControl Gutenberg component working for a PHP Block
  23. Is there a core Sortable component in Gutenberg?
  24. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  25. Is there a client side API for handling transients or options?
  26. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  27. How do I fire a snackbar notice in admin?
  28. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  29. What is “open()” in MediaUpload?
  30. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  31. Adding a text element in between title and blocks container
  32. Setting HTML properties in a Gutenberg plugin using WordPress settings
  33. Provide specific example for block variation
  34. Set current tab on a Gutenberg TabPanel component from outside that component
  35. Block editor: How to check if block editor has initialized and populated the data store?
  36. Gutenberg block “This block appears to have been modified externally” on save
  37. How to get value of selected page template in Gutenberg editor?
  38. @wordpress/components Button variants not styled
  39. Block Editor: How to get title and post content within the WordPress admin UI in Javascript?
  40. Custom block SelectControl works but equivalent ComboboxControl gives errors – where’s my mistake?
  41. Gutenberg passing block attributes to component in ES6/ESNext
  42. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  43. How can I add Block Style support to the core HTML block in Gutenberg?
  44. var is undefined in a Gutenberg block
  45. Using wp.data.select get actual tags (not id’s) used in post
  46. can a buttongroup have a label?
  47. How to remove p / br elements from gutenbergs editor
  48. Programatically update posts in database from one block to another using transform
  49. InnerBlocks restricting does not work on nested blocks
  50. Gutenberg: Block validation Failed Richtext undefined
  51. Add A Tag To A Post Through JavaScript In Gutenberg UI?
  52. Add custom HTML markup to Gutenberg RichText
  53. Listening change event of taxonomy term checkboxes in Gutenberg editor
  54. How to return div with custom attributes(Coding a Gutenberg Block)
  55. Gutenberg get core data – search
  56. Get Block Attributes in JSON REST API
  57. Open Featured Image Modal in WordPress Gutenberg onClick of a button
  58. How to add classes and events to image in javascript using Gutenberg?
  59. Checks when fetching data from multiple REST API endpoints in Gutenberg
  60. Using apiFetch for retrieving post data in Gutenberg
  61. Looping over wordpress meta to create “ ‘s?
  62. How to display post content in the block editor
  63. How to load an additional script for a block in the block editor?
  64. Gutenberg consume wp-json data and reflect in frontend the content
  65. How can I import one custom block into another?
  66. Gutenberg Blocks: how to determine an index of the current inner block?
  67. Gutenberg select excerpt, use generated excerpt or use more block excerpt
  68. find out reason of “Updating failed” in Post-editor
  69. Gutenberg RangeControl
  70. Custom Gutenberg block: access dom element via JavaScript
  71. Add a Page Screen is Visually Blank
  72. Including dependencies using @wordpress/dependency-extraction-webpack-plugin
  73. Gutenberg sidebar show input field on toggle
  74. Get the ID of a page in Parent combobox in editor
  75. Uncaught TypeError: r is not a function
  76. Update block once an API request returns with a value
  77. How do I make a savable preview like Youtube Gutenberg block?
  78. iFrame onLoad in custom Gutenberg block
  79. WordPress Gutenberg: Attribute overwritten by block duplicate
  80. Filtering Gutenberg Components, not Blocks
  81. How to delete child block for associated parent block
  82. Passing object to FormTokenField suggestions
  83. How to add a new attribute to core wp block editor without npm?
  84. How do i get an Inline style in Gutenberg Block show up in front end?
  85. WordPress adds and tags into HTML blocks after saving
  86. How do i fix type error
  87. Gutenberg core/file add style support in js/ json
  88. Create Youtube embed block with createBlock
  89. Event when Modal is opened/visible
  90. Jest Unit tests for High order component containing Block Editor
  91. Separate typography controls for titles and meta in a custom block?
  92. Include Block Variation Within InnerBlocks
  93. Gutenberg block: add a multi-select for posts
  94. Cannot call a class as a function in block plugin react component
  95. configure additonal build files in the @wordpress/create-block
  96. Metabox conditionals depending on post format and template in Gutenberg
  97. How to access current discussion settings in gutenberg via JS?
  98. Why Is wp.editor Not Adding the ”Add Media” Button When I Initialize It?
  99. How to get selected category objects in the block editor?
  100. Add a React search box to blog home error – Cannot read properties of undefined (reading ‘jsx’)
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)