{"id":12342,"date":"2018-01-30T14:03:04","date_gmt":"2018-01-30T19:03:04","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=12342"},"modified":"2020-06-22T18:43:15","modified_gmt":"2020-06-22T22:43:15","slug":"how-to-create-a-gallery-in-the-gutenberg-editor","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/wordpress-tutorials\/how-to-create-a-gallery-in-the-gutenberg-editor\/","title":{"rendered":"How to Create a Gallery in the Gutenberg Editor"},"content":{"rendered":"\n

WordPress allows you to create galleries from the media library with a shortcode, but the Gutenberg editor also provides a WordPress block that you can use directly in the editor. Follow the step by step tutorial below to learn how to create a gallery in the Gutenberg editor.<\/p>\n

Note that the Gutenberg editor has been integrated directly into the WordPress Dashboard as of WordPress version 5.0<\/strong>. It is now the default WordPress editor. Try our BoldGrid WordPress Page Builder.<\/a><\/p>\n

\n
Login to your WordPress Administrator Dashboard<\/a>.<\/li>\n
Open an existing draft of a page or post in the editor. You can also create a new page or post.<\/li>\n
Click on the +<\/b> sign in order to add a block in Gutenberg editor.<\/li>\n
$\"\"$ <\/a>In the Blocks menu go to Common Blocks<\/strong> and then look for the one labeled Gallery<\/strong>. Click on the block to start your gallery.\n
<\/div>\n<\/li>\n
$\"\"$ <\/a>When the Gallery block<\/strong> opens you will have the option to upload your images or choose the images that are in the media library. Select the option you wish to use to put your images into the gallery. Note that you can select multiple images in the media library.\n
<\/div>\n<\/li>\n
$\"\"$ <\/a>Once you have completed selecting or uploading your images click on Create New Gallery<\/strong>.\n
<\/div>\n<\/li>\n
$\"\"$ <\/a>If you’re satisfied with gallery, then click on Insert Gallery<\/strong>. This will enter the gallery into your page or post. Formatting of the pictures will depend on the theme that you’re using and the number of pictures you have included in the gallery. The size of the gallery on the page or post will depend on the images that you are adding. The gallery changes in size to fit in the space. You have several options to align the gallery as well as change the width of the gallery. You can see these options in the top left corner of the block when you click on the gallery.\n
<\/div>\n<\/li>\n
Click on Update<\/strong> or Publish<\/strong> to save the gallery.<\/li>\n<\/ol>\nAt this point, you will be able to see the completed gallery with all of your images. For more information on using the Gutenberg editor, please see our article on how to add a cover image with the Gutenberg editor<\/a>. If you are interested in trying a new way to create WordPress galleries, try our WordPress Page Builder<\/a> to build beautiful landing pages easy in less time. Using WordPress Blocks in a unique and intuitive way, The Post and Page Builder by BoldGrid<\/a> will allow you to drag and drop your way to WordPress excellence.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
WordPress allows you to create galleries from the media library with a shortcode, but the Gutenberg editor also provides a WordPress block that you can use directly in the editor. Follow the step by step tutorial below to learn how to create a gallery in the Gutenberg editor. Note that the Gutenberg editor has been […]<\/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 Create a Gallery in the Gutenberg Editor","bgseo_description":"WordPress has always had the option to add images to your posts or page. Learn how to create a gallery in the Gutenberg editor with our tutorial.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[151],"tags":[691],"class_list":["post-12342","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\/12342","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=12342"}],"version-history":[{"count":10,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12342\/revisions"}],"predecessor-version":[{"id":21879,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/12342\/revisions\/21879"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=12342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=12342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=12342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}