• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
NameHero Blog

NameHero Blog

Web Hosting Tips & Resources From NameHero

  • Hosting
    • Web Hosting
    • VPS Hosting
    • WordPress Hosting
    • WooCommerce Hosting
  • Reseller
  • Enterprise
  • Domains
  • Account
  • Blog Home
  • Categories

5 Tips To Get Started With WordPress Gutenberg

Bhagwad Park

Published on: January 7, 2019

Categories: WordPress 1

In the past, I’ve written about my issues with the WordPress Gutenberg editor , and with its focus on “blocks” for everything. However, now that it’s here and part of WordPress for good, let’s take a look at a few tips to make it more manageable. The core theme of Gutenberg will always remain the same – everything is a block, including paragraphs. This means that some annoyances are permanent – such as not being able to select one and a half paragraphs. But for the rest, let’s see what we can do to reduce the clutter and make our lives a bit easier.

Increasing the Space on the Right

By default, Gutenberg comes with a lot of additional “baggage”. It’s a far cry from the clean, white interface that most writers enjoy. One way to get started, is to remove the right-hand side block that’s the default on every page. Here’s what it looks like:
Disable the Right Sidebar
To remove this, just click the grey “gear” icon as shown above. This will minimize the element and leave you with a cleaner interface!

Avoid the Distracting Popups

If you’re writing on Gutenberg for the first time, you’ll be inundated with popups everywhere. Whenever you move your mouse cursor over a paragraph, you’ll see a popup with formatting options like this:
Remove Floating Toolbar to Put it On Top
This obscures what you’ve just written, and is annoying + distracting. Instead, we can revert to the earlier model of having the formatting bar at the top for the currently selected block/paragraph. To do this, click the three dots on the top right of the screen to bring up the layout menu like this:
Layout Menu in WordPress Gutenberg
Here, click “Top Toolbar”. This will now get rid of the annoying popups and the formatting bar will now stick to the top as it did before!

Enable Spotlight Mode

Even with the top toolbar turned on, there are a bunch of icons and block messages floating around all the time when you move your mouse cursor around the screen. Here’s an example:
WordPress Gutenberg Distractions
As you can see, I’m still typing in the third block and yet there’s a “plus” sign between the first two blocks where my mouse is pointing and it says “paragraph” in solid blue. Once again, I find this kind of interference annoying, and the only way I’ve found to deal with it is to turn on “Spotlight Mode”. This places the focus on the current “block”, and prevents all kinds of UI elements from appearing when you move your mouse around the page. These are the changes I like to make while editing in Gutenberg to make the interface cleaner. The next two tips are for easier editing.

Shortcuts for Headings

In Gutenberg, the familiar shortcut for creating a heading is gone. We used to be able to use “Shift+Alt+[number]” to indicate an H1, H2 etc heading. Luckily for those of us who want to keep our hands on the keyboard, there’s a new shortcut. I’m not sure why they couldn’t keep the old one, but anyway… To create a heading, append the one, two, or three hashtags to the beginning of a line and press “space”. If you use one hashtag, it’s a level 1 heading. Using two hashtags makes it level 2 and so on. This makes it a bit easier to edit long documents with a bunch of headings.

Using Slash (/) for Inserting Blocks

This is one improvement I appreciate over the old editor. If you start a new block with a slash (/), it’ll show a drop-down box and you can type the name of the kind of block you want. Like this:
Fast Insert Block with Slash
This is very useful for inserting images, <pre> blocks, or any other kind of formatting tool for your articles. One great thing about the image block is that you can even leave it blank as a placeholder so you can fill in the details later on. I think it’s a nice improvement that will make editing in stages easier. There are other customizations and improvements that we can make to Gutenberg for a smoother writing experience, but these are the most important things to keep in mind when getting started. Good luck!
Bhagwad Park Profile Picture
Bhagwad Park

I’m a NameHero team member, and an expert on WordPress and web hosting. I’ve been in this industry since 2008. I’ve also developed apps on Android and have written extensive tutorials on managing Linux servers. You can contact me on my website WP-Tweaks.com!

Reader Interactions

Comments

  1. Drew Davis says

    January 7, 2019 at 10:32 pm

    I would have to admit, it is a learning curve. I think I still prefer Elementor as my editor. But like you, I gave Gutenberg a try, by transferring my personal site to Gutenberg, http://www.davisdre.com .

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Follow & Subscribe

Exclusive promos, content and more!

Most Popular Posts

Speed up your site: solving the WordPress slowdown

NameHero’s Recommended WordPress Plugin and Theme Setup (2023)

How To Increase The InnoDB Buffer Pool Size

How To Fix A Stuck All-in-One WP Migration Import

How To Add A Subdomain In Cloudflare

Top Categories

  • WordPress
  • Website Performance
  • Web Hosting
  • Resellers
  • Website Development
  • Website Security
  • VPS Hosting
  • SEO Tips
  • Announcements
  • Domain Registration
NameHero

NameHero proudly provides web hosting to over 40,000 customers with 99.9% uptime to over 750,000 websites.

  • Master Card
  • Visa
  • American Express
  • Discover
  • Paypal
Products
  • Web Hosting
  • VPS Hosting
  • WordPress Hosting
  • WooCommerce Hosting
  • Reseller Hosting
  • Enterprise Hosting
  • Domains
Help & Support
  • NameHero Blog
  • Knowledgebase
  • Announcements
  • Affiliates
Company
  • About Us
  • Contact Sales
  • Reviews
  • Uptime
  • We're Hiring

Copyright © 2023 NameHero, LLC. All rights reserved.

  • Privacy Policy
  • Terms of Use
  • Acceptable Use Policy
  • Payment Policy
  • DMCA