Block Styling Backend


Gutenberg is the code name for the new block based editor introduced in WordPress 5. It replaces the classic WordPress editor which is built on TinyMCE.

It is a significant change in how content is created.

With Gutenberg, you can add multiple media types and arrange the layout within the editor using blocks.
WordPress is changing the editor to make it more approachable to non-coders.

The main problem is that: blocks backend Ui is not as clear and intuitive as it should be.


  • How it works
  • Plugin in action on pages
  • Plugin working on posts
  • Focus on title and columns


  1. Upload block-styling-backend.php to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. that’s it. It works out of the box.


How does it work?

It basically works. It’s magic.
(Behind the scenes adding small CSS and bytes of code to change Gutenberg blocks layout ).

May I have any extra heavy resources or bloat ?

Nope. Just, on backend, few bytes of compressed code.

What’s the killer feature ?

Now you can easily spot the markup you’re doing and also headings’ placement, to improve your on-page SEO and writing better content.


2022년 10월 5일 2 replies
Very simple, but yet useful! Waiting for more tweaks!
2022년 10월 5일 1 reply
It makes it easier to navigate Gutenberg blocks. Fell in love with it. Great work.
2022년 10월 4일 1 reply
I tested myself, and lol... I am also the coder behind itself. But.. hey! It works and it's also a missing feature that may improve the Blocks Ui, as it may help also color blindness people.
모든 3 평가 읽기

기여자 & 개발자

“Block Styling Backend”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.


자국어로 “Block Styling Backend”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.



Improved code and overall stability


Improved HTML Headings tag.
* This has been a highly requested feature which might help SEO.
Now suddenly, if you care about the SEO on page, you could spot all the headings you have in your pages.
* While on previous version you should have seen just that you have been using any heading, from now on, you shall also check which heading tag you are using, of if you’re doing a semantically good job on your website.
* Near each of the title you will see a small square that indicates the closest tag element.
* Yep, of course, you need first, to write something and while doing it, remember that you are writing for users. Humans, not robots.


  • Added titles to each section
  • Microinteraction while mouseover blocks
  • Microinterations on active blocks
  • Improved code
  • Improved plugin’s bagdes and icons
  • Plus: fixed Pattern sidebar


  • Second test.
  • Added screenshot.


  • First test.