--- title: Flexible Template tags: Content Management System --- # Flexible Template ## Resources ### CMS Instructions #### Create Flexible Template Content Site administrators and Content Editors can create Flexible Template content leveraging the Drupal Admin interface as follows: **Step 1:** Navigate to the **Content** menu and click **Add content** or Navigate to **Content** -> **Add content** -> **Flexible Template** to create a new content: ![Content](https://hackmd.io/_uploads/Sk-bQliX9.png) **Step 2** : Enter a new **Title** for the Flexible Template content. Enter: “My Page”. The **Published** checkbox should not be checked. Content pages should be created unpublished by default. ![Create Flexible Template](https://hackmd.io/_uploads/SyCGDspX5.png) We will review three important configuration settings, associated with the Flexible Template - **Menu Settings**, **Meta Tags** and **XML Sitemap**. **Step 3:** Expand the **Menu Settings** item and check the **Provide a menu link** check box to enable the remaining menu configuration items. ![Menu Settings](https://hackmd.io/_uploads/B1Nr0EzPq.png) Optional **Menu Settings** configuration entries include: - **Provide a menu link** - Checkbox. - **Menu Link Title** - Character. - **Description** - Character. Detailed description of menu link. - **Parent Link** - Menu links with lower weights are displayed before links with higher weights. - **Weight** **Note:** Pathauto is configured for Flexible template content so that page paths are automatically generated. For pages that may link from multiple locations the content editor will be responsible for placing the content in a menu and then creating the correct link from any other locations needed. **Step 4:** Select **Secondary navigation** from the **Parent link** drop-down. ![Menu Settings](https://hackmd.io/_uploads/r1SUPsTXc.png) The “My Page” flexible template can now be invoked from a menu link associated with the **Secondary Navigation** Parent link. **Step 5:** Review **Meta Tags** configuration settings. Please see more about configuring meta tags [here](/RT0yYqHgRem1F5DpQ--rDg#Configuring-Meta-Tags). **Step 6:** Review the **XML Sitemap**. Please see more about configuring the XML Sitemap [here](/IRfa_-aEQt-Nxz8CdJJYfw#Configuring-XML-Sitemap). **Step 7:** Save the page. ![Save Page](https://hackmd.io/_uploads/rkoTus6m9.png) Saving the page enables the Layout tab where we can leverage Layout Builder to pull components in and place them on the page. ![Layout Tab](https://hackmd.io/_uploads/ry2yFjTQc.png) Layout builder is configured to allow for content editor to add all available components. **Step 8:** Navigate to the **Layout** tab to invoke Layout builder which supports the placing of components on the page. **Step 9:** Click **Add block** to choose components to be placed on the page. ![Content Layout](https://hackmd.io/_uploads/SJhf7gimq.png) **Step 10:** Click **Create custom block** to choose components to be placed on the page. ![Custom Block](https://hackmd.io/_uploads/SkjNmxiX5.png) :::info **Note:** Below we illustrate how to add a Footnote content block. Other content blocks may be added in the same way. ::: **Step 11:** Click **Footnote**. ![Create Footnote](https://hackmd.io/_uploads/HJdOrejX9.png) **Step 12:** Enter “Test Footnote” as the “Title” and “Body” of footnote. Select **Add block** to save the component. ![Add Block - Test Footnote](https://hackmd.io/_uploads/r12uKopQ9.png) **Step 13:** Save the layout. ![Save Layout](https://hackmd.io/_uploads/r1A0mxo79.png) **Step 14:** View unpublished page has a background color of Pink. ![Unpublished Template](https://hackmd.io/_uploads/ryUZ9oT7q.png) **Step 15:** On the **Edit** tab, click the **Publish** checkmark and view the published page with a background color of Green. ![Published Template](https://hackmd.io/_uploads/HyxQciTmc.png) ![Published Page](https://hackmd.io/_uploads/HkjEqoaQ9.png)