WordPress: Gutenberg Editor Overview

Gutenberg is a live editor that lets you create posts and pages through the use of blocks of content that can easily be moved around or reused in other places.  The top of the editor contains a “Toolbar” for creating new content blocks, undoing and redoing, seeing information about your document, and providing an outline/navigation for all your current blocks.

Selecting an existing block will pop up a toolbar with formatting settings for that specific kind of content.  Notice that you have different formatting settings depending on the type of block that you select.  This is because blocks only hold one type of content per block, making it easier to stylize each part of your document.  Depending on your current theme you may have more, or less, options than seen here.

All blocks will have the same “Options Menu” for performing the actions seen here on that block.  If your block settings aren’t already showing, click “Show Block Settings”.  This will bring up additional settings that are specific to that block type.  You can create a new block a number of ways.  Clicking the “Add Block” icon in the toolbar will create a new block at the bottom of the page.  Use the “Options Menu” on a block to insert a new one before or after that content.  Alternatively you can hover over a block and use the “Add Block” option that appears.  The quickest and most fluid way though is simply pressing “Return” or “Enter” while in another block.  This will automatically become a new paragraph block that you can begin writing in.

If you want to change the block type, click the icon to the left of the block where you can choose or search through all your different block types.  Your theme may have additional types than the ones seen here so be sure to check those out.

I already know I want to add an image, so instead of searching through the block menu I can simply type “/”, which brings up a Quick Search, and type “Image” and Enter.  I can then add my image as I normally would.  Gutenberg has a ton of different options and features, but is still very intuitive.  I suggest experimenting with all the different options and seeing what you can create.

Free Domain Policy:

One free .COM or .NET with purchase of a new 12-, 24- or 36-month hosting plan. Plus ICANN fee of $0.18 per domain name per year. You must add the domain name into your cart before purchase, and you must select a domain term length equal to or less than the term length of your plan to qualify for the free domain offer. If you purchase a domain name for a term longer than the term of the plan, you will be charged for the additional registration term at the then-current rate. Cannot be used in conjunction with any other offer, sale, discount or promotion. After the initial purchase term, domains purchased through this offer are eligible for free renewal with renewal and payment of hosting plan. Domains without a hosting plan will renew at the then-current renewal price.


You Did It!

You found our secret promo!
Your hard work is rewarded with this 20% off coupon!


Job well done