Revision September 19, 2008

2

Table of Contents

Article I. Quick-reference charts 3Article II. Welcome to CP5 6Section 2.01 Understanding the new system 6Section 2.02 What’s new in CP5 7Section 2.03 Components of the new system 8

Article III. Working with CP5 9Section 3.01 Logging in/out 9Section 3.02 Changing your password 9Section 3.03 Understanding your site map 9Section 3.04 Searching your paper’s content archive 10Section 3.05 Using CPreview 12Section 3.06 Perspectives and perspective settings 13Section 3.07 Locked pages and articles 14Section 4.01 Pages and Sections 14Section 4.02 Creating a new page 14Section 4.03 Understanding page settings and functions 16Article V. Adding/editing content 17Section 5.01 Articles, photos and other content items 17Section 5.02 Creating an article in the system 18Section 5.03 Understanding the create article view 19Section 5.04 Bulk uploading stories from InDesign 21Section 5.05 Uploading images to the system 22Section 5.06 Using the Image Editor 23Section 5.07 Maintaining blogs 24Section 5.08 Moderating article comments and settings 27Section 5.09 Adding and moderating podcasts 28Article VI. Design 30Section 6.01 Changing your layout 30Section 6.02 Understanding objects 31Section 6.03 Object definitions 31Section 6.04 Arranging objects on your page 33Section 6.05 Changing your site navigation links 34Section 6.06 Stylesheets (CSS) 35Article VII. User Management 36Section 7.01 Accessing the user management area 36Section 7.02 Adding a new editor (staff account) 37Section 7.03 Adding a new site user (reader account) 38Section 7.04 Editing users 39Section 7.05 Mass password resets 39Article VIII. Newsletters (E-mail editions) 40Section 8.01 Accessing the Newsletter manager 40Section 8.02 Manging general newsletter options 40Section 8.03 Adding a newsletter 41Appendix: Glossary of terms 46Appendix: Using CSS in CP5 50

3

Article I. Quick-reference charts

4

5

6

Article II. Welcome to CP5Section 2.01 Understanding the new system

CP5 functions as a 24/7 news-publishing tool. Content is not published in “issues,” but rather on a rolling basis with start and end dates/times determined by you and your staff. Web site updates should not be limited to when your print edition is published. CP5 gives you the flexibility to instantly update around-the-clock.

Your site’s design is as crucial as your print design when it comes to attracting and retaining readers. CP5 gives you the power to:

• Quickly change your site’s design as news breaks• Move content around your pages with drag-and-drop layout organization• Give each section a different look with individual section layouts. • Drastically change your page designs without knowing any HTML or CSS.

In order to take advantage of this flexibility, users should familiarize themselves with the layout of the CP5 administration area. This new system uses a site map (also known as a directory tree) to visualize the structure of your publication’s Web site. This site map allows you to quickly navigate through your site’s sections, sub-sections and sub-sites by expanding or collapsing (opening or closing) various parts of the Site map “tree.” Users familiar with FTP and operating system directory displays will recognize this site map approach.

Understanding the administration area layout is essential to publishing your content. Content includes not only text, but photos, videos and any other media. Unlike previous CP versions, content saved to your archive is not automatically displayed to the public. To publish, CP5 requires your content be placed in “Object,” or design elements that display the content on your public site. Object examples include a “teaser” previewing a story, a list of headlines for a particular tag (section) or slideshow of various images. Objects define an action or display setting for a specific set of content. Think of them simply as containers. You add content to these containers by using a series of Copy/paste buttons or by searching the system.

NOTE: The copy/paste buttons are not the same as using copy/paste with your browser or computer. This function copies the object as a link, not as a duplicate. The copy/paste button functions should not be taken literally. All instances of an object using copy/paste will change when the original object is altered. This allows you to easily update all instances of a link or story without having to seek out each individual copy of the object.

Aside from copy/paste, the search feature is the easiest method of adding content to your design objects. CP5’s administration area search indexes all content within your system, not just stories. This includes:

• Section pages• Navigational links• Custom pages• Photos• Videos• Sound slides

7

• Flash (.swf) files, and more.

NOTE: Though browsing your content archive by date published is possible, it’s easiest to use the search function to find content in your publication’s site.

It’s also important to note that “Custom Pages” used in CP 4.0 no longer exist in the same form. Section pages exist but are now created and updated independently of each other.

• Sections are now “Pages”• In CP5, creating sections on your site requires you to first create a department page. This department page can then become a dynamically updating section based upon the objects/content you choose to place within it. For more information, see Creating a new page.• These “department pages” also replace CP 4.0’s “Custom Pages,” for publications wishing to create static pages for “About Us” or “Contact Us” pages. • This process only affects the administration area of your site. When set up correctly your users will still see section pages and static pages as they did in CP 4.0.

Section 2.02 What’s new in CP5

CP5 uses an entirely new interface and coding system, empowering your staff with one of the most advanced Web publishing systems in the world. Among the standout features in this new version:

• CPreview• This interactive preview mode allows you to review the look of every page on your site before changes go live. Drag and drop objects on the page to instantly restructure your design. Right click the object to see its editing menu, and you’re just one click away from making changes to the story or photos.

• XML Upload• Adobe InDesign users can now export their stories to XML format for upload into CP5.

• Embedded multimedia presentations• Adobe Flash files (.swf), Flash movie files (.flv) and Soundslides exports can be uploaded and embedded within your design with little or no knowledge of HTML.

• Lightbox slideshows• Image galleries now display with Lightbox scripting, providing browser window-size slideshows with easy navigation, non-obtrusive captioning and the captivating imagery you provide!

8

Section 2.03 Components of the new system

The CP5 administration area uses four window “frames” or sections: the logo bar, the site navigation window, the desktop and the CPreview window. We’ll define these areas in detail below:

• Logo Bar• This is the top frame of your administration area with the CP5 logo. The logo bar displays current session information such as the logged-in user and the site domain being worked on. Links to CP resources and support and the active user’s settings page are also displayed here.

• Site Navigation window• By default this frame is displayed on the far left side of the administration area. The window allows you to easily search and navigate through your site to edit content. There are two tabs within this window:

• Site Map• A directory listing – similar to popular operating systems and FTP programs – of all departments and sub sites within your main domain or site. This structure visualizes the layout and hierarchy of your site’s departments.

• Search• CP5 allows you to search all content within your site at once. You can use criteria to narrow your search for specific elements, such as photos, articles or navigational links. For details on using the search feature, see Searching your paper’s content archive.

• Desktop window• By default this window is displayed to the right of the site navigation window. It is also the largest of the three windows. The display in this window changes with the choices you make in the site navigation window. • The first view displayed in your desktop when logging into your administration area includes a look at your site’s traffic, poll statistics and top stories. General network announcements might also appear here.• Individual object/article inspection and editing “views” can be opened within the desktop window. You may have as many as 10 views open at a time.

• Inspection view• This is the first view displayed when initially clicking an object. This allows you to view an object, page or Content piece’s properties without the ability to editing them.

• Edit(ing) view• When viewing an object, click the edit button to be taken to its edit view. Once in edit view, any number of an object’s properties can be edited subject to a user’s permissions. You must click the save button for changes to be kept. Abandoning a view prior to saving will result in a loss of changes.

• CPreview• This interactive preview mode allows you to reorganize objects by dragging and dropping them on your page. The right-click menus in CPreview allow you to click objects and open new views in your desktop area, providing an alternate method for navigating your site during updates.

9

• CPreview can run as a third frame in your main browser window, but we encourage you to load the window as a separate tab or browser window. Users with dual monitor displays may want to display their main CP administration area window on monitor 1 and their CPreview window on monitor 2.• When set to display in a new window, CPreview will not load until a Preview button is pressed within the desktop window.

Article III. Working with CP5Section 3.01 Logging in/out

To access the administration area of your site you must login with a valid username and password. Visit your designated login link (provided by a CMN staff member) to access your publication’s login page. Enter your assigned username and password to log in. Do not attempt to login to the system more than once using the same username.

Section 3.02 Changing your password

If you received a temporary password you should change it immediately after logging in for the first time. Change your password by clicking the My Settings link in the logo bar. This will open a new window with your User Information Page. For information on other features of this page, see Editing users.

Section 3.03 Understanding your site map

As illustrated in Components of the new system, CP5’s administration area features four main windows or frames. The Site Navigation window features a powerful search engine and your site map. For more on the search feature, see Searching your paper’s content archive.

The site map in the site navigation window shows how your site is structured. Different objects and content pieces are indicated by various relative icons.

Navigate and manage the site map with the following actions:• Click on the plus symbol in front of a department to open it and display the next level in the “tree.”• Click on an object’s name to open that object in view mode in your Desktop window.• Click on the down arrow icon to the left of an object’s name to display a pop-up menu with editing options for the current object.

The site map allows you to access the following areas of your administration area: • The front page of your Web site

• Your site or publication name should appear as the top level of your tree. Click on the name to open a new view in your desktop window with the layout of your front page. This front page view also provides access to settings to change user settings, create/edit/delete section pages and alter certain

NOTE: In many cases there are multiple ways to accomplish the same task in CP5. This documentation attempts to cover best practices for editing and managing your site.

NOTE: Always log out when completed with your work. Logging out is the best way to prevent unauthorized users from accessing your system.

10

aspects of your public Navigation bar, Header and Footer. • Click the arrow to the left of the name to see your front page in view mode, edit mode or preview mode. You can also jump directly to your user administration area from this Context menu.

• Tagged content pages and subpages (Sections and subsections)• CP5 allows each section page you create to have a layout independent of other pages in your site. • Click the respective page name to be taken to its front page layout in view mode. Remember: In order to edit the page you must click on the edit button to switch to edit mode. From this screen you’ll be able to add/edit sub-pages, change the layout of the page or add/remove content. • Click the arrow to the left of the page name to see a context menu with options to see the page in view, edit or preview mode. You can also copy the page for use elsewhere on your site. Remember: The copy/paste function is not a duplication tool. Changing something on either copy of the page will cause the same reaction on any copied versions of the page within your site.

Section 3.04 Searching your paper’s content archive

The CP5 search tool is accessible from your Site Navigation window. Go to your Site Navigation window and click the Search tab.

The search capability allows you to scan your entire site in real time. Begin typing into the search field and the search tool with automatically begin filtering responses. This “free text” search lets you retrieve content and objects using a simple text phrase.

Search scans the following items in the system: • Tags• Photo keywords• Captions• Pages• Story headlines (titles)• Story subheadlines (subtitles)• Bylines

NOTE: Changes made to your site structure via edits in your Desktop window, i.e. new sub-sections, are not reflected in your site map until the “Refresh Tree” button is pressed. This is not the same as your browser refresh button.

11

• Summaries• Body text

A valid search phrase includes one or more space-separated words. You can also use standard Wildcard characters such as *, ? and – in the free text search. The phrase cannot start with a wildcard.

• Use * (asterisk) for a substitution of one or more characters in a word• Use ? (question mark) for a substitution for one character in a word• Use - (minus sign) before a word or phrase to exclude any search results containing the subsequent word.

• Example: Search “Sports –football”

The search tab is split into three sub-tabs:• Standard: Easy, quick free-text search• Advanced: Search “Metadata” attached to an object during creation• From article: Exclusively search content generated

We’ll explain these tabs in more detail below.

• Standard Search Tab• Search Settings

• Sort Order: Display results by relevance or most recently created• Time of save: When the content or object was saved• Saved by user: Search for only content you created• Index to search in:• DefaultIndex: All created content (not all of this content is public)• ForumIndex: All community content within your site not created by your staff• PublicIndex: Any publicly available content• UserIndex: Search the list of users

• Template Categories: Select the type of content you want to locate• Categories• Subject: Search by section tags associated with pieces of content

NOTE: “Control + mouse click” or “Shift + Mouse Click” are not functional commands when selecting multiple tags in some of the following fields. To select multiple tags simple click the name of the tag once to highlight it then move on to the next tag and repeat. To unselect a tag, simply click it again.

NOTE: In the search area click the arrow or checkbox next to a criterion to expand its options.

12

• Advanced Search Tab• Recently Changed sub-tab

• Type of content drop-down menu• All: Any content, page or user content• Article: Any photo, story, video, etc... (piece of content)• Department: Any page• Community content: Any user-submitted content• Time of Save: Define how recently the result should have been saved• Saved by user: Limit the search to only content you created

• Template sub-tab• Type of content drop-down menu• All: Any content, page or user content• Article: Any photo, story, video, etc.. (piece of content)• Department: Any page• Layout element: Search by object type• Input template: Search by policy class (irrelevant to most users)• Community content: Any user-submitted content• With name: The text of the title of the object or content piece• Saved after/saved before: Define date range• Minimum/maximum id: Define the internal system id number (Located in the upper-right of the view/edit desktop views for all objects/pieces of content.)• From article search tab

• Searches only text-based pieces of content and the section tags. Criteria are the same as above.

Section 3.05 Using CPreview

CPreview is an interactive public site preview tool. The feature’s purpose is two-fold: • provide a preview of how your site will display, and• allow you to graphically modify design and layout.

You may customize your CPreview settings by clicking on the preview settings link in the Logo bar. The following options are available:

• Interactive preview• When checked, allows you to move elements around the page and provides context menus to edit objects when right clicking on them. Suggested setting: checked.

• Preview in separate window• When checked, browser will display new window for CPreview. Suggested setting: checked.

• Use specific time• When checked, displays the given object or page at a specified time. When unchecked, displays in real time. Alter the time or date by clicking on the currently defined time and/or date. Suggested setting: unchecked.

To launch CPreview, click the Preview button on any desktop window view. A new browser window or tab

NOTE: CPreview mode is best viewed in a separate browser window or tab, preferably on a secondary screen.

13

should load with a preview of the selected page and object. Instead of using your site map and desktop you may navigate and edit your site using CPreview.

• With your left or right mouse button, click and hold an object to move it around the page. CPreview will display the object’s outline as it is moved around the page, in turn sliding other objects in relation to the moving object’s new location. Release the mouse button when satisfied with the object’s new location.

• You must click the “Save” button in the “Site Engine” box (lower-right of the CPreview window) to confirm all layout changes.• If you are dissatisfied with your design and have not saved, you may hit the Refresh button in the site engine window to reload the preview.• You will receive a warning if you attempt to close CPreview before if leaving unsaved design changes. Click “OK” to abandon changes, or click “Cancel” to return to CPreview editing.

• Right-click an object to see its editing menu. In most cases, you’ll be given two options: edit the object or edit the page. All options displayed in this menu will open new views in your desktop window.

• These links will display the view mode for a given object. Remember: Objects are not stories; they are merely containers for the stories. Because you are in view mode, you must click the edit button on the object’s view page to alter the container or its content.

Section 3.06 Perspectives and perspective settings

When adjusting your administration area window sizes, you have the ability to save the layout allowing you to work most comfortably. This saved setting is called a Perspective. CP5 allows you to save multiple perspectives for each user, though a user’s perspectives are not visible to other users. You maintain the same perspective across multiple sessions, although you may change at any time. If you plan on logging in from multiple computers with different screen sizes you can create a perspective for each computer. This will allow you to avoid manually adjusting the window frames each login.

To create a perspective:1. Resize the window “frames” of your administration area to best fit your screen and comfort level.2. Click the Perspective Settings link in the logo bar.3. Click the Create Perspective button. You will be prompted to enter a name for the new perspective. Enter the name and press OK or press cancel to continue without saving.4. The newly created perspective becomes active and its name appears in the drop-down list of available perspectives.

To remove a perspective1. Click the Perspective Settings link in the logo bar.2. Select the perspective you wish to remove from the drop-down list of available perspective. This perspective will load and become active.3. Press the Remove perspective button to remove the perspective. You will not be asked to confirm this action.4. The next available perspective in the list will become active.

NOTE: Certain interactive public site features, i.e. the Lightbox slideshow function, may not function properly in CPreview because of differences in code and display settings. We advise monitoring your public site after implementing any changes to your design.

14

Section 3.07 Locked pages and articles

To prevent simultaneous editing of the same object or page, the system locks all instances opened for editing by any user.

By locking it other users are prevented from overwriting your changes. Locked objects are marked in the system with a lock icon to the left of the object’s name in the desktop window view. Hovering your pointer over the lock icon displays the name of the user editing the object, and for how long the lock is in effect.

You can unlock an object when another user has it locked. This will in turn lock out the other user, so be sure the other user is not actively editing the object or page in question.

To unlock an item:1. Locate the object or page.

2. Press the unlock button.

Article IV. Sites and pages (navigation)Section 4.01 Pages and Sections

Pages are designated displays of content within your system. Each page can have a layout and content independent or similar to other pages. In terms of administration, sections are no longer used in CP5. Instead, pages can be manually edited and automatically set to display content with a particular classification, or “tag.” This provides the illusion to site visitors that a section exists. A major benefit of this method is that your “section pages” may all have different designs.

During creation, an article can be “tagged” with a classification, like “news” or “sports.” A particular page can be renamed to “Sports,” and editors may manually add content relating to that classification. Alternatively, editors can add a category list object and have the system automatically display content with a specific tag, such as sports. For more information on object types, see Object definitions.

All pages are Subpage of your main site or any Subsite you create. In technical language, the subpages are “children” of their “parent” pages or sites.

Section 4.02 Creating a new page

To add a new page1. Go to your site navigation window and click the arrow to the left of your publication name. On the drop-down menu select Edit. This will take you to your publication’s front page edit view in

NOTE: An object or content piece is only locked while being edited; opening something in view mode does not lock it. When you leave editing mode/view the piece is automatically unlocked.

15

your desktop window.

2. Click the Subpages tab in this newly launched view.:

3. Click the Create a new page button.

4. A new view will launch in your desktop window. This is the edit view mode for your new page. Under the “Start Page” tab in this new view look for the text box marked “Name” to rename your new page.

5. Click the save button to save your new page. You will return to the page’s view mode after saving.

6. Return to the parent page to save the subpage settings, which should now reflect your new page or section. Click the Save button to confirm the changes.

NOTE: You must return to your parent page or site front page editing view and SAVE the changes there, too. Failure to do so will result in your new page being lost.

16

To make your page serve as a section:1. While in a page’s edit mode, add objects with content relating to the page’s title. For more information on adding content for use in objects, see Adding/editing content. For more information on creating objects and arranging them, see Design.2. You may use the category list object to automatically generate a list of the latest articles marked with a specific tag. For more on objects and their functions, see Object definitions.

To create a subpage (subsection):1. Select the parent (top level) page under which you want to create subpages. Repeat the “Add a new page” steps above using this parent page instead of your publication front page.2. This allows subpages such as “Men’s Basketball” to appear as a child of a specific parent page, such as “Sports.

To learn about arranging the order of your pages, see Changing your site navigation links.”

Section 4.03 Understanding page settings and functions

Remember that each page has two views within the administration area: inspection and editing. When editing pages in the desktop window, a page’s inspection view can provide an overview of properties and layout. When a page is locked, the inspection view is the only access to a page other staff members have. The editing view, meanwhile, is accessible to only one user at a time. Powerful features are enabled when entering the editing view mode of a page. Design, layout and settings options are all instantly accessible, given proper user permissions. Because there are so many options within this single area, we’ll explain the tabs and subtabs of the editing view individually.

Action bar• In editing view

• Cancel: Close out of editing view without saving• Preview: Launch CPreview for the page• Save: Confirm changes and return page to inspection view mode

• In inspection view:

• Close: Stop viewing the page and close its view in the desktop window.• Edit: Launch the editing mode view for the page• Properties: See a page’s versions. Delete all versions to remove page from system.• Preview: Launch CPreview for the page

Start Page tab (in editing view)

• Name: Change the page’s name internally and on the public site• Layout drop-down menu: Located beneath the name field; select the navigational and

17

advertising layout for the page. This field is not editable on subpages of your main page.• Page Elements tab: Control the layout of objects within your main content area• Header and footer tab: Add objects to your header and footer similar to the way you add objects to your main page• Customize layout tab: Edit layout settings specific to this page, such as hyperlink color and header image

• Click the question mark next to any field name for details on its meaning.• Clean up left overs button: (Functionality not enabled in current version)

Subpages tab (editing view)

• New page or link: Use the drop-down menus to create a new navigational link or page as a child of the page you are currently editing• Reorganize the order subpages are presented

Articles tab (editing view)

• Local content tab: See content uploaded to this particular page• Local search tab: Search content uploaded to this particular page• New article tab: Create a new article, navigational link or sub page• InDesign Upload tab: Batch upload XML data from InDesign files. For more details see Bulk uploading stories from InDesign.• Image Upload tab: Bulk upload photos using ZIP files. For more details see Uploading images to the system.

Blogs tab (only on main page)• See the Newsletter chapter in this documentation.

Newsletters tab (only on main page)• See the Newsletter chapter in this documentation.

Users tab (only on main page)• See the Managing site users chapter in this documentation.

Article V. Adding/editing contentSection 5.01 Articles, photos and other content items

NOTE: In any editing situation, always click Save in the action bar before closing a view or navigating away. You can make multiple changes in multiple subtabs of a page, but you must save the overall page when finished to confirm those changes.

18

Content in CP5 includes articles, photos, videos, music files, documents and PDFs. These content items are placed into objects for display on your public site. This section highlights the process for adding content to your site and linking that content to display objects.

Section 5.02 Creating an article in the system

Similar to CP 4.0, articles are created by adding an author, headline, body text and similar fields to a template page. The system takes the information you input and creates a story or article page.

To create a new article:1. Open your main page in editing view mode: In your site navigation window, click the arrow to the left of your publication name and select Edit from the appearing context menu.2. Click the Articles tab on the main page view to bring its content forward:

3. On the right side of the view, the “New Article” subtab will appear. 4. Select “Article” from the first drop-down menu under New Article.5. Select “Standard” from the second drop-down menu.6. Click the Create button. 7. A new view will launch in your desktop window with the new article template. Complete the respective fields with content. To learn more about this area, see Understanding the create article view.8. Click the Save button in the action bar to confirm your changes and additions.

To have saved content appear on a page of your public site:

• If you have an automatic category list set to display a specific tag of new stories, your new article should appear immediately.

1. After saving your article and before closing it, click the Copy button to the left of the headline and above the upper action bar. This will copy the article to the system clipboard.

2. Use CPreview or your site navigation window to navigate to the page you’d like to place the content on.

NOTE: Once an article page is created it still must be placed into a teaser object or other display object in order for it to be visible on your public site.

19

3. Determine where you’d like the new article/object to display. Below that heading, i.e. “Upper Left Column,” use the drop-down menu to select an object that best fits your article. Click the Create button. a. To see a breakdown of object types, see Object definitions. b. If you have a list-type or tabular object you’d like to add the article to, you must go into editing mode view. Click the Edit button in the action bar of the respective page. This will open the page’s editing mode view.

4. Next you need to tell the object to link to the new article. Click the respective paste button on the object page to paste, or attach, the new article to the object. On a new teaser page, the paste button is located under the Page header. a. If your copy and paste process fails, use the site navigation window to find your story. Click the search tab in that window and search the text for the article you just created. To quickly see the most recently saved articles, click the Advanced search tab and change the Time of Save criteria to Latest Hour.

5. To add a thumbnail image to the new teaser, search for the image and copy and paste it to the image spot on the teaser view. Because you may have multiple views open, you can also return to the article’s view in the desktop window and copy and paste the image from there.

6. While editing the teaser or respective object, click Save in the action bar to confirm the settings.

7. Use CPreview or the page’s editing mode to adjust the placement of the teaser.

8. Save the page when finished to confirm changes.

Section 5.03 Understanding the create article view

The new article template page features extensive options to maximize your storytelling potential. Below we’ll break down the page and its specific areas and tabs while in editing view:

• Action bar buttons

• Cancel: Disregard changes or, if article is not yet saved, disregard article creation• Preview: Launch CPreview to examine the article page• Save: Save the article page to the system• Edit (only available in inspection view): Open the article’s editing mode view.• Properties (only available in inspection view): Examine the article’s versions. Delete all versions to delete the article from the entire system.

• Text & Images tab

• Save as draft: Save to system but prevent from displaying on site until approved by an editor• Title: Headline• Subtitle: Subheadline• Byline: Author name• Second Byline: Second author name

20

• Creation Date: Sets the publish date; does not control visibility on site• Summary: Teaser text used for RSS feeds, also copied to teaser elements• Text: Story body• Breaking news: When checked, designates story as breaking news• Images

• Create or upload: Select method for uploading new images• Main: Top image attached to article; used as thumbnail image for objects attached to the article• Further: Secondary images used on article page; also used for “Top Story,” “Teaser” and “Spotlight” objects.

• Related articles: Click the Search for Resources button under the tag field on the right side to automatically search for related content with the same tag. Click the copy button next to the search item to copy the content link to the clipboard. Click the paste button next to the related articles title to paste the link. Alternatively, use Search in the site navigation window to manually find stories relating to the topic.

• Categorization subject

• Tags the item with a section-like interest, such as news, sports or weather; drag and drop the tags to prioritize them.• If your site’s 4.0 content was migrated over by CMN staff, you’ll need to manually search for this content to attach it, or manually tag the content for future use in a category.

• Elements tab

• Object drop-down menu: Attach any object to the bottom of the article page; drag and drop objects to reorder their presence on the page. Follow the directions in the design chapter of this documentation to utilize these objects.• Currently objects may only be added to the end of stories.

• Comments tab

21

• Enable or disable comments on the selected article

• Advanced tab

• Publication time: Select a time period the article will accessible by the public

Section 5.04 Bulk uploading stories from InDesign

CP5 features a fully integrated XML import utility, making the online publishing process easier for your staff to manage. This process is facilitated by using the tagging feature and XML export function within Design.

The CP5 XML importer is able to parse (dissect) certain types of XML tags from InDesign and place them in their corresponding place in CP5’s article page. Please note, the use of XML tags here is different than the CP5 system definition of tags. Those XML tags – please note their order – include:

• Headline • Subheadline• Byline• Story

The order in which you complete steps is very important for this process. When the InDesign text boxes are no longer being moved around, open the tags pallette and load the CP5 XML tag template (available for download from collegemedianetwork.com) from the pallet menu.

After loading the CP5 XML tag template, you’ll need to tag the text boxes in your InDesign document. It is very important to tag parts of a single story together and in order. The InDesign XML exporter will save the tags in the exact order they are tagged. For example, if you tag all the headlines then all the bylines, the XML export will show all headlines first, then all bylines. This will cause an error with CP5’s XML importer, as the system will not be able to distinguish what headline and byline go together.

Tagging the text boxes in InDesign is simple. Using the selection tool (black arrow) or Direct Selection Tool (white arrow), select the text box you would like to tag, then select the proper tag from

22

the tags pallet. Completely tag all elements of a story before moving on to the next story. For each story, tag the elements in the proper order (see the bulleted list above.)

Next, set up a paragraph style for your body paragraphs. If your publication already has a defined style for body text, use that style. It is vital that all body text uses the same paragraph styles. Failure to do so may result in paragraph breaks not exporting, creating one large block of text. After all body text is in the same style, go to the pallet menu and select “Map styles to tags …”

On the following page, you will see a list of styles in the left column, and the tags they are mapped to will appear in the right column. Click on the paragraph style you are using for your body text. This will bring up a drop-down menu in the right column. Select the “p” tag from the menu, and click OK. The style is now mapped to that tag, and your stories will now export with paragraph breaks.

Once you have finished tagging, go to InDesign’s File menu and select Cross-media Export and then XML export. A dialog box will display, be sure to check the following:

• Remap break, Whitespace and Special Characters.

Save the XML file. Log into your CP5 administration area and open your site (main page) in editing view mode. Click the articles subtab and look for the InDesign Upload tab on the following page. Upload the XML file you exported. A confirmation list of stories will appear with a status sign indicating a successful upload or trouble with the data.

Open each article to tag the story with a category type, such as news or sports. You’ll also be able to add images or related articles.

Section 5.05 Uploading images to the system

Images may be added to the system in two ways: individually or as a bulk upload. We will explore both options in this section. First, let’s look at how the system uses and edits photos.

CP5 handles images differently than its predecessors. You can now upload high-resolution images to the system without worrying about breaking your design.

When adding images to the system, please take note of the following terms:• Name: Used for internal searching and as used for Alt-text on your public site • Caption: Cutline for the photo• Copyright: Image author, photographer name

You may individually add images to the system using the image creation view in your desktop window. Access this view by the drop-menu in the logo bar, or by clicking the Create new image button when creating an article. Either method will bring you to the same image creation page. Below, we’ll follow the steps for creating an image via the logo bar.

1. In the logo bar under Create content, select “Articles” from the first drop-drop menu and “Image” from

Note: Visit CollegeMediaNetwork.com to obtain an XML tagging handout for your design staff. The document contains the information in this section coupled with screenshots, making an easy-to-follow guide for your staff.

23

the second drop-down menu. Next, hit Create.2. The new image view will appear in your desktop window. Click the Browse button to find the image you want to upload from your computer.3. Once the image is selected, its File path should appear in the text box to the left of the Browse button. Click the Upload button to transfer the image to the server.4. The image editor will load. For more information on using the image editor, see Using the Image Editor. If your image does not need altering, continue the steps as follow.5. Complete the fields below the image editor.6. Click the Save button in the action bar. Your image creation is complete. It is now searchable and able to be copied within the system.

You may also ZIP a group of images together for bulk upload. This is useful for photo editors who may want to add content to the site before other editors post their content. There are multiple ways to access the bulk image upload. While editing or creating an article, select “Image Batch Upload” from the “Create or Upload images” drop-down in the images area. Alternatively, you can use a page’s article tab:

1. Open any display page in the system in your desktop window, such as your main page or a page used as a section. 2. Click edit to launch the page’s editing view mode.3. Next, click the articles subtab below the page’s action bar.4. Now look on the right side of the refreshed view for the Image Upload tab. Click the tab to bring it to the front.5. In the Name field, type a name that classifies the pictures, i.e. “Homecoming.”6. In the Copyright field, type the photographer’s name. 7. Click the Browse button to find the ZIP file on your computer. Its file path should appear in the field when complete.8. Click Upload to transfer the ZIP file to the system for ingestion. Depending on connection speed, file size and number of files this process may take some time. Do not close your browser window or the operation will be aborted.9. When complete, the view should refresh, showing your recently uploaded images to the left of the Image upload tab box. 10. You can now copy/paste or search for these images for use in your objects.

Section 5.06 Using the Image Editor

CP5 includes a robust, on-the-fly image editing tool. The tool can quickly assist in minor editing tasks while working remotely or when professional editing software is otherwise unavailable. Most importantly, the image editor allows you to preview your image at various sizes in Web resolution, ensuring the best presentation of your photos.

The image editor will load anytime a new image is uploaded to the system, or when the edit button is pressed on an already uploaded image. You may create three (3) different versions of the same photo in the system: landscape, box and gallery. We’ll explore these tabs and the image editor below.

• Landscape style format tab: See/edit the image in a rectangular format and related sizes, similar to most horizontal photos

NOTE: The image editor is not intended to replace applications such as Adobe’s Photoshop. Use of professional imaging software is encouraged to maintain the highest quality.

24

• Box style image tab: See/edit the image in a thumbnail size• Gallery tab: See/edit the image at full size• Editing tab

• Rotate button: Rotate the image 90 degrees at a time• Mirror: Flip the image along its y-axis• Crop: Click the button to activate the cropping tool; crop the image and select OK when finished• Scramble: Distort a part of the image to blur identity or obscene material• Zoom in: Decrease the field of vision• Zoom out: Increase the field of vision• Undo: Go backward one step in editing• Redo: Go forward one step in editing

You must click the Save button in the action bar to confirm your edits.

Section 5.07 Maintaining blogs

Blogs in CP5 are hosted and maintained within the main administration area, eliminating the need for third-party blogging software.

You may create multiple blogs, each with an unlimited number of postings. You will access all of these blogs from the same management view.

To access your blog editing view:1. Click the arrow to the left of your publication name in the site navigation window, a drop-down list will appear; click Edit.2. A new view will open in your desktop window with your front page in editing mode. Click the Blogs subtab to bring the view forward:

3. Any blogs you have created will appear here. Click a blog’s title to launch its inspection view. Click the arrow to the left of the blog’s title to see a drop-down menu of options, including CPreview.

To create a new blog:1. Click the Create new blog button on the main blog view. This will launch a new view with settings for your new blog:

25

2. Create a title for your blog in the title field.3. Add a description for your blog in the description field.4. Use the address segment box to define the Web address the public will use to access the blog. The name will be placed after “yourdomain.com/blog/”, so typing sports will result in your blog being accessible via “yourdomain.com/blog/sports”.5. Click Preview to preview the blog or press Save to confirm settings.

To create a new post for a blog1. If you’ve just saved your blog settings, you’ll be taken to the blog’s inspection view. If you are elsewhere in the administration area, you’ll need to return to the blog’s inspection view to create a posting:

26

2. In the blog inspection or edit views, click the Create new posting button to launch a new post view in your desktop window.3. Add a title to the post in the title field, this can also be your post’s headline.4. Next, add your post body to the box under the Text header. 5. Select a moderation status from the drop-down list. 6. If desired, preview your new post by clicking the Preview button in the action bar.7. Save your new post by clicking Save in the action bar. This will return you to the blog post’s inspection view. You may now close out of this view.

Making your blog accessible to the public:1. Return to your blog’s overall inspection view. Click the copy button next to your blog title, above the action bar. This will copy the link to your blog to the system clipboard.

2. Using the site navigation window, navigate to the page you want to place a blog link on. Open its inspection view by clicking on the page in the site navigation window.3. Using the drop-down object list, create a new teaser object. That object’s editing view will launch.4. Type the title or headline for your teaser in the title field, such as “Sports Blog.” You may add something to the subtitle field if you desire.5. Add a description or tease text in the teaser body field, such as, “Join columnist John Doe as he explores the realm of Cardinal athletics.”6. Next, use the paste button below the Page subheader to paste a link to the blog. If the previous fields are blank, this paste will auto-populate them.

27

7. You may design and upload an image to promote the blog. After uploading the image, search for it in the site navigation window.8. Locate the image and click its copy button.9. In your desktop window, click the paste button next the image subheader. Your teaser is now set to display an image and link to your blog.10. Click Preview in the action bar to preview the new teaser or click Save to confirm the settings.

Section 5.08 Moderating article comments and settings

Every story in your archive may have article comments appended to the bottom of the story page. You may also add comments boxes throughout your site, including your front page. These comments can be moderated by any editor at two points within the administration area:

• The default desktop view when logging in to your administration area• The comments tab on each story’s editing view

To moderate article comments after submission, navigate to one of the two areas bulleted above to see a list of comments.

1. Click the arrow to the left of the article comment title and select Edit from the appearing context menu. This will open the individual article comment in editing view mode.2. View the information associated with the comment and edit as/if needed.3. Select the Moderation State for the article comment. “Accepted” publishes the comment. “Rejected” will remove or prevent the post from publishing, depending on the comment’s current status and your default settings.4. Click Save in the action bar to confirm changes.5. Close the comment’s view to return to the article page or desktop view.

You may set default settings for your article comments, allowing you to disable anonymous posting or require moderator (editor) approval for all comments before publishing to your public site. To access your article comment settings:

1. In the site navigation window, click the arrow to the left of your publication name and select Edit from the context menu that appears. This will open your publication’s main page editing view in your desktop window.2. Select the Users tab to bring its content forward.3. Select the Settings tab under the Users tab to bring its content forward.

28

4. Select the checkboxes for the settings you want enabled. 5. Click the Save button in the action bar to confirm your settings.

To automatically enable comments on all new articles:1. Open your main page in editing view mode: In your site navigation window, click the arrow to the left of your publication name and select Edit from the appearing context menu.2. Click the Articles tab on the main page view to bring its content forward.3. On the right side of the view, the “New Article” subtab will appear.4. Enabled or disable the checkbox next to “Always add article comments to articles.” 5. Click the Save button in the action bar to confirm changes.

Section 5.09 Adding and moderating podcasts

The integrated podcast manager allows your staff to manage multiple channels from one interface. Each channel contains episodes. You can have channels for sports, news, opinion and other categories, or you may wish to keep all podcasts on the same channel.

To access the podcast manager and add a new podcast:1. Open your site’s main page. Select the podcast tab to bring it forward.

2. This will display a list of all podcast channels within your site. Click a podcast channel and open it in edit view mode. Or, select Create new podcast to establish a new channel.3. Both options will open the podcast channel details page. This page allows you to administer multiple facets of your podcast, including its logo, description, comments and episodes.

4. Establish a title for the channel, such as “News Update.”5. Create a brief description of the channel in the box marked Lead, and create a more detailed version in

29

the Description box. These will be used on your podcast channels’ RSS feeds and in your podcast listing (yourdomain.com/podcast)6. Create a file path to your podcast and give your users fast access to the channel. This will create a publicly accessible subpage of the /podcast directory on your server. For example, fill in “Update” here to have yourdomain.com/podcast/update forward directly to channel’s page.7. Select Save in the action bar to confirm changes.8. Next we’ll define the logo for your channel. Click the Images tab.

9. Click the Create new image button to open a new view. 10. Browse for your image and select it on your computer. Complete the name, caption and copyright fields with the relevant information and click Save in the action bar.

10. Select Close in the action bar to close out of the image view. This will return you to your channel detail view. 11. Your channel needs content. Click the episodes tab to begin add a new show to your channel.

Section 5.10 Adding a new podcast channel episode

The following steps will be repeated with each podcast episode or show upload. 1. Open the podcast channel you wish to add to, select the Episodes tab and select “Create new podcast.“2. Add a title for the episode and provide a description.

NOTE: If you are submitting your podcast channel feed to iTunes, it is important to make sure your logo image is at least 170 by 170 pixels at 72 dpi. ITunes best practices call for 300 by 300 pixels at 72 dpi.

30

3. Select a publish date for the podcast. This will help organize the list of your podcast episodes.4. Browse for the audio file on your computer and select Upload. After uploading, the file will automatically appear in the Select MP3 file list on the page. 5. If your podcast episode is not ready for publishing, select the Hide button.6. Click Save in the action bar to confirm changes.

Article VI. DesignSection 6.01 Changing your layout

The design of your site navigation, column structure and ad placement are part of your layout. You may change your site layout at any time with only a few mouse clicks. When changing to a new layout, the system will automatically adjust objects to fit to the refreshed design you’ve selected.

To change your site layout:1. Use the site navigation window or CPreview to open your main (home) page in inspection view.

2. Click the Edit button in the action bar on the new view. This will launch the page into editing view mode.

3. Immediately above the “Page elements” tab, a drop-down menu lists layout templates for you to select. The active layout will be selected. Click the drop-down menu and select an option to automatically activate the new layout. The page will refresh

31

4. Click the Preview button in the action bar to launch CPreview and examine your new settings.

5. When finished, select Save in the action bar to confirm changes.

Section 6.02 Understanding objects

Simply speaking, objects are containers of information. Stories, photos and other content pieces are not placed directly onto pages, they are placed into objects. These objects are placed onto pages, in turn displaying the information on your public site. Objects can be as simple as an article teaser or as complex as an automatic display of the 10 most recent sports-tagged stories. Content will automatically resize to fit in whatever object it is assigned to.

In some cases it is possible to place objects within objects, this practice is referred to as Nesting. Nesting can occur because of a distinction in object types. In CP5 there are two classifications of objects:

• Content display object: Directly displays content items such as photos and articles. Examples include the HTML object and the Teaser object.• Container object: These are design objects that assist in laying out your pages. Container objects can only hold other objects. Examples include the column splitter object and the tab object.

While content can be saved to the system as live/public, it may only be publicly viewable by RSS feed or search if the content is not set to display in an object. Objects are the final step in the publishing process for your content. While some aspects of this process can be automated, most objects are manually edited to maximize flexibility in layout and design.

Objects are predefined in CP5, though advanced users will find options to insert customized segments of HTML, CSS and similar Web code. See the object definitions section that follows for more details.

Section 6.03 Object definitions

The following objects are container objects. These objects assist in creating your design, but cannot directly hold content.

• Column splitter• Layout mechanism breaking main content column into two columns different content can appear on each side• All other objects can be placed within this object• This object does not actually display content, so other objects must be placed within it

• Tab• Layout mechanism creating a tabular interface box• Elements are placed within each tab and display whenever the tab is selected

The following objects are content display objects. These objects directly hold and display content. These objects can be added to a page or placed inside the container objects above.

• Category list

32

• A list of all articles and subsequent links generated by an automatic search of the latest articles in one or more tagged category• Editors may specify the number of articles to display in each list, with the most recent appearing first

• Article list• Manually selected list of articles and subsequent links• Attached article images can be displayed as thumbnails• Number of comments on article can be displayed• Number of articles in list can be specified, with the topmost items displaying first

• Teaser• Displays article summaries with images and link to full article• Articles can be added via copy/paste• A different image can be used in the teaser than in the article• Can be tagged with “top story” categorization

• Top story teaser• A teaser tagged with top story classification displays with a larger image and more prominent headline style

• Poll• Input a question and any number of answers• Ratio buttons are used for each answer, so multiple answers may not be selected• When Web site viewer submits answer a popup displays a bar graph of the results so far

• PDF• Upload a PDF – typically a front page or section – and link to it on your site• Any 150 pixel x 150 pixel image can be uploaded to serve as thumbnail for PDF.• Currently the PDF tool does not automatically create thumbnails

• Comments• Attach article comments ability at end of article, or “float” the object without attachment to an article, such as on a front page• This object can be automatically added to every new article

• Recent comments• Display recent comments made on articles or blogs throughout site• Number of comments selected can be controlled

• Image gallery• Slideshow of selected images using Lightbox scripting• Images can be manually added via copy/paste or in bulk via zip file• Change the slideshow by removing or adding photos

• Video• Embed a video in your site design• Use this object to upload a Web-ready video file for embedding• Create a placeholder image and upload within the same tool• Currently only .flv (Adobe Flash) is supported. Other file formats must be converted before being

33

uploaded.

• Flash animation• Embed a Flash animation (swf) in your site design• Height and width parameters can be set in element properties

• HTML• Upload any HTML code and have it displayed with this “blank canvas”• Can be used with small segments of HTML or an entire page’s worth• Useful for creating custom pages like those used in CP 4.0. Use this element alone on its own page and copy and paste the HTML code between the <Body> tags of a Dreamweaver-like editor.

• Sound slides• Embed a Sound slides presentation within your site• Export a complete zip archive of your Sound slides presentation and upload it first, then create the object to select the presentation

• Spotlight• Display set of articles horizontally with the article headline appearing above an article’s thumbnail image• Manually select articles to be placed in this list• Select number of articles to appear in spotlight list• Articles must have images attached to appear in spotlight list

Section 6.04 Arranging objects on your page

You can create an object on any page by selecting the object type from the drop-down list and clicking the create button in the desktop window. Use the column splitter and tab objects to layer content within your site.

In a two-column layout, pages display four create buttons, providing one for each quadrant of the page: upper left, upper right, lower right and lower left. You can drag and drop an object’s placement within its quadrant, but you cannot drag and drop an object to a new quadrant.

The upper and lower quadrants are separated by local advertisements. Moving objects to a column’s upper or lower quadrant allows you to control the placement of your advertisement. Move all objects to the upper quadrant to have the ad display at the bottom of the column. Alternatively, move all objects to the lower quadrant to have the ad display at the top of the column.

To move an object to a new quadrant:1. Click the object’s copy button.2. Click the paste button in the quadrant you want the object to appear in; the object will be copied there.3. Click the delete button next to the incorrectly placed object.4. Preview the page to verify the results.

NOTE: As with Internet programming, objects are ever-evolving. Look for new objects to appear in future releases as College Media Network responds to your requests and suggestions!

34

5. Save your changes.

As discussed earlier, you may use CPreview to rearrange objects in a more real-time approach. Certain aspects of desktop window editing, such as nesting and column splitters, are not as easily edited in CPreview. Used in conjunction, desktop window object editing and CPreview can quickly and easily transform your front page for major events, breaking news and special features.

Section 6.05 Changing your site navigation links

Your site map is an active representation of your public site’s navigational structure. Links to pages appear in the same order they do on your public site.

How to reorder your pages:1. Open your main (home page) in editing view mode: Clicking the arrow next to your paper name in the site navigation window and select edit from the menu that appears. This will launch a new view in the desktop window.2. In the editing view, click the subpages tab. This will display a list of all active navigational elements. 3. Hover your mouse over the toggles on the left side of the folder icons, your mouse pointer should turn to a four-directional arrow. Use your mouse to drag and drop the objects so they appear in the correct order.4. Click Save in the action bar to confirm changes.

Excluding pages from your navigation bar 1. Open the page in editing view in your desktop window.2. Under the name field for the page, select the check box labeled “Hide in navigation.”3. Click Save in the action bar to confirm settings.

How to add a link to your navigation bar:1. If linking to internal content, create and save the content before proceeding. If linking to external content, such as a school Web site, continue to the next step.2. Follow steps 1 through 2 in the section above to open your home page in editing view mode.3. Use the drop-down menus to create a new link element. Select “Article” from the first drop-down menu, and “Link” from second menu.4. Click Create to launch the link creation view.5. In the Label text box, give a name to the link such as “Webmail” or “Contact Us.” 6. If you’d like the link to launch a new browser window when clicked, check “Open in new window.” This will keep your site open in another browser, and is recommended for external links.7. Next, link to the content you’d like to display.

a. To display internal content, such as an article or page, search for the content in the site navigation window and click the item’s copy button. In the new link view, press the paste button next to “Article.” b. To display external content, add the URL to the Web site you want users to be directed to.

8. Click Save to confirm changes. You may close the link’s details view. 9. Return to your main page view, where the subpages tab should be displayed. The new link should now be present.10. Click Save to confirm changes to the navigation.

NOTE: You must save changes to both the link object and the subpages tab in order for the new link to appear in your navigation.

35

Section 6.06 Stylesheets (CSS)

CP5 uses CSS to dictate the design and layout of your site. Multiple stylesheets are used in the presentation of your site, including a global (CMN-wide) stylesheet, lightbox (photo slideshow) stylesheet and a site-specific stylesheet.

When authorized and enabled by CMN Support, your site’s top administration can alter your site-specific stylesheet. Changing your stylesheet without proper knowledge of CSS can cause damage to your site. To this end, we encourage site administrators to allow only qualified staff members the ability to edit stylesheets. This permission can be assigned when creating a user account. For more information on adding users, see Adding a new editor (staff account).

To access your stylesheet:1. Open your site’s main page in editing view.2. Click on the Stylesheets tab to bring its content forward.

3. Select your paper’s stylesheet by clicking on its title, i.e. “Daily Paper Stylesheet.” This will open a new view with your stylesheet displayed.4. In the new view, click the Edit button in the action bar to load the stylesheet in edit view. 5. Edit the stylesheet as desired.6. Click Save in the action bar to confirm changes.

Use the Files tab in the Stylesheet’s editing view to upload static content such as small icons, background gradients and other site elements. This is similar to CP 4.0’s Template Media area. Use the instructions on the Files tab to reference the images properly when updating your CSS.

Use the Compare tab in the Stylesheet’s editing view to have the system highlight line-by-line changes in revisions of the CSS. These revisions are created every time the Save button is pressed, allowing you to monitor alterations or troubleshoot design problems.

NOTE: More detailed instructions on CP5’s CSS features are available in an appendix are the end of this documentation.

36

Article VII. User ManagementSection 7.01 Accessing the user management area

To access your user management area, follow these steps:1. Open your main site page in editing view mode: In the site navigation window, click the arrow to the left of your main site page to display a context menu.2. Select edit from the context menu. The page’s editing view mode will open in your desktop window. 3. Click the Users subtab on the page to bring forward the user management area.

Users in this area are distinguished in two groups, and subsequent tabs:• Editors: Staff members of your publication• Site users: Readers and members of the general public

The Editors tab will be forefront by default. This area allows you to modify any editor (staff member) of your site.

• Create user button opens a new view in your desktop window; there you’ll add user information and assign user privileges. • Search for user: Search for editors in your system, or browse through the entire list below.

• Click a name to open the inspection view of that user’s information. • Clicking the arrow to the left of a user’s name opens a context menu, allowing you to open the user’s profile in inspection view or editing view.

• Distribute passwords to editors: Allows you to reset the password for all of your staff at one time.

The Site Users tab allows you to modify any public user of your site.• Create Site user button: Opens a new view in your desktop window; there you’ll add user information and assign user privileges. • Search for user: Search for editors in your system or browse through the entire list below.

• Click a name to open the inspection view of that user’s information. • Click the arrow to the left of a user’s name opens a context menu, allowing you to open the user’s profile in inspection view or editing view.

• Distribute passwords to site users: Allows you to reset the password for all of your site users at one time.

The Settings tab applies to features affecting site users’ interaction with your pages and articles.

NOTE: For security reasons we cannot migrate your users’ passwords from College Publisher 4.0. After switching your site to CP5, your site user accounts will need to have their passwords reset. Use the “Distribute passwords to site users” feature to force the password reset and notify all users of the change. CMN strongly suggests notifying your users prior to using this function. More information on this feature is provided later in this article.

37

• Require login to be able to comment• Site readers desiring to comment on an article must register first

• Don’t display comment until accepted by moderator• Site comments will not be posted until an editor has approved them.

Section 7.02 Adding a new editor (staff account)

Editors are any staff member of your publication who needs access to your site’s administration area. Within an editor’s account you may set permissions enabling access for:

• Publishing: Ability to approve content and publish it to your public site• Stylesheets: Access and modify your site’s custom CSS• User management: Create, modify or delete editors and site users• Bulk e-mail sending: Dispatch e-mail editions to your site users

To create a new editor:1. Follow the steps in the above section to navigate to your user management area in your desktop window.2. With the Editors tab selected, click the Create user button. A new view will load in the desktop window.

38

3. Complete the information fields. Only asterisk-marked (*) fields are required.4. Select the permissions you’d like the user to be equipped with. (See descriptions in the paragraph above.)5. Click Save in the action bar to confirm the changes and add the user to the system.

Section 7.03 Adding a new site user (reader account)

Site users are visitors to your public site who register their name and e-mail address. This allows the user to receive e-mail editions and comment on articles, message boards and blogs. Within an site user’s account you may set the following options:

• Newsletter subscriber: Receive your regular e-mail editions• Breaking news subscriber: Receive breaking news e-mail alerts• E-mail offers subscriber: Receive special e-mail offers from you or your advertisers, as you designate

To create a new editor:1. Follow the steps in the above section to navigate to your user management area in your desktop window.2. With the Editors tab selected, click the Create user button. A new view will load in the desktop window.3. Complete the information fields. Only asterisked (*) fields are required.4. Select the permissions you’d like the user to be equipped with. (See their descriptions above.)5. Click the Save button in the action bar to confirm changes.

39

Section 7.04 Editing users

To change a specific user’s information follow the steps below.1. Navigate to the Users tab under your site’s main page.2. Select the tab for the type of user you’d like to edit: editor (your staff) or a site user (a member of the general public.)3. Use the included search function or browse the list of users to select the user you’d like to modify.4. Click the user’s name to open a new view in the desktop window with the user’s information page in inspection view. Alternatively, you may click the arrow to the left of the user’s name to open a context menu, select the edit option and directly open that user’s information page in editing view:

5. Make the desired changes to the user’s account.6. Click Save in the action bar to confirm changes.

Section 7.05 Mass password resetsYou may reset the passwords of all site users and/or site editors at any time using the reset feature in the Users administration view.

This feature is included at the bottom of the site user list and the site editor lists:

To use this feature:1. Customize your subject line to your desire, i.e. “YourSite.com Password reset notification”2. In the body field, you must include the “[name]” and “[password]” auto-text brackets to successfully reset the passwords and e-mail all users. We highly suggest customizing this text so your users to not misinterpret the e-mail as SPAM.

40

3. Click the Send mail button to reset the passwords and notify users are their specified e-mail address.

Article VIII. Newsletters (E-mail editions)Section 8.01 Accessing the Newsletter manager CP5 allows you to create multiple e-mail editions with distinct uses.

To access the Newsletter manager:1. Open your site’s main page from the navigation window of the CP5 admin.2. In the secondary list of tab views, select Newsletters to bring the tab’s content forward.

3. A list of newsletters, if previously created, will display under the “Newsletters tab.”

Section 8.02 Manging general newsletter optionsCertain options of your outgoing newsletters may be customized.

To access your newsletter options:1. Click the Layout tab under the Newsletters tab.2. Click the Edit button in action bar if you are not already in edit view mode. This will open the options for editing.

41

4. Edit the options of your newsletters:• REPLY-TO: The reply-to field should be a legitimate address to reduce the likelihood of newsletters being marked as spam.• MASTHEAD: Create a customized newsletter version of your site or paper’s logo. It is recommended that the image be 40 to 50 pixels in height and 600 pixels in width.• BANNER AD: Upload your banner ad, making sure it is the right size. Incorrectly sized ads will break your newsletter design, in turn making it unreadable to some users.• LINK COLOR: Insert the color HEX value for your link color. If you’re not sure what HEX value to use, do an Internet search for HEX color values to find the color fitting your taste.

5. Click Save in the action bar to confirm changes.

Section 8.03 Adding a newsletterIn previous CP versions, newsletters were automatically created with the publishing of a new issue. As issues no longer exist in CP5, newsletters must be manually created whenever your staff deems it necessary to send them. In most cases, you’ll create a new newsletter every day your print edition publishes, in addition to breaking news or special report circumstances.

To create a new newsletter:1. Click the Create Newsletter button under the Newsletters tab. 2. Fill in the selected fields including:

• the internal system name for the newsletter (a date or event may work best)• the subject of the e-mail• letter to the editor text

3. Search for stories in the content archive, then copy them to the CP5 clipboard.

42

4. Paste these articles to the newsletter content list:

5. Click the Preview button in the action bar to see a preview of the e-mail body. When finished, return back to the Newsletter view page above.

43

6. Click Save in the action bar to confirm changes.7. At the bottom of the page, a send option will appear upon saving:

8. Click the Send button to send the e-mail.9. After confirmation, you may then close out the view.

46

Appendix: Glossary of terms

.flvFile extension used by Adobe Flash; signifies a proprietary file type used for audio/video streaming within Flash players. As a comparison, this is the DVD to your DVD player.

.swfFile extension used by Adobe Flash; signifies a partially open file type used for multimedia display and vector graphics.

Action barGray bar located at the top and bottom of views in the desktop window.

Alt-textText displayed when an element the text is assigned to can not be displayed, just as a large image on a mobile device; Also known as an “alt attribute” in HTML.

Container objectAn object type that can only hold other objects displaying content. These objects are useful in altering page designs.

ContentA “piece” or instance of text or photo, as well as multimedia files like MP3s and PDFs. Content is searchable within the administrative and public sites. Content only appears on public site pages when displayed in an object.

Content display objectAn object type directly responsible for displaying content items such as photos or articles. These objects can be added directly to a page or placed inside a container object.

Context menuA menu that displays when clicking a specific button or object, providing a list of options relevant to the situation. The menu typically displays when right-clicking, or when clicking the arrow next to a page in the site navigation window.

Copy/pasteThe action of creating an object reference in CP5. Use the copy button to load an item’s link into the system clipboard, and then click the paste button to place a link to the object in the specified location. Note: This is not the same as copy/paste in an operating system, which physically duplicates a particular item.

CPreviewThe interactive preview mode for your public site, accessible only through your administrative area; Allows you to see a site at a specific time in the future, as well as edit design and layout of page objects. Best when used in a separate browser window, preferably on a second screen.

CSSAn acronym for Cascading Style Sheets, a language used to write the presentation instructions for a

47

document written in markup like HTML.

Desktop windowLargest frame in your administration area, aside from CPreview. Shows inspection and editing “views” of objects, up to 10 at a time.

Edit(ing) viewView in the desktop window allowing access to object settings and page layouts; Accessed by context menus or by clicking Edit in an object’s action bar.

File pathA file’s unique position within a computer system or a Web server. Example: server.com/folder/file.html

FooterArea at the bottom of a Web page used for copyright, secondary navigational links and legal information links.

FTPAcronym for File Transfer Protocol; Popular method of uploading and downloading files to a remote server, such as a Web server.

HeaderArea at the top of a Web page uses for navigational links and site logo/banner.

Hex valueA unique code assigned to every color; also known as a hexadecimal value. Example: #000000 (black) and #FFFFFF (white).

HTMLAcronym for HyperText Markup Language; Dominant language used to write Web pages and create structure within a Web document.

Inspection viewView in the desktop window allowing you to view but not edit settings and page layouts; This is the default view when clicking on a page or object. Inspection view is the only view available when another users had an object locked.

LightboxA JavaScript code project that provides the interface for CP5 image galleries. Lightbox places images above your Web page, not within.

Locked page/objectA non-editable part of the administration area automatically protected while another user is in its edit view. The system will release the lock when the editing user cancels or saves changes.

Logo barThe top frame of the administration area displaying the CP5 logo and other shortcuts to system features and

48

resources.

MetadataAutomatically saved information about an object, page or content piece’s system characteristics, such as time last saved, date last saved, content type and more.

ModerationThe process of approving, disapproving and deleting content from the system, such as article comments and blogs. This privilege can be assigned to a specific user, such as an editor.

Navigation barOn your public site, a display of links facilitating access to other parts of the site.

NestingThe method of placing one object within another to achieve a particular design or layout goal.

ObjectContainers displaying content on pages of your public site. Some objects’ purposes are mainly organizational, such as tabular boxes and column splitters; these particular objects use nesting to display other objects with content in them.

PagesA directly accessed display of objects with a header and footer, editable from the desktop window or CPreview. In prior versions of CP, pages were known as “sections” and “custom pages.” Multiple pages create the illusion of sections of CP5.

PermissionsA set of privileges enabling particular functionality assigned to a given user.

PerspectiveThe layout and size of your administration area frames, including the site navigation window, logo bar, CPreview and desktop window.

RSSAcronym for Really Simple Syndication; Family of languages used to create “feeds” of information from particular sites or parts of sites. News readers, or aggregators, use these feeds to display updates through a variety of Web and computer programs.

Save & InsertAn action bar button allowing you to save the page or object and then place it within a part of your site map.

SectionsA collection of pages in CP5 related to a topic and its subtopics, i.e. sports and women’s basketball, men’s basketball and lacrosse.

Site map

49

Tab within the site navigation window displaying the structure of your Web site similar to the way an operating system displays a hard drive’s folders. You may navigate views in your desktop window by clicking on the pages displayed in the site map. To restructure the organization of the site, open the subpages tab of your home page.

Site navigation windowThe far-left frame of the site administration window with tabs for the Site map and Search features.

Sound slidesA popular third-party computer application used to sync photos and audio. The programs exported files can be uploaded to CP5 for embedded display within your site.

SubpageA “child” page of a “parent” page of higher priority in your site structure/site map. Example: Metro page under the News page.

SubsiteA “child” site of your “parent” main site. Example: The advertising subsite of yournewspaper.com.

Tags, taggingMarking or flagging individual content, objects or pages as relating to one specific topic, such as entertainment or news; Also referred to as taxonomy. Used in CP5 to define “section” pages, or pages providing information on only one topic.

ThumbnailA small version of a larger photo used for teasers or display in objects.

ViewA tab of information and settings for pages, objects and content in the desktop window of the administration area. Views can be displayed in inspection mode or editing mode.

WildcardA character substitute for any other letter or character, typically in a search. Most commonly this character is the asterisk (*).

XMLAcronym for Extensible Markup Language; An open standard markup language allowing users to define their own elements. In the case of InDesign Exports, elements are defined by InDesign and read/ingested by CP5.

50

Appendix: Using CSS in CP5

Cascading Style Sheets (CSS) are a very important when it comes to changing the look and feel of your site. Whereas elements (article lists, column splitters, etc.) change your site’s layout, CSS is used to change your site’s appearance.

Understanding the Interface

CSS is edited through the ‘Stylesheets’ tab within the CP5 interface. All changes to your site’s CSS will be made here.

Stylesheets can be edited, removed, or created just like elements. Choosing to edit a stylesheet will bring up the code editor.

The Stylesheets Tab

The Code Editor

51

Once the stylesheet has been edited, simply hit “Save” to save any changes made. How CSS works in CP5

CP5 uses a default stylesheet to determine how sites look. Your Web site is coded to load your custom stylesheet last, which gives it the highest priority of any of your stylesheets. When creating and editing your own stylesheets you can trump the system’s default ids and classes with your own definitions.

CP5’s default stylesheet can be found here: http://web1.collegepublisher.com/se/cp.global.css

In order to overwrite the default values, you must copy/paste the relevant code from the global stylesheet into the code editor.

NOTE: You CANNOT edit the cp.global.css file. You MUST copy/paste the parts you would like to change into YOUR OWN stylesheet within the code editor. The values in your own stylesheet will overwrite the ones in the cp.global.css file automatically.

It should be noted that the default stylesheet is quite extensive. Most common changes to your site only involve a few lines of CSS. College Media Network suggests you only copy/paste the portions of the cp.global.css stylesheet you need to edit.

Using CSS with different layout templates

You may notice that certain values in the cp.global.css are designated with “#a” or “#b” tags. This refers to different types of layout templates.

Classes defined with a “#a” tag will only work if your site is using a template with a horizontal navigation (a navigation bar going across the top of the site). Classes defined with a “#b” tag will only work if your site is using a template with a vertical navigation (with site navigation going down the side of the page).

“#a” tags will be ignored if you are using a vertical template and “#b” tags will be ignored when your site is using a horizontal one. Please be sure of which type of template you are using when trying to edit values with “#a” or “#b” tags.

The CP5 Global Stylesheet