> ## Documentation Index
> Fetch the complete documentation index at: https://docs.inploi.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Pages overview
> Find and understand the pages that make up your careers site.
export function LessonFooterBack() {
return
Back to CMS fundamentals
;
}
export function LessonHeaderBack() {
useEffect(() => {
const header = document.querySelector("#header");
if (!header || header.querySelector(".lesson-header-back")) {
return undefined;
}
const link = document.createElement("a");
link.className = "lesson-header-back";
link.href = "/learn/overview";
link.setAttribute("aria-label", "Back to CMS fundamentals");
link.setAttribute("title", "Back to CMS fundamentals");
link.innerHTML = `
`;
header.append(link);
return () => link.remove();
}, []);
return null;
}
## What you will learn
Every page on your careers site is managed from **CMS → Pages**. Learn how to create or archive a page, then get familiar with the editor before making content changes.
## Creating a page
### Open Pages and choose Create
Open **CMS → Pages**, then click **Create**.
### Enter the page details
Give the page a clear **Title** for the Pages list, then enter its **slug**: the public URL path. For example, `/about` is published at `yourcareers.com/about`. Use `/` for the home page.
Keep slugs short, lowercase, and descriptive. The page title used in search results is set separately in **Settings**.
### Choose the theme and locale
Choose the page's **Theme** and required **Locale**. The locale defaults to your site's main language; translated versions use the same slug with a different locale.
### Create the page
Click **Create page** to open the new page in the editor.
Creating a page does not require you to build a new layout. Start with the content you need, or use a template or prefab when you need a new section.
## Archiving a page
To take a page offline, open its actions menu in the Pages list and choose **Archive this page**. The page moves to the **Archived** view, where you can restore it later. Archiving keeps the page and its version history, but its URL returns a 404 while it is archived.
## Getting around the page editor
When you open a page, a few controls are worth knowing before you edit:
* **Back to pages** returns you to the Pages list.
* **Tools:** **Select** for picking objects on the page, **Interact** for previewing the page as a visitor would use it, and **Comment** for leaving feedback on any element.
* **Content and Settings:** use **Content** to edit the page. Use **Settings** for page-level options, including the slug and SEO details such as the page title, meta description, and social thumbnail.
* **Device preview:** switch between **Desktop**, **Tablet**, and **Mobile** to check how the page responds. Check the affected views before saving or publishing.
* **Preview:** open the current version in a new tab when you need a full-screen view.
Comments are useful for discussing a specific element. Email notifications go to relevant page subscribers, thread participants, and administrators according to their notification preferences — not automatically to everyone on the team. Resolve the thread once the work is complete.
This transcript has been lightly edited for current inploi product terminology and readability.
### 0:00
The Pages area contains all the pages created for your site. To add one, click **Create**, enter a title and slug, then choose its theme.
### 0:30
If your organisation has more than one theme, choose the appropriate one. Set the locale, then select **Create page**.
### 1:00
The new page opens in the editor. Use **Back to pages** to return to the list. To remove a page from the live site, archive it; you can find it in the Archived view and restore it if needed.
### 1:30
In the editor, the sidebar helps you navigate page content. The **Select** tool lets you choose elements on the page.
### 2:00
**Interact** lets you test the page as a visitor would. In **Comment** mode, select an element and add feedback.
### 2:30
Comments can be replied to and resolved when the requested change is complete. Return to **Select** mode to edit content.
### 3:00
Open **Settings** for page-level settings, including the slug and SEO title and meta description.
### 3:30
Use the **Desktop**, **Tablet**, and **Mobile** device previews to inspect the page at each breakpoint.
### 4:00
Check the relevant views after changes. The layout uses a 12-column grid on desktop and tablet, and a 4-column grid on mobile. You can refresh the preview or open the current page in a separate tab.
### 4:30
The main content is built in the Content tab. The next lesson explains its sections, columns, and blocks.
## Related articles
* [Managing pages](/studio/cms/pages/managing-pages)
* [The page editor](/studio/cms/pages/page-editor)
* [Naming conventions](/studio/cms/naming-conventions#pages-and-seo)
Next up: [Sections, columns, and blocks](/learn/sections-columns-blocks).