{"id":4068,"date":"2024-08-23T10:55:57","date_gmt":"2024-08-23T14:55:57","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=4068"},"modified":"2024-12-18T14:33:56","modified_gmt":"2024-12-18T19:33:56","slug":"gallery-block","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-2-design-block-mastery\/gallery-block\/","title":{"rendered":"Gallery Block"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Gallery Block\n <\/h1>\n \n \n \n\n

Module 2.4 \u2013 Mastery: Design Blocks: Gallery<\/p>\n\n\n\n

\n
Examples: Gallery Block<\/a><\/div>\n<\/div>\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\n
\n

\n Table of Contents\n <\/h2>\n
\n
\n \n
\n
\n \n 1.\n <\/span>\n\n \n Step-by-Step\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.\n <\/span>\n\n \n Video Tutorial\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 3.\n <\/span>\n\n \n Try it Out\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n\n

The gallery block is perfect for showcasing a collection of images in an organized and visually appealing way! It allows you to display multiple photos in a grid format.<\/p>\n\n\n\n

Step-by-Step<\/h2>\n\n\n\n

1.<\/strong> Add the Gallery block using the block menu.<\/a><\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

2<\/strong>. Add images by uploading from your device or selecting multiple images from your media gallery<\/p>\n\n\n\n

\"Select<\/figure>\n\n\n\n

3. Click “Create a new gallery”<\/p>\n\n\n\n

\"create<\/figure>\n\n\n\n

4. Click “Insert Gallery<\/p>\n\n\n\n

\"Insert<\/figure>\n\n\n\n

5. Select gallery options under the block tab at the right.<\/p>\n\n\n\n

You can change the number of columns to display, choose image resolution, link images, crop images, and randomize order.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

6. Change the order of your images by clicking on an individual image. Move it around with the arrows on the contextual menu that appears.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Video Tutorial<\/h2>\n\n\n\n