1<!doctype html> 2<html lang="en" dir="ltr"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width,initial-scale=1"> 6<meta name="generator" content="Docusaurus v2.0.0-beta.0"> 7<link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="Forem Admin Docs Blog RSS Feed"> 8<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="Forem Admin Docs Blog Atom Feed"> 9<link rel="search" type="application/opensearchdescription+xml" title="Forem Admin Docs" href="/opensearch.xml"><title data-react-helmet="true">Pages | Forem Admin Docs</title><meta data-react-helmet="true" property="og:url" content="https://forem-admin.netlify.app/docs/forem-basics/pages"><meta data-react-helmet="true" name="docsearch:language" content="en"><meta data-react-helmet="true" name="docsearch:version" content="current"><meta data-react-helmet="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Pages | Forem Admin Docs"><meta data-react-helmet="true" name="description" content="A high-level overview of the most important Forem features."><meta data-react-helmet="true" property="og:description" content="A high-level overview of the most important Forem features."><link data-react-helmet="true" rel="shortcut icon" href="/img/favicon.ico"><link data-react-helmet="true" rel="canonical" href="https://forem-admin.netlify.app/docs/forem-basics/pages"><link data-react-helmet="true" rel="alternate" href="https://forem-admin.netlify.app/docs/forem-basics/pages" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://forem-admin.netlify.app/docs/forem-basics/pages" hreflang="x-default"><link data-react-helmet="true" rel="preconnect" href="https://F3J21FSRCZ-dsn.algolia.net" crossorigin="anonymous"><link rel="stylesheet" href="/assets/css/styles.62d48d4d.css"> 10<link rel="preload" href="/assets/js/runtime~main.968c07a1.js" as="script"> 11<link rel="preload" href="/assets/js/main.0b1dde44.js" as="script"> 12</head> 13<body>
14<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script>
14<div id="__docusaurus"> 15<div><a href="#main" class="skipToContent_1oUP">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle" type="button" tabindex="0"><svg aria-label="Menu" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><img src="/img/forem.svg" alt="Forem Admin Docs Logo" class="themedImage_1VuW themedImage--light_3UqQ navbar__logo"><img src="/img/foremDark.svg" alt="Forem Admin Docs Logo" class="themedImage_1VuW themedImage--dark_hz6m navbar__logo"></a><a class="navbar__item navbar__link navbar__link--active" href="/docs/getting-started/creator-signup-and-onboarding">Getting Started</a></div><div class="navbar__items navbar__items--right"><a href="https://forem.dev" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">Explore Forem.dev</a><div class="react-toggle displayOnlyInLargeViewport_GrZ2 react-toggle--disabled" role="button" tabindex="-1"><div class="react-toggle-track"><div class="react-toggle-track-check"><span class="toggle_71bT">ð</span></div><div class="react-toggle-track-x"><span class="toggle_71bT">ð</span></div></div><div class="react-toggle-thumb"></div><input type="checkbox" class="react-toggle-screenreader-only" aria-label="Switch between dark and light mode"></div><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span></button></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div><div class="navbar-sidebar"><div class="navbar-sidebar__brand"><a class="navbar__brand" href="/"><img src="/img/forem.svg" alt="Forem Admin Docs Logo" class="themedImage_1VuW themedImage--light_3UqQ navbar__logo"><img src="/img/foremDark.svg" alt="Forem Admin Docs Logo" class="themedImage_1VuW themedImage--dark_hz6m navbar__logo"></a></div><div class="navbar-sidebar__items"><div class="menu"><ul class="menu__list"><li class="menu__list-item"><a class="menu__link navbar__link--active" href="/docs/getting-started/creator-signup-and-onboarding">Getting Started</a></li><li class="menu__list-item"><a href="https://forem.dev" target="_blank" rel="noopener noreferrer" class="menu__link">Explore Forem.dev</a></li></ul></div></div></div></nav><div class="main-wrapper docs-wrapper doc-page"><div class="docPage_31aa"><div class="docSidebarContainer_3Kbt" role="complementary"><div class="sidebar_15mo"><div class="menu menu--responsive thin-scrollbar menu_Bmed"><button aria-label="Open menu" aria-haspopup="true" class="button button--secondary button--sm menu__button" type="button"><svg aria-label="Menu" class="sidebarMenuIcon_fgN0" width="24" height="24" viewBox="0 0 30 30" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><ul class="menu__list"><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!">Getting Started</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/getting-started/creator-signup-and-onboarding">Creator Signup and Onboarding</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/getting-started/forem-setup-checklist">Forem Setup Checklist</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/getting-started/implementation-guide">
15Forem Implementation Guide</a></li></ul></li><li class="menu__list-item"><a class="menu__link menu__link--sublist menu__link--active" href="#!">Forem Basics</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/docs/forem-basics/generated-pages">Generated Pages</a></li><li class="menu__list-item"><a aria-current="page" class="menu__link menu__link--active active" tabindex="0" href="/docs/forem-basics/pages">Pages</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/docs/forem-basics/posts">Posts</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/docs/forem-basics/user-roles">User Roles</a></li><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!" tabindex="0">User Settings</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/forem-basics/user-settings/profile-settings">Profile Settings</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/forem-basics/user-settings/customization-settings">Customization Settings</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/forem-basics/user-settings/notification-settings">Notification Settings</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/forem-basics/user-settings/account-settings">Account Settings</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/forem-basics/user-settings/billing-settings">Billing Settings</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/forem-basics/user-settings/organization-settings">Organization Settings</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/forem-basics/user-settings/extension-settings">Extension Settings</a></li></ul></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/docs/forem-basics/member-management">Member Management Pages</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/docs/forem-basics/tags">Tags</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/docs/forem-basics/badges">Badges</a></li></ul></li><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!">Managing Your Community</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/managing-your-community/managing-posts-and-comments">Managing Posts and Comments</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/managing-your-community/removing-spam">Removing Spam</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/managing-your-community/suspending-users">Suspending Users</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/managing-your-community/admin-moderation-features">Admin Moderation Features</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/managing-your-community/tag-moderator-features">Tag Moderator Features</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/managing-your-community/trusted-user-features">Trusted User Features</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/managing-your-community/organization-pages">Organization Pages</a></li></ul></li><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!">Advanced Customization</a><ul class="menu__list"><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!" tabindex="-1">Config</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/api-tokens">API Tokens</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/authentication">Authentication</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/campaigns">Campaigns</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/community-content">Community Content</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/credits">Credits</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/email-server-sett
15ings">Email Server Settings (SMTP)</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/emails">Emails</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/google-analytics">Google Analytics</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/google-recaptcha">Google reCAPTCHA</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/images">Images</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/mascot">Mascot</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/meta-keywords">Meta Keywords</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/monetization">Monetization</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/newsletter">Newsletter</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/social-media">Social Media</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/sponsors">Sponsors</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/config/user-experience-and-brand">User Experience and Brand</a></li></ul></li><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!" tabindex="-1">Content Manager</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/content-manager/podcasts">Podcasts</a></li></ul></li><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!" tabindex="-1">Extensions</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/extensions/listings">Listings</a></li></ul></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/html-variants">HTML Variants</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/reports">Reports</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/tag-display-order">Sidebar Tags</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/billboards">Billboards</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/rate-limits-and-anti-spam">Rate Limits & Anti-Spam</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/advanced-customization/navigation-links">Navigation Links</a></li></ul></li><li class="menu__list-item"><a class="menu__link" href="/docs/frequently-asked-questions">Frequently Asked Questions</a></li><li class="menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#!">Community Resources</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/community-resources/who-are-these-docs-for">Who are these docs for?</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/community-resources/connect-with-forem-builders">Connecting with Forem Creators and Admins</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/community-resources/style-guide">Contributing and Style Guide</a></li><li class="menu__list-item"><a class="menu__link" tabindex="-1" href="/docs/community-resources/submit-bug-report">Submit a Bug Report</a></li></ul></li></ul></div></div></div><main class="docMainContainer_3ufF"><div class="container padding-vert--lg docItemWrapper_3FMP"><div class="row"><div class="col docItemCol_3FnS"><div class="docItemContainer_33ec"><article><header><h1 class="docTitle_3a4h">Pages</h1></header><div class="markdown"><div class="admonition admonition-important alert alert--info"><div class="admonition-heading"><h5><span class="admonition-icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewB
15ox="0 0 14 16"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg></span>important</h5></div><div class="admonition-content"><p>We're in the middle of some fast-moving changes to the Forem Admin experience, so we've paused documentation updates for the time being. You may find that the docs are now outdated in parts. If you have any questions, please visit <a href="https://forem.dev" target="_blank" rel="noopener noreferrer">forem.dev</a> to request additional support. We thank you for your patience and hope you're liking the changes!</p></div></div><p><strong>Pages</strong> are a way to store static content on your Forem that won't appear in Feeds. They allow for custom formating <a href="/docs/forem-basics/posts">compared to Posts</a> and can be assigned top level paths.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2LWZ" id="overview"></a>Overview<a class="hash-link" href="#overview" title="Direct link to heading">#</a></h2><p>The <code>/admin/customization/pages</code> page allows you to:</p><ul><li>Create a new page</li><li>View existing pages</li></ul><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2LWZ" id="creating-a-page"></a>Creating a Page<a class="hash-link" href="#creating-a-page" title="Direct link to heading">#</a></h2><p>Visiting <code>/admin/customization/pages/new</code> allows you to create a new page.</p><ul><li><strong>Title</strong> = The name of the page, appears in the browser window or tab.</li><li><strong>Slug</strong> = The unique page path that this page will be accessed with, e.g. <code>https://yourforem.tld/slug</code>. The slug for <code>https://dev.to/code-of-conduct</code> is <code>code-of-conduct</code></li><li><strong>Description</strong> = A description of what the page contains, used mostly by search engines</li><li><strong>Template</strong> =<ul><li><a href="https://dev.to/about" target="_blank" rel="noopener noreferrer">Here is an example of a Contained page</a></li><li><a href="https://dev.to/downloads" target="_blank" rel="noopener noreferrer">Here is an example of a full_within_layout page</a></li><li><a href="https://dev.to/page/codeland_schedule" target="_blank" rel="noopener noreferrer">Here is an example of a json page</a></li></ul></li><li><strong>Body Markdown / Body HTML</strong><ul><li>You'll usually use <em>one or the other</em></li><li>You should have a very specific reason for using HTML and not Markdown</li></ul></li><li><strong>Social Image</strong> = This is the social image for the page</li><li><strong>Is Top Level Path?</strong><ul><li>If checked, your page lives at <code>/slug</code></li><li>If not checked, your page lives at <code>/page/slug</code></li></ul></li><li>Use as 'Locked Screen'</li><li>This determines if the page will be used as a landing page for anonymous viewers (landing pages replace the traditional registration screen). This feature only works for private Forems. If your Forem is public, the landing page will not display.</li><li>Only one page can be used as a locked screen at a time.</li><li>Locked screens can be overwritten. To use another locked screen when there is already a locked screen in use, click the "Overwrite current locked screen" button in the modal that appears when "Use as 'Locked Screen'" is clicked.</li></ul><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2LWZ" id="what-can-you-do-with-pages"></a>What can you do with pages?<a class="hash-link" href="#what-can-you-do-with-pages" title="Direct link to heading">#</a></h2><ul><li><a href="https://dev.to/about" target="_blank" rel="noopener noreferrer">Here is an example of a simple Contained Markdown page</a></li><li><a href="https://dev.to/downloads" target="_blank" rel="noopener noreferrer">Here is an example of a full_within_layout page that uses HTML</a></li><li><a href="https://dev.to/page/codeland_schedule" target="_blank" rel="noopener noreferrer">Here is an example of a json page (unprettified)</a></li><li>You can create more sophisticated pages, such as:<ul><li><a href="https://dev.to/shecoded" target="_blank" rel="noopener noreferrer">A blend of static content with custom CSS + dynamic posts</a></li><li><a href="https://dev.to/codeland" target="_blank" rel="noopener noreferrer">A full-on conference experience</a></li></ul></li></ul></div></article><div class="margin-vert--xl"><div class="row"><div class="col"><a href="https://github.com/forem/admin-docs/edit/main/docs/forem-basics/pages.md" target="_blank" rel="noreferrer noopener"><svg fill="currentColor" height="1.2em" width="1.2em" preserveAspectRatio="xMidYMid meet" role="img" viewBox="0 0 40 40" class="iconEdit_2_ui" aria-label="Edit page"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></div></div><div class="margin-vert--lg"><nav class="pagination-nav" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/docs/forem-basics/generated-pages"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« Generated Pages</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/docs/forem-basics/posts"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Posts »</div></a></div></nav></div></div></div><div class="col col--3"><div class="tableOfContents_35-E thin-scrollbar"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#overview" class="table-of-contents__link">Overview</a></li><li><a href="#creating-a-page" class="table-of-contents__link">Creating a Page</a></li><li><a href="#what-can-you-do-with-pages" class="table-of-contents__link">What can you do with pages?</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links">
15<div class="col footer__col"><h4 class="footer__title">Forem Docs</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/">Admin Docs</a></li><li class="footer__item"><a href="https://github.com/forem/selfhost" target="_blank" rel="noopener noreferrer" class="footer__link-item">Selfhost Installation</a></li><li class="footer__item"><a href="https://docs.forem.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Developer Docs</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">Community</h4><ul class="footer__items"><li class="footer__item"><a href="https://dev.to" target="_blank" rel="noopener noreferrer" class="footer__link-item">DEV</a></li><li class="footer__item"><a href="https://forem.dev" target="_blank" rel="noopener noreferrer" class="footer__link-item">forem.dev</a></li><li class="footer__item"><a href="https://twitter.com/forem" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">More</h4><ul class="footer__items"><li class="footer__item"><a href="https://github.com/forem/admin-docs" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub</a></li><li class="footer__item"><a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" class="footer__link-item">Email Us</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2023 Forem</div></div></div></footer></div>
16<script src="/assets/js/runtime~main.968c07a1.js"></script>
vendor: 1 bytes, line 16
16
17<script src="/assets/js/main.0b1dde44.js"></script>
17 18</body> 19</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.