{"id":2799,"date":"2024-02-06T14:59:56","date_gmt":"2024-02-06T19:59:56","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=2799"},"modified":"2024-09-18T20:31:21","modified_gmt":"2024-09-19T00:31:21","slug":"how-to-create-patterns","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-6-block-patterns\/how-to-create-patterns\/","title":{"rendered":"Creating Patterns"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Creating Patterns\n <\/h1>\n \n \n \n\n\n

Module 6.2 \u2013 Mastery: Patterns: How to Create Block Patterns<\/p>\n\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

It’s simple to create block patterns that you can use to consistently layout content on your website!<\/p>\n\n\n\n

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

1. <\/strong>Create a pattern base<\/p>\n\n\n\n

You can create a pattern from an existing set of blocks on any page on your website. Or you can make a brand new page of blocks to use as your base.<\/p>\n\n\n\n

2.<\/strong> Choose blocks for your pattern <\/p>\n\n\n\n

Select the blocks you wish to include in your pattern.<\/p>\n\n\n\n

Tip:<\/em><\/strong> Use the List View at the top left to select blocks. This is often easier than trying to highlight blocks in the design area.<\/p>\n\n\n\n

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

3.<\/strong> Create a Pattern<\/p>\n\n\n\n

Click the three dots in the block context menu once you have the blocks highlighted. <\/p>\n\n\n\n

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

4. <\/strong>Name and Save!<\/p>\n\n\n\n