How To Get The Best Out Of The Block You’re Using The Most On The Gutenberg Editor

It may seem much longer, but at the end of 2018, WordPress introduced the Gutenberg Block Editor to users. 

And what a journey the Block editor has had since introduced. Some users moved to other blogging platforms to avoid using it, whereas others decided to continue using the Classic editor for free via the Classic Block. 

Banner for the blog post 'How To Get The Best Out Of The Block You're Using The Most On The Gutenberg Editor'
Are You using The Paragraph Block To Its Best Advantage?

Last year, I witnessed more than ever fans of the Classic editor coming over to using the Block editor, some of whom wondered why they hadn’t done it sooner.

As more bloggers use the Block editor, I thought I’d write some posts on how some of the most popular blocks work.

I’m kicking off with the ‘Paragraph‘ block, which everyone who uses the block editor will use.

How Do I Find Or Add A ‘Paragraph’ Block?

  • After adding the title of your blog post, click on the ‘+‘ symbol in the draft section of the post.
  • In the search box that opens, type in ‘paragraph.’
  • Select the ‘paragraph‘ block.
Screenshot showing where and how to find the 'Paragraph' block on the Gutenberg Editor
Where to find the ‘paragraph’ block
  • Start typing in the paragraph block on the draft post.
Screenshot highlighting where to type in the Paragraph block
Start typing in the Paragraph block

How Do I Add A New Paragraph?

  • Tap the return button on your keyboard to add a new paragraph.

Does The ‘Paragraph’ Block Come With Any Options? 

Yes. The ‘Paragraph’ block comes with a toolbar full of options. Here’s a list of what you can do.

  • Align text
Screenshot highlighting the Align button on the Block editor
Where to find the ‘Align’ button
  • Make text bold
Screenshot highlighting where to find the 'Bold' text button on the Block editor
Where to find the ‘Bold’ text button
  • Make text italic
Screenshot highlighting where to find the 'Italic' text button
Where to find the ‘Italic’ text button
Screenshot highlighting where to find the pingback button on the Block editor
Where to find the ‘pingback’ button
  • Other available options
  • Highlight text 
  • Add inline code
  • Add an inline image
  • Justify paragraphs
  • Keyboard input
  • Strikethrough text
  • Subscript
  • Superscript
  • Underline uppercase text
  • Change text to uppercase
Screenshot showing where to find 'Other options' on the Paragraph block
Where to find other options

Are There Any Other Options?

  • Yes. Click the kebab menu in the toolbar to show even more options such as ‘Add to reusable block‘ and ‘remove paragraph.’ 
Screenshot highlighting options under the kebab menu on the Paragraph block
Click the kebab menu to see more options

More options are also available on the righthand side of the draft page. To see them, select any block that contains text and select the ‘Block‘ option.

Screenshot highlighting the Block icon on the drafts page of a blog post
Make sure ‘Block’ is selected.

Colour: Change the colour of text or the background colour of a block.

AMP Settings: AMP (Accelerated Mobile Pages) is an open-source framework that allows browsers and apps to quickly load your site’s content on mobile devices. AMP is enabled by default for all WordPress.com sites. Click here for more details. 

Typography: This allows users to set the size of the font in a block. Here’s an example. In the next block, I’ve selected font size 36.

Hugh’s Views And News

See how much bigger it is than the text in other blocks.

Users can also manually set the size of the text by clicking the icon that sits to the right, just above the Size Default box. The icon looks like two small slider buttons.

Advanced Options:

HTML Anchor: This option allows users to insert ‘page jumps’ into a post. For example, you could anchor the words ‘Skip to the bottom of this post‘ in a block. Clicking on the anchor text then takes readers to the bottom of the page. Click here for more details. 

Additional CSS class(es):  Add CSS code to a block. –

CSS is the acronym of “Cascading Style Sheets“. CSS is a computer language for laying out and structuring web pages (HTML or XML). This language contains coding elements and comprises these “cascading style sheets”, which are called CSS files. 

Note: Some of the above options I’ve mentioned may move or change over time.

Layout, content, settings and format might differ on self-hosted blogs.

Looking for more information about the Gutenberg Block Editor? Check out these posts.

If you have any questions about the ‘Paragraph’ block, leave them in the comments section. I’ll try my best to answer them.

Is there a particular ‘Block’ you’d like me to cover in an upcoming post?

Don’t forget that you can also follow me on social media. Click on the buttons below.

Copyright © 2022 hughsviewsandnews.com – All rights reserved.