Note:
The sections in this page has video tutorials in the bottom of the page. If you do not understand the written text and use the video as reference.
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 Carbon 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 Create a Page Section Type
Info |
---|
Before adding Page Sections, ensure you have configured the necessary Field Types. |
To add a new type of Page Section:
- Click the Add a Page Section TypeCreate 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.The Field Type will be created, and will be displayed in the list.
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 Default Content
Note |
---|
Any changes that are made to a Page Section type will not apply retroactively. Making a change to a Page Section type will not affect any instances where the Page Section was previously used in a Page. |
The default content for a Page Section type will be included as placeholder content when an Editor adds the Page Section to a Page.
To edit a Page Section type's default content:
- Locate the Page Section type in the list.
- Click the Edit default content in the Actions column.
- On the next page, edit the default content for the Page Section.
You can use the text formatting tools, as per the process for editing content in The Page Editor. - Finalise the Page Section type's new default content, then click the Done button.
Edit HTML Markup
Each Page Section type can have custom HTML markup applied to it, allowing for more finely-tuned styling upon export.
Note |
---|
Editing HTML markup is only recommended for advanced users. Custom HTML markup overrides the standard Content Carbon Editor HTML output. Entering invalid markup may cause content to display incorrectly, or to not display at all. For more information on custom HTML markup, see Using Custom HTML Markup. |
To add custom HTML markup for a Page Section type:
- 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 Markup.
- Finalise the Field type's new HTML layout, then click the DoneSave 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.
Video Tutorials
Watch the video tutorial that follows the guide.
Accessing the Page Sections Tab
The video shows the steps to access the page sections tab once the user is in the relevant space.
View file name Accesing Page Sections Tab.
mov height 250
Create a Page Section Type
View file name Add a section type.mov height 250
Delete a Page Section Type
View file name Delete a Page Section Type.mov height 250
Edit Default Content
View file name Edit Default Section content.mov height 250
Edit HTML Markup
View file name Edit HTML markup Section.mov height 250
Rename a Page Section
View file name Rename page section.mov height 250
Reorder Page Sections
View file name Reorder Section types.mov height 250