PageTree demo by

Editing pages

The Editor

PageTree pages are managed in the October CMS Editor: a navigator on the left, and one tab per open page on the right.

Open the Editor

Click Block Pages in the main back-office navigation. This label can be changed in the settings. The Manage block pages permission is required.

The left column contains the Block Pages section. Under the Pages node, pages are sorted by title and grouped by URL level:

  • the /blog/news page appears under the /blog page;
  • if no page exists for /blog, a blog folder is shown in its place;
  • an inactive page is shown with a greyed-out icon;
  • an unpublished page, or one whose publication is scheduled, is flagged on the right by an icon (crossed-out eye or clock); hover it to read “This page is not published” or “Publication scheduled on …”. See Publishing.

The section menu offers Refresh (reload the list) and Create → New Page. Click a page to open it in a tab. You can open several pages at once.

Superusers also see a Custom blocks section. See Custom blocks.

Create a page

  1. In the Block Pages section, click Create, then New Page.
  2. Type the title. A URL is suggested from the title.
  3. Choose a layout, add blocks, then save.

The document header

At the top of the tab, the header holds the main information of the page:

FieldPurpose
TitleTitle of the page, also used as the default meta title.
URLAddress of the page on the website. It matches the page slug.
LayoutTheme layout used by the preview and by the website. The list can be filtered with the keyboard.
ActiveAn inactive page is not served on the website.

The toolbar

ButtonAction
SaveSaves the page.
HistoryLists the versions of the page blocks, to preview, restore or name one. Available once the page is saved. See Version history.
Open pageOpens the page URL on the website, in a new tab. Available once the page is saved.
SEOOpens a dialog with the SEO fields. See SEO.
SchedulingOpens a dialog with the Published and Publication Date fields. See Publishing.
Trash canDeletes the page.

In the SEO and Scheduling dialogs, click Apply to return to the page. The values are saved with the page, on the next Save.

The components area

The body of the tab is split in two:

  • on the left, the block list of the page and its toolbar (Add Component, Delete Component, copy, paste);
  • on the right, the preview of the page in its layout.

Drag the divider to change the width of both areas. Working with blocks is covered in Working with blocks, the preview in Preview.

Save

Click Save or use the keyboard shortcut. A message confirms the save. If a field is invalid, the error is shown and the page is not saved.

Very long pages can exceed the request size accepted by the web server (413 error). See Troubleshooting.

Keyboard shortcuts

ShortcutAction
Ctrl+S (⌘+S on Mac)Save the page
Shift+Alt+D (⇧+⌥+D on Mac)Delete the page
Ctrl+QLeave the block form and return to the list (Back to Components)
Ctrl + clickSelect several blocks
Double-click a blockOpen the block form