Creating & Editing Pages

Accessing the Pages dashboard

From the top menu, click Pages. This will bring up a list of pages, sorted by page hierarchy; if you want to find a specific page, you can use the search bar towards the top of the page.  To edit an existing page, click on the name. If you want to create a new page instead, click Create a page at the top of the page.

Editing Pages

Editing an existing page or adding a new page will bring up the page editor. Most of the content displayed on the page can be edited on this screen, as well as settings such as the page URL, page template, and publish state.  Some key settings to take note of are:

Name

Use best practices to name pages effectively.  This title is used for both internal organization and the publicly-visible page title. Note that the page title will not populate on the page itself until the page is saved/published.

Template

Templates define the page layout can be assigned to pages at any time. There are a couple of different custom template options:

Interior - 2 Columns

This will be used on most pages of the website. It provides a main content area, an area for contact information, an area for full-width components, as well as a right column that houses the section navigation and callouts.

Interior - 2 Columns - No Title

The same template as Interior - 2 Columns just without the page title. This is used for the content type layouts.

Interior - 1 Column

This provides a main content area, an area for full-width components, but no right column.

Full-Width

This is used only for specific content type layouts.

Home

This is used only for the home page.

Programs of Study

This is used only for the Programs of Study page.

Content Areas

Content Areas are areas set up on the page template that allow for widgets to be dropped into place. There are different content areas available to you that display depending on the template selected. Any static page content will be placed using a Content block widget. It is important that you read the label of the content area that you are dragging widgets into to ensure that you're using the correct one.

Banner

Every page template has the ability to specify a page banner in the Banner content area. If a banner is not specified, a default one is displayed when the page is rendered.

To add a banner to a page:

1. Place a Content block in the Banner content area
2. Add content to the content block
3. Click on the image icon in the editor toolbar
4. Select an image
5. Save the content block
6. If you'd like to include a caption for the banner, type the text below the image in the content block, highlight the text, then select the Caption option from the Apply CSS menu in the editor toolbar.

Content

This is the main content area of the page.

Contact Information

This content area is available to display contact information in a variety of ways.

To add contact information:

1. Add a Content block widget to the Callouts content area
2. Add content
3. At the bottom of the content block editor, select the HTML option
4. Copy and paste the code template below into the editor
   <h2>Contact [department name]</h2>
   <p>
     <strong>[department name]</strong><br>
     [department location]<br>
     <a href="#">email@claflin.edu</a><br>
     803-535-0000 (phone)<br>
     803-535-0000 (fax)<br>
     <strong>Hours:</strong><br>  
     M, W, F  8:00am - 5:00pm<br>
     T, TH  8:00am - 7:00pm
   </p>
5. To include images in the contact information block, copy and paste the code template below for as many blocks of information that you'd like
   <div>
     <img src="http://www.placehold.it/150x150" alt="" class="left" />
   
     <p>
       <strong>[contact name]</strong><br>
       <em>[contact title]</em><br>
       [contact location]<br>
       <a href="#">email@claflin.edu</a><br>
       803-535-0000 (phone)<br>
       803-535-0000 (fax)<br>
     </p>
   </div>
6. Click the Design option to switch back to the Design editor
7. Replace/remove the content as necessary
8. To set the Email link, select the Email option in the link selector dialog
9. Save

Examples

Mr. Drexel B. Ball
Vice President for Administration
Tingley Hall, Floor 2, Suite 2
email@claflin.edu
803-535-5776 (phone)
803-535-5776 (fax)

Mr. Drexel B. Ball
Vice President for Administration
Tingley Hall, Floor 2, Suite 2
email@claflin.edu
803-535-5776 (phone)
803-535-5776 (fax)

Components

This area is reserved for any of the full-width components that are available to you. Those are documented here.

Callouts

1. Add a Content block widget to the ContactInformation content area
2. Add content
3. At the bottom of the content block editor, select the HTML option
4. Copy and paste the code template below into the editor
   <div class="callout">
     <h3>Callout Title</h3>
     <p>Callout content goes here. Any combination of images, content, and links can be used here.</p>
   </div>
5. Click the Design option to switch back to the Design editor
6. Replace/remove the content as necessary
7. Save