{"id":2540,"date":"2016-07-26T13:07:29","date_gmt":"2016-07-26T17:07:29","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=2540"},"modified":"2020-10-28T10:56:05","modified_gmt":"2020-10-28T14:56:05","slug":"how-to-create-image-galleries-for-your-boldgrid-site","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-inspirations-plugin-product-guide\/how-to-create-image-galleries-for-your-boldgrid-site\/","title":{"rendered":"How to Create Image Galleries in BoldGrid"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p><iframe loading=\"lazy\" title=\"Creating an Image Gallery with WordPress\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/3oSe65f74Fw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"http:\/\/WordPress.org\">WordPress<\/a> has made it easy for you to <strong>create image galleries<\/strong> in pages and posts. &nbsp;You can quickly create a gallery without anything but the base WordPress functionality &ndash; no plugin needed! &nbsp;We will walk you through the steps for creating image galleries in the steps below.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9015 size-medium\" style=\"float: right; margin: 0px 15px 15px 15px;\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-01-300x240.png\" alt=\"Add post\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-01-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-01-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-01-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-01-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-01.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Before you begin, you will need to make sure that you have some pictures loaded into the media library. Upload some, or use the BoldGrid Connect Search to obtain some images before you begin the tutorial. Hover over Pages or Posts in the menu at left, then click on <strong>Add New<\/strong>.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-02.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9016 size-medium\" style=\"float: right; margin: 0px 15px 15px 15px;\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-02-300x240.png\" alt=\"Title the post\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-02-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-02-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-02-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-02-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-02.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Type in a new title for your new page or post.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-03.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9017 size-medium\" style=\"float: right; margin: 0px 15px 15px 15px;\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-03-300x240.png\" alt=\"Add media\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-03-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-03-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-03-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-03-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-03.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Next, click on <strong>Add Media<\/strong>.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-04.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9018 size-medium\" style=\"float: right; margin: 0px 15px 15px 15px;\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-04-300x240.png\" alt=\"Create gallery\" width=\"300\" height=\"240\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-04-300x240.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-04-250x200.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-04-225x180.png 225w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-04-375x300.png 375w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-04.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>When the Media Library appears, click on <strong>Create Gallery<\/strong> in the top left corner.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9019 size-medium\" style=\"float: right; margin: 0px 15px 15px 15px;\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-300x189.png\" alt=\"Select images\" width=\"300\" height=\"189\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-300x189.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-768x485.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-1024x646.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-250x158.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-550x347.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-800x505.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-285x180.png 285w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-475x300.png 475w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05-792x500.png 792w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-05.png 1125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Select the images that will be part of your image gallery. You can select multiple images and each image thumbnail will get a checkmark in the top right corner after being selected. You will also see a smaller thumbnail listing of the images appear at the bottom as they are selected. You may also upload images at this point, but you will need to select them in order to make them part of the gallery you are creating.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-06.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9020 size-full\" style=\"float: right; margin: 0px 15px 15px 15px;\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-06.png\" alt=\"\" width=\"232\" height=\"120\"><\/a>When the images have been selected, click on <strong>Create a New Gallery<\/strong> in the bottom right corner.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-07.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9021 size-full\" style=\"float: right; margin: 0px 15px 15px 15px;\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-07.png\" alt=\"\" width=\"226\" height=\"130\"><\/a>Once you create the Gallery, the <em>Edit Gallery<\/em> interface will appear. You can cancel the gallery creation, edit the gallery, or finalize it by clicking on <strong>Insert Gallery<\/strong> in the bottom right-hand corner.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<p>After you have added the gallery to your post, you can view it in your <a href=\"https:\/\/www.boldgrid.com\">BoldGrid <\/a>site in order to see how it operates. You will see a post with several images that you can click on to see the image in a larger size. Congratulations, you now know how to create an image gallery!<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-9022 size-large\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-1024x660.png\" alt=\"Gallery complete\" width=\"1024\" height=\"660\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-1024x660.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-300x193.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-768x495.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-250x161.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-550x354.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-800x515.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-279x180.png 279w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-466x300.png 466w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08-776x500.png 776w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2540_redo-08.png 1181w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>WordPress has made it easy for you to create image galleries in pages and posts. &nbsp;You can quickly create a gallery without anything but the base WordPress functionality &ndash; no plugin needed! &nbsp;We will walk you through the steps for creating image galleries in the steps below. &nbsp; Before you begin, you will need to [&hellip;]<\/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 Image Galleries in BoldGrid | BoldGrid","bgseo_description":"Learn how to Create Image Galleries for your BoldGrid Site. WordPress has built-in capabilities to manage images and other media","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[146],"tags":[182,102,183],"class_list":["post-2540","post","type-post","status-publish","format-standard","hentry","category-boldgrid-inspirations-plugin-product-guide","tag-galleries","tag-image-gallery","tag-images"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2540","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=2540"}],"version-history":[{"count":22,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2540\/revisions"}],"predecessor-version":[{"id":10040,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2540\/revisions\/10040"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=2540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=2540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=2540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}