{"id":1384,"date":"2022-02-08T13:58:46","date_gmt":"2022-02-08T18:58:46","guid":{"rendered":"https:\/\/carleton.ca\/cms-help\/?page_id=1384"},"modified":"2022-03-03T09:15:22","modified_gmt":"2022-03-03T14:15:22","slug":"gallery","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"<p>An image gallery allows you to display a collection of images. If these images are clicked on, a user may see them full size and click through the collection. See a <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/sample-gallery\/\">sample image gallery<\/a>.<\/p>\n<h2>Step-by-Step<\/h2>\n<h3>Creating an Image Gallery<\/h3>\n<ol>\n<li>Edit the content to which you want to add the video.<\/li>\n<li>Click\u00a0<strong>Add Media<\/strong>.<\/li>\n<li>On the left-hand side, click\u00a0<strong>Create Gallery<\/strong>.<\/li>\n<li>When you\u2019re creating your gallery, you can upload images or you can select images that\u00a0 already exist in your site\u2019s media library.<\/li>\n<li>Once you have uploaded\/selected the images you want to use, click\u00a0<strong>Create a new gallery<\/strong>.<\/li>\n<li>You will then be directed into an editing window where you can rearrange the order of the images caption them. Once you are finished with editing the order and captions, click <strong>Insert gallery<\/strong>.\n<ol style=\"list-style-type: lower-alpha;\">\n<li>After inserting the gallery, you can return to this editing window by clicking the <strong>Edit<\/strong> icon on your image gallery.<\/li>\n<\/ol>\n<\/li>\n<li>Publish or update your page.<\/li>\n<\/ol>\n<h2>Video Tutorial<\/h2>\n<div class=\"content__video\"><iframe loading=\"lazy\" title=\"Module Three: Gallery\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/f9whA3pY5j0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h3>Transcript<\/h3>\n<div class=\"slideme\"><dl class=\"slideme__list\"><dt class=\"slideme__term\"><a href=\"#slideme-module-three-gallery\" aria-expanded=\"false\" aria-controls=\"slideme-module-three-gallery\" class=\"slideme__heading slideme__trigger\">Module Three: Gallery<\/a><\/dt><dd class=\"slideme__description\" id=\"slideme-module-three-gallery\" aria-hidden=\"true\"><p><\/p>\n<p><span style=\"font-weight: 400;\">Hello and welcome to Module 3 of our Advanced CMS Training. This video will discuss galleries.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To add a new gallery to your page or post, click<strong> Add Media<\/strong>. Then click <strong>Create Gallery<\/strong>.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can choose images for your gallery either by uploading them from your device, or by selecting them from the Media Library.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once you have selected your images, click <strong>Create a new gallery<\/strong>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">From this window, you can edit the order of your images by dragging them or by using the <strong>Reverse Order<\/strong> button. You can also add captions to your images.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once you are finished, click <strong>Insert gallery<\/strong>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To return to the order and caption editing page, click the <strong>Edit<\/strong> icon on the gallery. Once you have made your changes, click <strong>Update gallery<\/strong>.<\/span><\/p>\n<p><\/p><\/dd><dl><\/div>\n<h2>Try It Out!<\/h2>\n<p>Now that you&#8217;ve mastered galleries, try adding one to your test page.<\/p>\n<ol>\n<li>Add an image gallery to your test page.<\/li>\n<li>Change the order of the images.<\/li>\n<li>Caption your images.<\/li>\n<li>Insert the gallery.<\/li>\n<li>Save your test page.<\/li>\n<\/ol>\n\n<div class=\"u-center-text\">\n\t<p>\n\t\t<a class=\"button__red button__red--solid\" href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/modal-links\/\"  rel=\"noopener noreferrer\">Next: Modal Links<\/a>\n\t<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>An image gallery allows you to display a collection of images. If these images are clicked on, a user may see them full size and click through the collection. See a sample image gallery. Step-by-Step Creating an Image Gallery Edit the content to which you want to add the video. Click\u00a0Add Media. On the left-hand [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":0,"parent":864,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gallery - Carleton CMS Help Centre<\/title>\n<meta name=\"description\" content=\"An image gallery allows you to display a collection of images. If these images are clicked on, a user may see them full size and click through the\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/\",\"url\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/\",\"name\":\"Gallery - Carleton CMS Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\"},\"datePublished\":\"2022-02-08T18:58:46+00:00\",\"dateModified\":\"2022-03-03T14:15:22+00:00\",\"description\":\"An image gallery allows you to display a collection of images. If these images are clicked on, a user may see them full size and click through the\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cms-help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Training\",\"item\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Module 3: Advanced Post Elements\",\"item\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\",\"url\":\"https:\/\/carleton.ca\/cms-help\/\",\"name\":\"Carleton CMS Help Centre\",\"description\":\"Web Services - Carleton university\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gallery - Carleton CMS Help Centre","description":"An image gallery allows you to display a collection of images. If these images are clicked on, a user may see them full size and click through the","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/","url":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/","name":"Gallery - Carleton CMS Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cms-help\/#website"},"datePublished":"2022-02-08T18:58:46+00:00","dateModified":"2022-03-03T14:15:22+00:00","description":"An image gallery allows you to display a collection of images. If these images are clicked on, a user may see them full size and click through the","breadcrumb":{"@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cms-help\/"},{"@type":"ListItem","position":2,"name":"Advanced Training","item":"https:\/\/carleton.ca\/cms-help\/advanced-training\/"},{"@type":"ListItem","position":3,"name":"Module 3: Advanced Post Elements","item":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/"},{"@type":"ListItem","position":4,"name":"Gallery"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cms-help\/#website","url":"https:\/\/carleton.ca\/cms-help\/","name":"Carleton CMS Help Centre","description":"Web Services - Carleton university","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"banner_image_type":null,"banner_uploaded_image":null,"banner_hosted_image":null,"banner_opacity":null,"banner_button":null,"banner_buttons":null},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1384"}],"collection":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/comments?post=1384"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1384\/revisions"}],"predecessor-version":[{"id":1433,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1384\/revisions\/1433"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/864"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/media?parent=1384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}