Marinus Klasen

Marinus Klasen

  • Blog
  • Contact

May 11, 2022

Registering block styles in WordPress with PHP

Marinus Klasen

Sometimes you just want a block to show up a little different than the options that WordPress, or your theme provides by default. In those cases it’s nice and easy to just add a simple PHP plugin, or add a few lines of code to your functions.php

It’s possible to influence the various options for block styling in PHP, when hooking into the after_setup_theme action.

The code below adds a “clean” button option to the button block. After adding the code, it shows up in the block editor and when you select it the block is rendered with an extra CSS class: is-style-clean.

The code

add_action(
	'after_setup_theme',
	function() {
		register_block_style(
			'core/button',
			array(
				'name'  => 'clean',
				'label' => __( 'Clean' ),
			)
		);
	}
);

The code in a plugin

<?php
/**
* Plugin Name: Clean style for button block
*/

add_action(
	'after_setup_theme',
	function() {
		register_block_style(
			'core/button',
			array(
				'name'  => 'clean',
				'label' => __( 'Clean' ),
			)
		);
	}
);

You can save the code above in a PHP file and upload it in your wp-content/pluginsfolder, or compress it in a ZIP file and upload that ZIP file in your WordPress dashboard.

Looking to build a plugin from scratch?

Check out the plugin generator on getpremia.com for a solid start that allows you to go Premium in a heartbeat!

About Marinus Klasen

Marinus has been working in software/web development for more than a decade. Since 2020 his attention shifted on sharing knowledge and developing products and tools for sharing knowledge.

Marinus Klasen on Twitter

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Ready to take action?

I'm looking forward to discuss your projects and goals!
Feel free to reach out using the contact details below.

Marinus Klasen

[email protected]
twitter.com/marinusklasen
linkedin.com/in/marinusklasen

Have you read?

  • Remove all edit post links in WordPress with a simple filterMay 11, 2022
  • Registering block styles in WordPress with PHPMay 11, 2022
  • Host key verification failed when connecting over SSH?April 20, 2022
  • Run VS Code server (Remote SSH) on AlpineApril 19, 2022
  • Show the errors and notices from WordPress in DockerApril 18, 2022

Copyright © 2022 · Marinus Klasen | Webdesign by Team Rood