{"id":666,"date":"2025-03-13T13:41:41","date_gmt":"2025-03-13T20:41:41","guid":{"rendered":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?p=666"},"modified":"2025-03-24T10:25:17","modified_gmt":"2025-03-24T17:25:17","slug":"12-creating-page-layouts","status":"publish","type":"post","link":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/12-creating-page-layouts\/","title":{"rendered":"12. Creating page layouts"},"content":{"rendered":"\n

There are three main ways to create a page layout: copy another page, insert a pattern or build from scratch.<\/p>\n\n\n\n

Method 1: Copy another page<\/span><\/h2>\n\n\n\n

1. Go to the page you want to copy and open the page editor.<\/p>\n\n\n\n

2. In the top-right corner, click Options (\u22ee) > Code editor<\/strong> and copy all the code.<\/p>\n\n\n\n

\n
\n
\"A<\/figure>\n<\/div>\n\n\n\n
\n
\"A<\/figure>\n<\/div>\n<\/div>\n\n\n\n

3. Go to Pages <\/strong>and click Add New Page.<\/strong> <\/p>\n\n\n\n

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

4. Add a title in the Title<\/strong> field.<\/p>\n\n\n\n

5. In the first block below the title, paste the copied code directly in the block (you do not need to be in the Code editor).<\/p>\n\n\n\n

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

6. Once the page renders, open the List View and make sure the settings panel is open, then proceed to edit the content.<\/p>\n\n\n\n

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

Method 2: Insert a pattern<\/span><\/h2>\n\n\n\n

1. Go to Pages <\/strong>and click Add New Page.<\/strong><\/p>\n\n\n\n

2. Add a title in the Title<\/strong> field.<\/p>\n\n\n\n

3. Open the block inserter (+)<\/strong>, go to the Patterns<\/strong> tab and select Pitchfork: Page templates<\/strong>.<\/p>\n\n\n\n

\n
\n
\"A<\/figure>\n<\/div>\n\n\n\n
\n
\"A<\/figure>\n<\/div>\n<\/div>\n\n\n\n

4. Choose from several pre-designed layouts. Edit the template to customize it. This will not affect instances of the pattern on any other page.<\/p>\n\n\n

<\/span><\/div>
\n\n

Pitchfork page templates are not synced and are fully editable, meaning edits to a pattern on one page will not<\/strong> affect other pages.<\/p>\n\n\n\n

The web team will be adding more patterns to the Pitchfork theme in the future.<\/p>\n\n<\/div><\/div>

\n\t\t\t\t