{"id":2813,"date":"2024-02-06T15:17:44","date_gmt":"2024-02-06T20:17:44","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=2813"},"modified":"2024-09-18T20:31:21","modified_gmt":"2024-09-19T00:31:21","slug":"using-patterns","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-6-block-patterns\/using-patterns\/","title":{"rendered":"Using Patterns"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Using Patterns\n <\/h1>\n \n \n \n\n\n

Module 6.3 \u2013 Mastery: Patterns: How to Use 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
\n \n
\n
\n \n 1.1\n <\/span>\n\n \n 1. Add Block Pattern\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 1.2\n <\/span>\n\n \n 2. Customize Content – Non-synced Pattern\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 1.3\n <\/span>\n\n \n 3. Customize Content – Synced Pattern\n <\/a>\n <\/div>\n\n <\/div>\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

In this module, you will learn how to add a block pattern to a page. This is a great way to build consistent content throughout your site.<\/p>\n\n\n\n

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

1.<\/strong> Add Block Pattern<\/h3>\n\n\n\n

Go to the page where you would like your pattern to appear. Add your block pattern using the block menu<\/a>. Once the menu is open:<\/p>\n\n\n\n

    \n
  1. Click on the Patterns tab<\/li>\n\n\n\n
  2. Go to My Patterns<\/li>\n\n\n\n
  3. Select your pattern<\/li>\n<\/ol>\n\n\n\n
    \"Add<\/figure>\n\n\n\n

    2.<\/strong> Customize Content – Non-synced Pattern<\/h3>\n\n\n\n

    If using a non-synced <\/em><\/strong>pattern, you can go ahead and customize the block content on your page. This will not affect the pattern anywhere else on the site.<\/p>\n\n\n\n

    3.<\/strong> Customize Content – Synced Pattern<\/h3>\n\n\n\n

    If you add a synced block <\/em><\/strong>to a page, any changes that you make will cascade across the entire site changing all blocks of this type.<\/p>\n\n\n\n

    You can detach a synced block to make it stand-alone. Once detached, any changes you make to the pattern on the page will not affect it anywhere else on the site. Here’s how:<\/p>\n\n\n\n

    How to detach a synced pattern<\/strong><\/p>\n\n\n\n

      \n
    • Click the contextual menu for your block in the three dots<\/li>\n\n\n\n
    • Click Detach patterns<\/strong><\/li>\n<\/ul>\n\n\n\n
      \"Detach<\/figure>\n\n\n\n

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