Limit the CSS Units Offered in the Editor
Reduces the unit dropdowns in spacing and size controls to the units you want (for example px, rem and %), keeping layouts consistent.
Opens WPIDE on
Code
// Units offered in spacing, width and height controls.
$wpide_units = array( 'px', 'rem', '%', 'vw' );
add_filter( 'wp_theme_json_data_theme', function ( $theme_json ) use ( $wpide_units ) {
return $theme_json->update_with( array(
'version' => WP_Theme_JSON::LATEST_SCHEMA,
'settings' => array( 'spacing' => array( 'units' => array_values( $wpide_units ) ) ),
) );
} );How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.