• Skip to primary navigation
  • Skip to main content
OsomCode

OsomCode

Awesome code tutorials for WordPress and Genesis

  • Subscribe
  • My account
    • Edit profile
    • Favorites
    • Update credit card
  • Login

Remove default panels from WordPress block editor

Find out in this tutorial how to remove the settings and styles panels so that all settings are displayed together using code.

Starting with WordPress 6.2, the block options, displayed in the right sidebar, were separated into two panels, settings and styles.

sidebar editor blocks with setting and design panels
With settings and styling panels (default)
sidebar editor blocks without setting and design panels
Without settings and design panels

This change makes for less scrolling in the sidebar but you may, for some reason, prefer to keep the previous layout with everything unified.

Let’s see how you can achieve this.

Snippet to remove the settings and styles panel layout from the block editor

Add the following code at the end of functions.php or in your functionality plugin:

To see this and another 965 code snippets of this website, login or subscribe here.

In this code you use the block_editor_settings_all filter so that the two default panels are not shown in the block editor.

Conclusions

If you prefer to have all the block settings in the block editor sidebar now you know how to hide the settings and layout panels.

Any questions? Let me know in the comments.

And if you want to give me any suggestion for future tutorials, leave it in the contact form. Advantages of being a subscriber. 😉


Block Editor PHP WordPress

To leave read and make questions about this code, you can login or register.

  • About OsomCode
  • FAQ
  • Contact

Legal Notice · Privacy Policy · Cookie Policy · Terms and conditions
Copyright © 2023

Lost your password?