Whenever you add or edit Web content within the CMS (content management system), you will use the Ektron PageBuilder editing program. This web-based editing tool has many of the same features as traditional word-processing programs.
Using the CMS editor, you can:
PageBuilder works right through the web browser, and requires no installation. Just
log in and go.
To edit content on a web page, be sure you are first
logged into the staging server.
If your site has not yet been converted, you will see four buttons (right) under the menu on the right side of the page.
If your site has been
converted to the new IUP web layout, you will see a toolbar at the top of the browser window (below). Click on the “switch to edit” button.
Whichever way is available, you will now see a colored box appear around each piece of content as you move your mouse over the page (the box will be green on unconverted sites, and orange on converted sites).
Converted Site: To edit any of these items of content, place your mouse within that content’s box and click once on the menu icon at the top right (three horizontal lines). Choosing “Edit” will open the
workarea editing window. (For quick edits to correct misspellings or punctuation, it is also possible to
edit in context.)
Unconverted Site: Right-click within the green box of the content you want to edit. Click on “Edit” in the menu that appears.
Optional: You could also choose to start editing within the workarea instead. You will first need to locate the content within the correct folder within the workarea. Then, click on the item once, and then click the Edit button (right).
After opening existing content, or when making new content, the CMS editing window will open fully (you will not see the folders when editing).
There are three buttons at the top that you can use (the other two buttons are not much use and should be avoided):
To edit, click within the pale box under the Content tab. This is the content field.
The formatting toolbar will appear (see below). The toolbar has three tabs: Format, Insert, and Review.
On the left are buttons for bold, italic, superscript, and subscript.
Next are two buttons: one for hyperlinks, and one for formatting abbreviations (not used).
The next buttons are for ordered and unordered lists. When one of these is selected, two more buttons appear (right). The left button indents sections of the ordered list to create a nested list. The right button undoes the indentation.
The four large buttons are the top row of a drop-down list of headings. Headings are for section titles, not for whole paragraphs. Please use them in consecutive order for subheadings, starting with Heading 2, followed by Heading 3, etc.
Choosing headings for their function, not for their appearance, helps ensure your website meets accessibility requirements.
Note: Three of these buttons are not to be used. Heading 1 is only used once on a webpage, and the page title automatically uses it. Always start with heading 2.
The other choices—span and pre—currently have no function, so please do not use them.
To remove formatting on text: Highlight the text, then choose either “Paragraph” or “Remove Formatting” from the heading menu.
Options here include inserting a
quicklink, a table, a
bookmark, and special characters.
This tab has options for validating accessibility content, opening the Inspector, and viewing the code.
Inspector is opened by clicking the far-left icon on the Review tab of the formatting toolbar.
(The Review option can be used to view the page’s html code, but it is advised to not use this option. The workarea functions will provide you with all necessary tools for editing the website following the IUP web style.)
Fraud, Waste, and Abuse Hotline
© 2007–17 Indiana University of Pennsylvania
1011 South Drive, Indiana, Pa. 15705 | 724-357-2100