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

Startup Hero

The Official Blog Of Name Hero

Learn To Fly Above The Competition Get Started
  • HomeWelcome
  • CoursesVideo Training Center
  • About UsWhat is StartupHero?
  • BlogGet the latest
  • Start HereStartup 101
  • SpeakingPodcast & Media
  • ResourcesTools to help You
    • Reselling WordPress Hosting
    • Resell Hero
    • How To Start A Blog
  • NameHeroCloud Web Hosting

3 Reasons Why I’ve Started To Like WordPress Gutenberg

By Bhagwad Park on March 18, 2019 0

3 Reasons Why I’ve Started To Like WordPress Gutenberg

Well before WordPress’ Gutenberg was released, I tried it out in its various beta forms and absolutely hated it. In fact, I’d written a post here on NameHero about why it was annoying as hell. But since this was what we had to work with, I forced myself to switch to the block editor for my posts and pages. And as time went by, there were a few things I started to like about it.

Gutenberg Still Sucks for Proper “Writing”

I think the main target audience for Gutenberg wasn’t writers. It was page builders. A writer doesn’t want to separate their work into “paragraph blocks”. They want a distraction-free environment, where less is more. No popups, and a nice full, blank screen. It’s why I currently use MS Word whenever I need to get serious writing work done from scratch.

If you’re a journalist, writing a long form article, using Gutenberg is a disaster of an experience. Gutenberg isn’t mean for authors. It’s meant for page builders.

For Website Landing Pages, Gutenberg is Better

For pages that are not articles, Gutenberg allows us to “build” them up. This is because pages – unlike articles – are built up of “components” like:

  1. Images
  2. Code snippets
  3. Rich content like FAQs, TOCs, Recipes
  4. Schemas

And when you want to mash all of this together into one coherent page, the old class Gutenberg editor is an inadequate choice. For example, pasting code with proper formatting into the old WordPress editor was a multistep fragile process. With Gutenberg, it’s much more robust. No more flitting back and forth between the visual and HTML editor.

So here are three ways that Gutenberg has made my life easier for “page building” rather than for writing articles.

1. Inserting Schema into Pages

A lot of my pages contain review, “How to” articles, and other content that’s ripe for schema markup. In the classic editor, we needed a way to get HTML code into the article. It wasn’t enough to switch to the “HTML” or “Text” editor, because schema markup is invisible. You don’t know if it’s still on the page or not in the GUI!

So, we had to resort to metabox solutions like with StudioPress themes:

Old Metabox Solutions for Schema in WordPress

It’s not an ideal solution because:

  1. Not everyone uses a theme which has these metaboxes
  2. If you change your theme, you lose your schema

So we started using plugins instead. Messy.

With Gutenberg, I just need to create a new “Custom HTML” block, paste in my schema code and Voila!

Gutenberg allows us to paste schema into a custom HTML block

It won’t render in the final page (nothing to render), but it’s still visible to an editor. Perfect! And no reliance on themes or plugins.

2. Working with “Invisible” HTML like <div> Tags

For some of my content, I need to create <div> or <span> tags for special formatting or for a plugin. The old WordPress editor was pretty bad for this. I used the HTML editor, but the tags were “invisible”. Now I can use the Custom HTML block like this:

Invisible HTML elements are now visible in Gutenberg with custom HTML

What’s more, it’s particularly useful for a Table of Contents plugin that needs to be wrapped in a certain <div> because I can use the “up” and “down” arrows to move it exactly where I like!

3. Image Insertion is Much Faster

The workflow for inserting a new image is far more streamlined in Gutenberg. Creating a new image block either by typing slash (/) , or selecting the image icon on the top right of a new block creates a placeholder image like this:

Inserting images is much faster with WordPress Gutenberg

And when the time comes, you can fill it in. I like this because it allows me to get on with my writing without worrying about the exact image. No need to break the flow. And uploading an image with the right dimensions and options is easier because they’re all on the right-hand side. No need for a new window to set the alt text, and the dimensions.

These three benefits of Gutenberg have made my life a lot easier when it comes to building pages. As mentioned earlier, these features are useless for writers, but if you’re crafting a landing page, you will thank Gutenberg’s modular approach!

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

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

Connect With Us!

Superhero Resources

Fix Common Issues

  • How To Setup Free And Automatic SSL Certificates
  • How To Setup Cloudflare With Railgun
  • How To Fix Memory Exhausted Errors In WordPress
  • How To Edit PHP Version/Upload Limit/Add Extensions
  • How To Move/Migrate Your Business To Name Hero

Free Guides

  • How To Setup NameHero Hosting
  • How To Create A Web Hosting Business With WordPress
  • How To Start A WordPress Blog
  • How To Migrate WordPress To A VPS
  • How To Speed Test And Optimize Your WordPress Website
  • Magento 2.X Installation Guide
  • How To Clean Up A WordPress Hack

Training

Recent Posts

  • Preventing Malware With WordPress Plugin Updates
  • How To Add A Subdomain In Cloudflare
  • WordPress Should Do More For Core Web Vitals
  • Is it Time to Disable Your RSS Feeds?
  • The Dangers Of FTP – Use With Extreme Care (Or Avoid)!
  • 3 Great Reasons To Use Subdomains
Subscribe in a reader
  • Web Hosting
  • WordPress Hosting
  • Reseller Hosting
  • VPS Hosting
  • Twitter
  • Facebook
  • LinkedIn
  • YouTube
  • FTC Disclosure
  • Earnings Disclosure
  • Privacy Policy

Copyright © 2021 · Smart Passive Income Pro on Genesis Framework · WordPress · Log in