Create With Confidence — and Better Blocks

The evolution of the block editor is packed full of features and UI improvements. Start building!

In the last few years, the teams working on the block editor have learned a lot about how people build sites now and how they want to build sites in the future.

The latest version represents the culmination of these discoveries, and the next stage in the editor’s evolution.

With better visuals and more advanced features, it’ll keep designers, developers, writers, and editors productive and happy, and — tension-building drumroll — it’s in your editor right now!

What’s new

With a comprehensive visual refresh, a plethora of new features, and dozens of bug fixes, the new block editor comes with a lot to unpack.

What follows is just a small (but delectable) sample of the many ways we’ve upgraded your editing experience. (You can get the full list of goodies in the release notes.)

We hope you enjoy.

A revamped editor UI

The first thing you’ll notice is the slick UI. Buttons, icons, text, and dropdowns are all sporting a contrast boost, with bolder colors and more whitespace between buttons, text labels, and menu items.

The world is made of blocks
The new block editor’s UI

As you navigate through the editor’s menus, individual items are clearly highlighted, allowing you to quickly identify what you’ve selected.

Active menu items have distinct highlights

The block toolbars are now simpler, displaying the most commonly-used features. For example, paragraph blocks show only bold, italic, and link formatting buttons. You’ll find all the extra options in the dropdown menu.

The block toolbar options are simpler and uncluttered

What’s more, instead of listing blocks within a fixed-height container, the block inserter now spans the height of the window. You’ll now see more blocks and block categories at once with less scrolling.

Block inserter spanning the full height of the window
The block inserter spans the full height of your screen

Introducing block patterns

With the block editor as your canvas you can design almost any layout you can imagine – but building intricate page structures should never get in the way of your creative process.

Here’s where the blocks really shine: along with individual blocks, the editor now includes block patterns, a library of predefined and reusable block layouts, that you use on any page or post.

To check out the list of available patterns, click on the block pattern icon (on the top right) to reveal a collection of pre-built layouts:

Block patterns are groups of individual blocks combined to create elegant layouts

Pick the pattern you want to use, and it will appear in your editor ready for you to customize with your own content.

Right now, you’ll find a few introductory patterns – Two Columns of Text, Two Buttons, Cover, and Two Images Side by Side – but we’ll be adding more and more patterns as they’re available. When the block patterns API opens up to third-party authors, you’ll also be able to develop and share your own.

(Have an idea for a great pattern? The block editor developer community is actively seeking ideas. The more ideas they receive, the better your editor will be!)

Colors, colors everywhere

When it comes to words and columns, websites aren’t newspapers: things don’t have to be black and white.

Use the new Text Color selector tool to change the color of sentences, and even individual words and letters. Highlight the text you’d like to change, then click on the arrow dropdown and select “Text Color.”

Select “Text Color” from the options
Pick the color of your word or character

 

To change the background colors of your columns, select the column and head to the sidebar, to Color settings.

Columns get background colors too!

The road ahead is paved with blocks

There’s still a long way to go, and the editor’s community of contributors hasn’t given its collective keyboards a moment’s rest. Work on polishing UI elements like the sidebar and dropdowns continues along with advancements to block patterns and other exciting features.

Are there ways we could improve the site editing experience even more? Please let us know! We’re always keen to hear how we can make the web a better place for everyone.


Missing out on the latest WordPress.com developments? Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications - please check your spam folder if you don't receive this.

Join 70,621,765 other followers

41 Comments

Comments are closed.

  1. Tangie T. Woods

    Thank you so much for this information. I have been wondering about details before I made decisions.

    Liked by 10 people

  2. JanBeek

    Thank you so much, Ramon!! I just finished posting a blog using the new block editor. In it I thanked WordPress for all the improved features. I did that BEFORE this explanation of the features showed up in my comments section. Now I am anxious to try all the things I missed (like background colors for columns). What a cool idea! I also am looking forward to using the block patterns, the library of predefined and reusable block layouts, that I can use on any page or post. Wow! This is going to be more fun than ever. Thank you!!

    Liked by 8 people

  3. temiturowilliams

    Thanks. it was helpful

    Liked by 5 people

  4. Amitanshu sahu

    I like the classic editor, more than this

    Liked by 13 people

  5. Sitearm

    Still not seeing how to color text in a paragraph in block editor: it shows only bold and italic icons. Still having to switch to classic editor. Theme is Calm Business and I am looking at it on a test page in edit mode on Samsung Note 9.

    Does this mean we have to use new themes hereforward ie previous themes won’t have new block editor features automatically? Other?

    Liked by 7 people

  6. taffertydesignsblog

    Hello there. 🙂 I have to say, I’m really enjoying using the blocks. I was a bit hesitant to begin with, but now I’m glad I switched from the classic style. The blocks are a much more user-friendly model. I love them! I now just need to write more often! 🙂

    Liked by 11 people

  7. Today world

    Nice

    Liked by 5 people

  8. poetrytoinspire

    I will check this out. I am a poet and something that has always been a challenge on WP is the fact that I cannot post directly from Word as all the formatting changes. The only way I have been able to post successfully is by saving my poem as a .pdf, changing it to a .jpg and posting it as a photo. Has this been corrected in the “block” area? If not, is it something that you can change in the future. I have written a poem every day for over 22 years and don’t post on a regular basis because it is so frustrating to do it. Thanks Jean ************************ Jean Kay, Poet & Songwriter

    Liked by 7 people

  9. Connor McFire

    Wow – you guys really read my mind lol. I love it!

    Liked by 5 people

  10. jamesmmcardle

    I still loathe the block editor. It generates piles of code and makes editing a simple blog post a chore. As a Premium subscriber I feel unacknowledged and I am concerned that my posts using the simple editor and HTML coding will no longer be able to be read on WP.

    Liked by 10 people

    • Ramon

      Thanks for the feedback.

      If you use the Classic Editor, your content will continue to work on your WordPress site now and in the future.

      As always, you can reach out to our support team at any time, and we’ll be happy to help you.

      Liked by 6 people

  11. Maria Mocha

    Very nice.

    Liked by 5 people

  12. Jeremy

    This seems to have made dragging blocks using the two-way arrow handle impossible on iPad and also a lot harder from my Mac. Can we get this addressed? I can just use the arrows to move blocks, but sometimes I need to put them inside a group which is now difficult to do since the update.

    Liked by 5 people

    • Ramon

      Thanks for the feedback. You can still reorder your blocks.

      On touch devices such as iPads, you can click on the toolbar, and the down/up arrows will appear.

      On desktop, hovering over the toolbar will make them appear.

      Dragging will still work by holding down the up/down arrows and dragging. The block editor teams are working on making the UI better for this feature.

      Hope that helps, and thanks for your patience!

      Liked by 3 people

  13. Jil

    Not fond of the blocks. Also cannot find the spellcheck feature

    Liked by 6 people

  14. ara59

    I don’t know. Maybe i’m not get used to it or something. But i feel the new block editor is annoying. I’d rather stick to the old one.

    Liked by 8 people

  15. Humphrey Patrick

    Thanks for the nice information

    Liked by 5 people

  16. Humphrey Patrick

    It’s an eye catching one

    Liked by 3 people

  17. imagesbyceci2016

    This looks like some amazing new creative tools. Thanks!

    Liked by 5 people

  18. Sudais Khan

    How to use it

    Liked by 6 people

  19. nmartinez1938

    Blogs are not B&W newspapers, they are colorful and attractive places to receive information of interest to the visitor and without the congestion of words and other items of interest…

    Liked by 4 people

  20. slipcovermaker

    This is good news for new WordPress users, however, not for those of us who have been using Classic editor for several years. I have nearly 250 posts on my blog. When I attempt to use Block Editor for a new post the layout of all of my previous original posts get scrambled.

    Liked by 7 people

  21. ikechukwuandbrothers

    Nice one

    Liked by 4 people

  22. Daily Devotion

    Thank you a lot. I’ve gotten breakthrough

    Liked by 4 people

  23. Soul Circle

    I like the background colors, the photo editor and the option to move a whole block up or down. Once I got used to the block editor, I started to like it more and more.

    Liked by 5 people

  24. deepanilamani

    Thank You Ramon for the information. I use the classic editor. I find it easier but there will be many others who will like, “The Block Editor”. Greetings from Brisbane, Australia 🙂

    Liked by 6 people

  25. Greg Taniguchi

    The one thing I have loved about WordPress was and is the UI. I can also say I appreciate WP even more now that they don’t change things just for the sake of some d’bags opportunity to make a mark by changing things up with no apparent rhyme or reason. The next offense in UX is being guided solely by visual design although in both cases, WP does not fall into that category which is why I would say this is one of WP’s core brand attributes (consistency and being restrained). I think it’s been like this for well over a decade.

    Liked by 6 people

  26. Daily Dairies

    Very informative👌

    Liked by 4 people

  27. Vlierbloesem

    I hope this will improve the layout choises. From the start I felt short of breath using the old and new editors on WordPress. I was used to write in HTML, PHP and Javascript. That was never possible at WordPress. Now I even have to stop updating old posts. Any new editing messes up what I had.

    Liked by 5 people

  28. roseglace

    has the old feature ‘choose from the most used tags” been added?

    Liked by 4 people

  29. Jason zamani

    I love this

    Liked by 5 people

  30. Mrinal Singh

    Thank you very much. This information given by you will prove very useful for me.

    Liked by 5 people

  31. Chantel Mawunidza

    Really helpful indeed

    Liked by 4 people

  32. Ashishasashu

    Your post is very helpful.

    Liked by 5 people

  33. nickyjbay

    really helpful

    Liked by 3 people

  34. Roland Little

    This is a wonderful bonus for my page designs. What would really help me is a 60-second video so I can visualize the eye-hand coordination needed to place the elements and text. Some of us learn quicker with video help.

    Liked by 3 people

Create your new blog or website for free

Get Started

%d bloggers like this: