The Page Sections Tab
Page Sections are logically arranged groups of Fields.
Page Sections should be configured so that they provide Editors with a clearly structured set of fields, which can can be used to create a certain section of a Page.
Space Admins must configure the Page Sections available in the Space before Editors begin to add and edit content in The Page Editor.
When an Editor first edits a blank Page's content, they will need to add a Page Section to the Page.
If no Page Sections have been configured, the Editor will not be able to add any content to the page.
| Info | ||
|---|---|---|
| ||
A magazine publisher uses the Content Editor to produce content for their print magazine and magazine app. A Space Admin has already set up a number of Field types in the Space administration view, including Fields for Headline, Deck, Byline, Lead paragraph, Body Paragraph, and Caption. The Space Admin knows that most of the articles in the magazine begin with a hero section that contains a headline, deck, and byline. They know that Editors will frequently need to add these sections to pages in this particular order. Therefore, they create a Page Section called Hero, which contains Headline, Deck and Byline fields. They also create several other Page Sections that commonly occur in their magazine's content. Editors then add these sections to their Pages, in order to create structured and consistent content.
|
The Page Sections tab contains a list of the Page Sections available within the Space.
Space Admins can add, delete, and manage the Page Sections available within the Space, from within the Page Sections tab.
Accessing the Page Sections Tab
To access the Page Sections tab for a Space:
- Click your current Organisation's name in the top navigation bar.
- Under Swap Organisation, choose the relevant Organisation from the list.
You will be taken to the Organisation view. - Under the Spaces heading, click the name of the relevant Space.
- Click the Space name in the top navigation bar, then click Administer "
Space Name".
You will be taken to the Overview tab of the Space's administration. - Click the Page Sections tab.
Add a Page Section Type
To add a new type of Page Section:
- Click the Add a Page Section Type button.
- Enter a Name for the Page Section type.
- Click the Save button.
- On the next page, add the Fields you wish to contain in the Page Section, in the same way you add fields in The Page Editor.
- Once you have added all the relevant fields, you can further edit the Page Section by re-ordering the Fields, and editing the default content.
- Finalise the Fields and the default content they contain, then click the Done button.
The Field Type will be created, and will be displayed in the list.
You can optionally continue to edit HTML for the field type.
Delete a Page Section Type
To delete a Page Section type:
- Locate the Page Section in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Delete.
- Confirm you want to delete the Page Section by ticking the confirmation box.
- Click the Delete button.
The Page Section will be deleted, and will no longer be available for Editors working within the Space.
Any pre-existing uses of the Page Section will be preserved.
Manage Page Section Types
Space Admins can also manage the Page Section types within the Space.
Management functions include editing default content, editing HTML Layout, renaming, and moving Page Section types.
Edit HTML
Each Page Section type can have an HTML layout applied to it, allowing for more finely-tuned styling upon export.
Space Admins can set up the HTML for a Page Section type.
To do so:
- Locate the Field type in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Edit HTML.
On the next page, add your HTML. Use the {{body}} tag to reference the content of the Page Section type itself.
Info title Example A Space Admin sets up a Primary Heading Field type.
They use the following HTML, making sure that they include the {{body}} tag:
Code Block <h1>{{body}}</h1>Upon export, styling can be set for the <h1> element.
- Finalise the Field type's new HTML layout, then click the Done button.
Rename a Page Section
To rename a Page Section type:
- Locate the Page Section type in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Rename.
- Enter the new name for the Field type.
- Click the Save button.
The Field type will be renamed.
Pre-existing uses of the Field type, using the old name, will be preserved.
Reorder Page Sections
To move a Page Section type up or down in the Page Section types list:
- Locate the Page Section type in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Up or Down.
- The Page Section type will be moved in the list.