Essential WordPress Block Editor Tricks To Make Your Life Easier

Modifications may be polarizing for lots of people, even bloggers. This was most obvious when WordPress launched the brand new Gutenberg Block Editor replace which mainly overhauled the entire writing expertise in WordPress. Evidently, work bought disrupted and bloggers needed to relearn new issues. Fortunately it seems the Block Editor may be simply nearly as good because the Traditional one if you realize some nifty WordPress Block Editor tips.

In case you haven’t adjusted properly sufficient but to Gutenberg, we’ve got ready for you a listing of WordPress Block Editor tips; these will assist you’ve got a neater content material creation tenure. A few of these will not be that well-known and might solely be discovered both by tinkering or by going by way of WordPress’ prolonged Gutenberg guide, which is tedious.

So, take these WordPress Block Editor tips and tricks to coronary heart to avoid wasting your self a headache the following time you write utilizing Gutenberg. Listed below are eight of them you’ll absolutely use continuously after understanding.

1. Checking the phrase rely

One of many first stuff you’ll discover with the Gutenberg replace upon writing is the dearth of a sure metric; the one which beforehand helped you gauge your effort earlier than: the phrase counter. Within the Traditional Editor, it was simply displayed on the backside left nook of the top of the web page. For Gutenberg, nevertheless, you’ll should do a bit greater than scrolling all the way down to see your progress.


You may test the phrase rely by clicking the Content material construction button, or the “i” with the circle close to the highest left nook. If will present you the overall phrase rely (contains the title and hyperlinks) in addition to different details about your article construction. Alternatively, you possibly can simply press Ctrl + A (CMD + A for Mac) to pick all blocks; this may reveal the phrase rely on the best panel together with the overall variety of blocks.

2. Helpful keyboard shortcuts checklist

The comfort of understanding the useful shortcuts in Traditional mode has been changed. Working example are the shortcuts for headings or subheadings in Gutenberg. In fact, they did introduce some new shortcuts to make the workflow quicker however that in itself is new data to be memorized. As an alternative of maintaining notes, nevertheless, Gutenberg has executed this for you.

Merely press Shift + Alt + H on the keyboard and it’ll convey up the brand new keyboard shortcuts checklist for the WordPress Block Editor. Alternatively, you too can click on on the three vertical dots on the higher proper nook of the editor; you possibly can choose the keyboard shortcuts notes from there.

3. Straightforward swap from visible to code

One other factor which Gutenberg made tougher or hidden in comparison with Traditional is the HTML code view. As such, anybody doing a little guide coding or embeds can have a more durable time with the WordPress Block Editor. Sadly, Gutenberg added some further steps for accessing the code view.


You now should click on on the three vertical dots once more on the higher proper nook; from there, choose the “Code Editor” mode, it’s proper under the “Visible Editor” mode. Alternatively, you possibly can simply press Ctrl + Shift + Alt + M to modify to code. It takes extra steps in comparison with Traditional (only one click on) and there’s no different method round that.

4. Including photos is now simpler

One notable enchancment Gutenberg has over Traditional, although, is including photos. Now you can add photos with a easy drag and drop and this may place the picture precisely the place you drop it. Which means you possibly can simply drop it on the textual content and it’ll wedge itself in.

WordPress Block Editor tricks

Furthermore, you don’t even have to pull and drop if you happen to don’t need to. Merely copying the picture and pasting them additionally works for a extra pinpoint correct picture posting. This additionally works for Google photos; you don’t even have to avoid wasting the picture to your system in an effort to copy and paste it or add it; Gutenberg will fetch it for you.

RELATED: How to Format Your Images for Better SEO Ranking

5. Fast and straightforward method so as to add most well-liked blocks

The block system is the star of Gutenberg although it does take a while getting used to. Nonetheless, it’s a great way to make your paragraphs and content material extra modular. You’ll simply should take care of the cumbersome block including mechanic. Gutenberg is kind of infamous on this regard; it may well take many clicks to pick what sort of block you need to add subsequent (paragraph, heading, code, picture, and so forth.).

WordPress Block Editor tricks

Fortunately, you may make this course of a little bit bit quicker and simpler by including the “/” command in a brand new block. As quickly as you press that key on a clean block, the WordPress Block Editor will current you with block kind choices. This manner you possibly can decrease the variety of clicks and keyboard presses you need to just do to designate block varieties.

6. The unified Prime toolbar

Do you miss that Prime toolbar for the Traditional editor which helps you to format the textual content and alter its orientation or look? You’ll be happy to know that Gutenberg nonetheless has that– solely, it tucked that toolbar away hidden in these three vertical dots within the high proper nook.

WordPress Block Editor tricks

When you click on these, you’ll see an possibility referred to as “Prime toolbar,” click on that and voila. There’s your previous good friend again proper the place it’s; it’s a bit extra restricted, although and requires extra clicks to function in comparison with the Traditional Editor model. Nonetheless, it’s a useful operate to have particularly if you happen to write continuously.

7. The traditional block

With all that’s been mentioned and executed, lacking the Traditional Editor even with all these WordPress Block Editor tips is comprehensible. As a result of irrespective of the way you take a look at it, working within the Traditional Editor simply takes quite a bit fewer clicks and general actions.

WordPress Block Editor tricks

Fortunate for you, you possibly can even have the perfect of each worlds. Gutenberg is a minimum of wise sufficient to incorporate a novel kind of block referred to as the “Traditional Block”. You may entry it by clicking the “add block” beside an empty block and trying to find the traditional block and deciding on that. It’s, properly, a block however has all of the functionalities of the Traditional Editor. It’s primarily a Traditional Editor inside a Gutenberg block, in case you’re not satisfied of Gutenberg’s energy.

8. Switching again to traditional mode

If the Traditional Block leaves you wanting and you continue to miss “previous dependable,” you possibly can simply resort to plugins. There’s a free Traditional Editor plugin for WordPress proper now with 5+ million lively installations and a unanimous 5-star score. Critically, it solely has 16 rankings under 5-stars and 681 5-star rankings.

Lots of people merely simply don’t need to let go of the Traditional Editor regardless of Gutenberg’s sleekness and modularity. So, relaxation assured, nobody’s judging you for resorting to this plugin. Do take note the WordPress Block Editor tips we talked about as they are going to turn out to be useful when the one possibility you’ve got is to make use of Gutenberg.

RELATED: How to Optimize WordPress: A Quick Guide

Writer: Natividad Sidlangan


Related Articles

Leave a Reply

Back to top button