Unlock Hidden Power: 6 Little-Known Ways to Master Custom Block Styles in WordPress
” data-medium-file=”https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg?w=300″ data-large-file=”https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg?w=1024″ loading=”lazy” width=”1032″ height=”509″ src=”https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg” alt=”A Double Frame style selected in the Styles panel and the green border showing on the image in the WordPress editor” class=”wp-image-79432″ srcset=”https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg 1032w, https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg?w=150&h=74 150w, https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg?w=300&h=148 300w, https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg?w=768&h=379 768w, https://en-blog.files.wordpress.com/2025/05/green-border-double-frame.jpg?w=1024&h=505 1024w” sizes=”(max-width: 1032px) 100vw, 1032px”>
The class name follows standard block editor naming conventions. Each core block’s class name contains the prefix wp-block + the block name, like image. It is then followed by the block style prefix is-style and the registered style slug, like double-frame.
