Unlock Hidden Power: 6 Little-Known Ways to Master Custom Block Styles in WordPress
The class name .wp-block-image.is-style-double-frame
is followed by the style that you want to attach to the block. Here you see the CSS values for the border property for the image element (img
). It adds a ridged, light green 1px border.
You can have quite a few CSS properties combined in the inline_style
parameter for the function, but it may become hard to read and manage.
3c. Use the style_handle
parameter
- Best for: Plugin developers and theme developers
- Where you would typically use it: In plugin files or
functions.php
- Version requirements: WordPress 5 or higher
For more elaborate styles, consider placing the CSS in a separate file and using wp_enqueue_style()
to load it on the frontend and backend. Then use the style_handle
parameter in the register_block_style()
function.