Once you have the block in the preferred position, then click on Publish<\/b> or Update<\/b> in the top right-hand corner to save your changes.<\/li>\n<\/ol>\n
<\/p>\n
Identifying the Blocks<\/h3>\n
There are many different Blocks that you can use when adding content to your post or page. Click on the image to the left in order to see the graphic for each Block that is available to you. Widgets and Embeds are detailed in the separate associated articles linked at the end of this article. We list them all in the table below:<\/p>\n
<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Common Blocks<\/th>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Image<\/td>\n Block used for inserting images<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Gallery<\/td>\n Displays a gallery of images<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Heading<\/td>\n Block used for heading that is used by search engines to index structure and content of your webpage<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Quote<\/td>\n A quote Block that differs from the pull quote Block by way of the bar displaying the quote. A pull quote is typically a short excerpt, whereas the quote is typically longer.<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n List<\/td>\n Block for displaying ordered or unordered lists<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Cover Image<\/td>\n An image Block that differs from the normal image Block in that it includes a bolded title that is placed in the middle of the image<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Video<\/td>\n a Block used to display a video<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Audio<\/td>\n a Block used to embed an audio file<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Paragraph<\/td>\n Block used to display a paragraph of text with the options to change capital settings, font size, background color, text color and block alignment<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n File<\/td>\n Block used to create a link that can be clicked on to download a file<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Subheading<\/td>\n Block used for subtitle text that is smaller than title text yet larger than paragraph text<\/td>\n<\/tr>\n
Formatting Blocks<\/th>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Pullquote<\/td>\n a pullquote is a short excerpt from the text of an article and used as a subheading or graphic feature<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Table<\/td>\n A Block used for data placed in a table format<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Preformatted<\/td>\n Preserves the text formatting such as spaces, tabs and line breaks<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Code<\/td>\n A Block specialized for displaying code. Text formatting for spaces and tabs are preserved.<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Custom HTML<\/td>\n Blocked used for custom HTML coding entries<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Classic text<\/td>\n This is a Block made specifically for normal text using the classic Tiny MCE editor options<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Verse<\/td>\n This Block is made for verses from literary works like poems. Linebreaks and spaces are preserved.<\/td>\n<\/tr>\n
Layout Blocks<\/th>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Separator<\/td>\n Line graphic that can be used to separate different Blocks<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n More<\/td>\n “More” allows you to create a break your post into a part shown on index pages. You can see the entry after clicking on Read More. You can also edit the entry by clicking on it so that it shows something other than “Read More.” You are also able to hide the excerpt using the provided switch for the Block.<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Button<\/td>\n Block that allows you to create a rounded button that you can label and link to another location<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Text columns<\/td>\n allows you to create text in up to 4 columns. Considered an experimental option at this time<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Page Break<\/td>\n Allows you to set a pagebreak in your text<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Spacer<\/td>\n Adjustable Block that allows you to create a space in your content<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n Columns(beta)<\/td>\n This Block allows you to create columns in your text blocks<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
These are the common Block types that are currently available within the Gutenberg editor. Note that all of the Blocks include a field to input additional CSS classes so that you can add custom formatting to that block as needed. There is also the option to add Widgets and Embeds when adding blocks. For further information please see Using Widgets in Gutenberg<\/em><\/a>. You should now have a good grasp of how to use a block in the Gutenberg editor.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
The basic unit for adding content in the new WordPress Gutenberg editor is a block. To be more accurate, the block contains the content that you are adding. We will show you how to add a block, move a block, and identify the different blocks that you can add when working with the Gutenberg editor. […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to use a block in Gutenberg","bgseo_description":"Learn how to use a block in Gutenberg. We show how to use blocks, move blocks and identify blocks that are used in the new Gutenberg editor","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[691],"class_list":["post-11664","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials","tag-gutenberg"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/11664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=11664"}],"version-history":[{"count":18,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/11664\/revisions"}],"predecessor-version":[{"id":16262,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/11664\/revisions\/16262"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=11664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=11664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=11664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Common Blocks<\/th>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Image<\/td>\n	Block used for inserting images<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Gallery<\/td>\n	Displays a gallery of images<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Heading<\/td>\n	Block used for heading that is used by search engines to index structure and content of your webpage<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Quote<\/td>\n	A quote Block that differs from the pull quote Block by way of the bar displaying the quote. A pull quote is typically a short excerpt, whereas the quote is typically longer.<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	List<\/td>\n	Block for displaying ordered or unordered lists<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Cover Image<\/td>\n	An image Block that differs from the normal image Block in that it includes a bolded title that is placed in the middle of the image<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Video<\/td>\n	a Block used to display a video<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Audio<\/td>\n	a Block used to embed an audio file<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Paragraph<\/td>\n	Block used to display a paragraph of text with the options to change capital settings, font size, background color, text color and block alignment<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	File<\/td>\n	Block used to create a link that can be clicked on to download a file<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Subheading<\/td>\n	Block used for subtitle text that is smaller than title text yet larger than paragraph text<\/td>\n<\/tr>\n
Formatting Blocks<\/th>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Pullquote<\/td>\n	a pullquote is a short excerpt from the text of an article and used as a subheading or graphic feature<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Table<\/td>\n	A Block used for data placed in a table format<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Preformatted<\/td>\n	Preserves the text formatting such as spaces, tabs and line breaks<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Code<\/td>\n	A Block specialized for displaying code. Text formatting for spaces and tabs are preserved.<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Custom HTML<\/td>\n	Blocked used for custom HTML coding entries<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Classic text<\/td>\n	This is a Block made specifically for normal text using the classic Tiny MCE editor options<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Verse<\/td>\n	This Block is made for verses from literary works like poems. Linebreaks and spaces are preserved.<\/td>\n<\/tr>\n
Layout Blocks<\/th>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Separator<\/td>\n	Line graphic that can be used to separate different Blocks<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	More<\/td>\n	“More” allows you to create a break your post into a part shown on index pages. You can see the entry after clicking on Read More. You can also edit the entry by clicking on it so that it shows something other than “Read More.” You are also able to hide the excerpt using the provided switch for the Block.<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Button<\/td>\n	Block that allows you to create a rounded button that you can label and link to another location<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Text columns<\/td>\n	allows you to create text in up to 4 columns. Considered an experimental option at this time<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Page Break<\/td>\n	Allows you to set a pagebreak in your text<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Spacer<\/td>\n	Adjustable Block that allows you to create a space in your content<\/td>\n<\/tr>\n
$\"\"$ <\/a><\/td>\n	Columns(beta)<\/td>\n	This Block allows you to create columns in your text blocks<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n These are the common Block types that are currently available within the Gutenberg editor. Note that all of the Blocks include a field to input additional CSS classes so that you can add custom formatting to that block as needed. There is also the option to add Widgets and Embeds when adding blocks. For further information please see Using Widgets in Gutenberg<\/em><\/a>. You should now have a good grasp of how to use a block in the Gutenberg editor.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":" The basic unit for adding content in the new WordPress Gutenberg editor is a block. To be more accurate, the block contains the content that you are adding. We will show you how to add a block, move a block, and identify the different blocks that you can add when working with the Gutenberg editor. […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to use a block in Gutenberg","bgseo_description":"Learn how to use a block in Gutenberg. We show how to use blocks, move blocks and identify blocks that are used in the new Gutenberg editor","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[691],"class_list":["post-11664","post","type-post","status-publish","format-standard","hentry","category-wordpress-tutorials","tag-gutenberg"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/11664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=11664"}],"version-history":[{"count":18,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/11664\/revisions"}],"predecessor-version":[{"id":16262,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/11664\/revisions\/16262"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=11664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=11664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=11664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

How to use a Block<\/h2>\nUsing blocks in the Gutenberg editor involves adding a block, moving a block and then identifying the blocks that you will use when adding content to your page or post.<\/p>\n <\/p>\n

How to Move a Block<\/h3>\nAfter you have added content, you may need to re-arrange the order of the blocks. Follow the steps below in order to move a block.<\/p>\n <\/p>\n

How to use a Block<\/h2>\n
Using blocks in the Gutenberg editor involves adding a block, moving a block and then identifying the blocks that you will use when adding content to your page or post.<\/p>\n
<\/p>\n