balance cosn drupal user manual · drupal is a content management system (cms). its goal is to help...

46
CoSN Drupal User Manual August 20, 2013 Carolyn Pierce Tate, Senior Project Manager [email protected]

Upload: duongthuy

Post on 12-Sep-2018

226 views

Category:

Documents


0 download

TRANSCRIPT

CoSN

Drupal User Manual

August 20, 2013

Carolyn Pierce Tate, Senior Project Manager

[email protected]

COSN: DRUPAL USER MANUAL

2 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Table of Contents

Introduction ........................................................................................................................................................... 6

Drupal Defined ........................................................................................................................................................... 6

Drupal Workspace ...................................................................................................................................................... 6

Drupal Menu .......................................................................................................................................................... 6

Editing Tabs ............................................................................................................................................................ 6

My Workbench ...................................................................................................................................................... 7

Navigation ................................................................................................................................................................. 7

WYSIWYG Editor......................................................................................................................................................... 7

Search ........................................................................................................................................................................ 7

Ways of Displaying Content ....................................................................................................................................... 7

Nodes ..................................................................................................................................................................... 7

Views...................................................................................................................................................................... 7

Nodequeues........................................................................................................................................................... 8

Using Drupal .......................................................................................................................................................... 9

Logging In .................................................................................................................................................................. 9

Editing and Deleting Content ............................................................................................................................... 10

Finding and Editing Content ..................................................................................................................................... 10

Browsing .............................................................................................................................................................. 10

Content List .......................................................................................................................................................... 10

Remove Existing Content ......................................................................................................................................... 10

Delete Content ..................................................................................................................................................... 10

Unpublish Content ............................................................................................................................................... 10

Reverting to Previous Version .................................................................................................................................. 11

Edit Content Blocks .................................................................................................................................................. 11

Edit Individual Items ................................................................................................................................................ 11

Editing the Home Page ......................................................................................................................................... 12

1 – Homepage Slide (Nodequeue) ....................................................................................................................... 12

2 – Events (View) ................................................................................................................................................. 13

3 – News (View) ................................................................................................................................................... 13

4 – Featured Sponsors (View) .............................................................................................................................. 13

5 – Recent Blog Posts (View) ................................................................................................................................ 13

COSN: DRUPAL USER MANUAL

3 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

6 – Featured Report (Nodequeue) ....................................................................................................................... 13

7 – Featured Focus Area (Nodequeue) ................................................................................................................ 13

8 – CoSN in Photos (Content Block) ..................................................................................................................... 13

9 – Twitter (View)................................................................................................................................................. 13

10 – About CoSN (Content Block) ........................................................................................................................ 13

11 – Footer: Contact/ Copyright (Content Block) ................................................................................................ 13

Editing Blocks on the Home Page ............................................................................................................................ 14

To edit content in a block ..................................................................................................................................... 14

To add or delete a block ....................................................................................................................................... 14

Creating Content .................................................................................................................................................. 15

Types of Content ...................................................................................................................................................... 15

Notes about Adding Content.................................................................................................................................... 16

Add New Pages .................................................................................................................................................... 16

Summary Text ...................................................................................................................................................... 16

Notes on Additional Tabs ..................................................................................................................................... 16

Notes on Required Fields ..................................................................................................................................... 17

Notes on Images .................................................................................................................................................. 17

Add an Award .......................................................................................................................................................... 18

Add a Blog entry ...................................................................................................................................................... 19

Add a Callout ........................................................................................................................................................... 19

Add an Event ............................................................................................................................................................ 19

Add Focus Area ........................................................................................................................................................ 20

Add a Member Spotlight .......................................................................................................................................... 21

Add a Page ............................................................................................................................................................... 21

Add a Press Release ................................................................................................................................................. 22

Add a resource ......................................................................................................................................................... 23

Add a Slide ............................................................................................................................................................... 24

Add a Sponsor Profile ............................................................................................................................................... 25

Add a Staff Bio ......................................................................................................................................................... 25

Add State Chapter .................................................................................................................................................... 26

Add a Webform ........................................................................................................................................................ 27

Additional Webform Info ..................................................................................................................................... 28

Add a Webinar ......................................................................................................................................................... 28

COSN: DRUPAL USER MANUAL

4 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Using the WYSIWYG Editor .................................................................................................................................. 30

Moving Content from Other Documents .................................................................................................................. 30

Apply Formatting and Styles .................................................................................................................................... 31

Make Links to Other Websites ................................................................................................................................. 31

Make Links to Other Pages on the Site..................................................................................................................... 31

Style Tables .............................................................................................................................................................. 32

Apply styles in Firefox .......................................................................................................................................... 32

Apply Styles in Internet Explorer and Chrome ..................................................................................................... 32

Upload and Insert Images ........................................................................................................................................ 33

Upload and Link to PDFs .......................................................................................................................................... 33

Advanced Functionality ....................................................................................................................................... 35

Navigation Menus.................................................................................................................................................... 35

Reorder Links in the Navigation ........................................................................................................................... 35

Add New Item to the Menu ................................................................................................................................. 35

Add Menu Item in Additional Locations .............................................................................................................. 36

Add Menu Item to External Site........................................................................................................................... 36

Managing Blocks ..................................................................................................................................................... 36

Adding or Deleting a Block from a Region ........................................................................................................... 36

Removing a Block from a Particular Page ............................................................................................................ 37

Manage Comments ................................................................................................................................................. 37

Approve Comments ............................................................................................................................................. 37

Edit or Remove Comments .................................................................................................................................. 38

Editing Taxonomy ..................................................................................................................................................... 38

Add to a Taxonomy Term ..................................................................................................................................... 38

To Edit a Taxonomy Term ..................................................................................................................................... 38

To Remove a Term from a Taxonomy ................................................................................................................... 39

Views ........................................................................................................................................................................ 39

URL Redirects ........................................................................................................................................................... 40

Style Sheets .............................................................................................................................................................. 40

Users ........................................................................................................................................................................ 41

Add/Delete Users ................................................................................................................................................. 41

Defined Roles ....................................................................................................................................................... 41

Add a Role ............................................................................................................................................................ 41

Reports ..................................................................................................................................................................... 41

COSN: DRUPAL USER MANUAL

5 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Google Analytics .................................................................................................................................................. 43

Accessing Google Analytics ...................................................................................................................................... 43

Viewing Reports ....................................................................................................................................................... 43

Adding, Editing & Deleting Filters ............................................................................................................................ 44

Managing Users ....................................................................................................................................................... 45

Managing Profiles .................................................................................................................................................... 45

Help .......................................................................................................................................................................... 46

COSN: DRUPAL USER MANUAL

6 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Introduction

DRUPAL DEFINED

Drupal is a content management system (CMS). Its goal is to help users compose and publish website content

such as publications, announcements, events, and other product information.

The content on a Drupal-based site is stored in a database. When visitors view a page, Drupal gets the relevant

bits of content from the database and places all of the right components on the page template. This makes it

easy to quickly for someone to add or change content, without knowledge of HTML or other web technologies.

There are two views of the content in the database:

A public view of the site with all the design elements applied and no option to edit

A back-end view of the site. Content editors and publishers must be logged in to view the back-end.

When logged in, they have permissions to edit, add, and publish content.

DRUPAL WORKSPACE

Drupal Menu

Items in the main menu bar will let a Drupal user perform all tasks and actions necessary to make changes to

the site.

Editing Tabs

When logged into Drupal, tabs will appear at the top of each content area. Some pages have more than one

content area. Be sure to have the correct piece of content displayed to edit it. Some tabs are:

View – default view displaying the page as it appears to the public

Edit – opens the current draft in edit mode, displaying fields which can be edited

Nodequeue – list of items manually selected to appear. Refer to Nodequeues section for more

information

An example of what these tabs look like is displayed below.

COSN: DRUPAL USER MANUAL

7 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

My Workbench

My Workbench, accessed via the Drupal menu, provides an easy to use interface for creating and managing

your content.

NAVIGATION

Navigation is based on the approved site map. The top-level navigation items appear in the website’s

navigation bar. First and second level navigation appear on the left-hand side of interior pages. Breadcrumbs

display the entire path assigned to a page. Be sure to assign the proper location when creating a page. (See

Add New Pages in Creating Content.)

WYSIWYG EDITOR

The WYSIWYG (What You See Is What You Get) editor allows the Drupal user to enter, paste, and format text

without using any HTML coding. See Using the WYSIWYG Editor for more details.

SEARCH

This site includes search and advanced search functionality to allow users to locate content on the site.

WAYS OF DISPLAYING CONTENT

Nodes

Drupal refers to a full display page as a “node.” This is made up of a variety of items, including the design

template, menu, and other associated content pieces. Each part of a node can be updated by editing the

various content types of the node.

Views

Some pages provide a dynamic display of content type defined in a “View.” Editing views requires advanced

knowledge of Drupal.

COSN: DRUPAL USER MANUAL

8 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Nodequeues

The nodequeue module is an easy way of creating arbitrarily ordered lists of content items. This list can then

be manually ordered. Slides are added to the Homepage Slideshow via Nodequeue.

To edit the items in a nodequeue:

1. Go to an item that appears or that should appear in the nodequeue.

2. Click Nodequeue tab.

3. Click Add to queue in the appropriate row.

To change the order of nodes:

1. Go to an item that appears or that should appear in the nodequeue.

2. Click Nodequeue tab.

3. Click the name of a nodequeue. This action opens the Subqueue.

4. Click the up or down arrow in the page’s row to move it in the queue (red text indicates a change).

5. Click Save.

In addition to the above method, a full list of nodequeues is available at Structure > Nodequeues.

Note: Standard nodequeues have just one subqueue. Nodes put into a queue are added to the back of the

queue; when a node is added to a full queue, the node in the front of the queue will be removed to make room.

The maximum number of nodes that will appear in the queue varies. Currently, the maximum number of

items that can be added to the nodequeues are as follows:

Featured Focus Area- 1

Featured Report - 1

Homepage Slideshow – 4

Staff List - Infinite

COSN: DRUPAL USER MANUAL

9 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Using Drupal

LOGGING IN

To login to administer content on the CoSN site:

Development (before going live): http://192.237.165.187/user

In the popup window enter these credentials:

user: balance

password: C0Sn3@425

Live: www.cosn.org/user

Enter your Drupal username and password.

On the default screen (i.e. when no page has been selected), click the Edit tab (under username) to

change the username, email address, or password. Do not change any other settings. For more

information refer to Users.

For administrators the Drupal Menu will appear at the top of the screen (black bar with white type).

Select My Workbench to create content, view drafts and content that needs review.

COSN: DRUPAL USER MANUAL

10 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Editing and Deleting Content

Note: Some options will vary, depending on user roles.

FINDING AND EDITING CONTENT

There are two ways to find and edit existing content: browse to it or view the list of content.

Browsing

1. Navigate to the page to edit.

2. In the Editing Tabs Menu click the Edit tab.

3. Change the text and settings.

4. Click Save at the bottom of the page.

Content List

When signed in as administrator, access the Drupal menu at the top of the screen and:

1. Select Content. The default listing is by most recently updated. To narrow the list, filter by status (e.g.

published, unpublished, etc.) or by content type.

2. Find the piece of content to edit and click the corresponding Edit link.

3. Make the changes.

4. Click Save at the bottom of the page.

REMOVE EXISTING CONTENT

Content may be deleted or unpublished. When content is deleted, it is removed from the site completely.

When content is unpublished, it is removed from the site but remains in the database and can be viewed in

the back-end and re-published if desired.

Delete Content

1. Navigate to the page to delete.

2. In the Editing Tabs Menu click the Edit tab.

3. Click Delete at the bottom of the page and confirm deletion.

OR

1. In the Drupal Menu, select Content. The default listing is by most recent update. To narrow the list,

filter by content type, or by status.

2. Click on the checkbox next to the content item(s) to delete.

3. Select Delete in the Update drop-down menu.

4. Click Update.

Unpublish Content

1. In the Drupal Menu, select Content. The default listing is by most recent update. To narrow the list,

COSN: DRUPAL USER MANUAL

11 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

filter by content type, or by status.

2. Click on the checkbox next to the content item(s) to unpublish.

3. Select Unpublish in the Update drop-down menu.

4. Click Update.

REVERTING TO PREVIOUS VERSION

Most content types save revisions of previously saved content. For content that has the Revisions tab

available, use the following instructions to revert to a previous version as the published node.

1. Navigate to the page to change.

2. Click on the Revisions tab.

3. Click on the desired date to view the content of a previous version.

4. Click the Revert link in the row of the desired version. That version will become the “current

revision” and will appear at the top of the list.

EDIT CONTENT BLOCKS

Certain areas of the site use content blocks that are directly editable on the page. For information on adding

and removing the blocks themselves, refer to Administrator & Advanced Functionality: Managing Blocks.

1. Click Gear icon that appears in upper right near the content to be edited.

2. A menu will appear. Select Edit.

3. Update the Body text, as appropriate.

4. Click Save at the bottom of the screen.

EDIT INDIVIDUAL ITEMS

The following content types are not displayed as individual pages and can be accessed only from the Content

List:

Event

Resource

Slide

Sponsor Profile

State Chapter

1. In the Drupal Menu, select Content Management>Content>List

2. OR

In the left User menu select Content List.

3. Filter by type to find the piece of content you want to edit

4. Click the Edit link in the corresponding row

5. Make changes as desired

6. Click Save at the bottom of the screen

COSN: DRUPAL USER MANUAL

12 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Editing the Home Page

1 – Homepage Slide

(Nodequeue)

2 – Events (View)

3 – News (View)

4 – Featured Sponsors

(View)

5 – Recent Blog Posts

(View)

6 – Featured Report

(Nodequeue)

7 – Featured Focus Area

(Nodequeue)

8 – CoSN in Photos

(Content Block)

9 –Twitter (View)

10 – About CoSN

(Content Block)

11 – Footer: Contact/

Copyright (Content

Block)

Edits to the home page can only be made by those with administrator role.

1 – Homepage Slide (Nodequeue)

This section displays the homepage slideshow based on the Homepage Slideshow nodequeue. For information

on changing, or changing the order of, the up to four slides that appear in this area, refer to Nodequeues. For

information on adding content that can be included in this nodequeue, refer to Add a Home Slide.

COSN: DRUPAL USER MANUAL

13 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

2 – Events (View)

This section displays upcoming event item based on event date. Refer to the Add Events section for more

information.

3 – News (View)

This section displays the most recent press release based on post date. Refer to the Add Press Release section

for more information.

4 – Featured Sponsors (View)

This section displays three featured Sponsor Profiles at random on page load. Refer to the Add Sponsor Profiles

section for more information.

5 – Recent Blog Posts (View)

This section displays the four most recent blog postings based on post date. Refer to the Add Blog section for

more information.

6 – Featured Report (Nodequeue)

This section displays the Report/Resource based on the Featured Report nodequeue. For information on

changing the Report that appears in this area, refer to Nodequeues. For information on adding content that can

be included in this nodequeue, refer to Add a Resource section.

7 – Featured Focus Area (Nodequeue)

This section displays the Focus Area based on the Featured Focus Area nodequeue. For information on

changing the Focus Area that appear this area, refer to Nodequeues. For information on adding content that

can be included in this nodequeue, refer to Add a Focus Area section.

8 – CoSN in Photos (Content Block)

This area displays the Flickr Recent Photos content block. Edits are done at

/admin/structure/block/manage/flickr/3/configure. Here you can edit the Flickr User Id, how many photos

to show, and size of the photos. Refer to the Editing Blocks on the Home Page section for more information.

9 – Twitter (View)

This section displays the three most recent @CoSN Twitter feed tweets.

10 – About CoSN (Content Block)

This area displays the Footer Bottom Left content block. Refer to the Editing Blocks on the Home Page section

for more information.

11 – Footer: Contact/ Copyright (Content Block)

This area displays the Footer Bottom Right content block. Refer to the Editing Blocks on the Home Page section

for more information.

COSN: DRUPAL USER MANUAL

14 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

EDITING BLOCKS ON THE HOME PAGE

To edit content in a block

1. Click the Gear Icon that appears in the upper right near the content to be edited. A menu will drop

displaying the Configure option. Select Edit.

2. Update the Body text (see Using WYSIWYG Editor) and/ or Title.

3. Click Save at the bottom of the screen

To add or delete a block

Refer to Administrator & Advanced Functionality: Managing Blocks.

Note: The site theme is setup with the blocks necessary for implementation of the site design; deleting blocks

should be done with extreme caution. Some blocks contain code that could break current site functionality if

modified.

COSN: DRUPAL USER MANUAL

15 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Creating Content

Regardless of type, the process for adding content follows a basic structure.

1. Select Content from the Drupal menu at the top of the screen.

2. Select + Add Content at the top of the page. This will open a list of available content types.

3. Select the type of content to create and complete the fields.

4. Click Save when finished.

Note: Most pages also have a Preview button to preview the content as it would appear on the live site prior

to saving.

TYPES OF CONTENT

The CoSN website is made up of 14 content types, each of which has a specific function:

Award - Listed on the awards page

Blog – Use to create a blog posting.

Callout – Used for Sidebar blocks, can be chosen per page. Can be reused throughout site.

Event – General Event content type for events that will take place in a physical location.

Focus Area - Topic landing page. Can be parent topic or child topic

Page – Use for the general website pages.

Press Release – Use for news items.

Resource - CoSN Publications. Link over to Avectra for downloading/purchasing

Slide – Use for images and slide details for the homepage slideshow.

Sponsor Profile – Used to populate the list of sponsors and sponsor highlight block on the homepage. Should

have content highlighting how the sponsor has helped CoSN to encourage new sponsors.

Staff Bio – One for each staff member, referenced in the blog content type.

State Chapter - Used to populate the list of state chapters.

Webform – Use to create a new form or questionnaire accessible to users. Submission results and statistics

are recorded and accessible to privileged users.

Webinar - Online Events that do not have a location.

COSN: DRUPAL USER MANUAL

16 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

NOTES ABOUT ADDING CONTENT

Add New Pages

Adding a new page may affect the site navigation. Therefore, it is important to determine carefully where the

page will “live” on the site—and if it will show in a navigation menu—before saving it.

In addition to Pages, the following content types can also be added to menus: Awards; Focus Area; or

Webform.

1. Select desired content type.

2. Complete fields.

3. Expand Menu settings to choose the parent of this page (select Main Menu if it should show up in

main navigation). If Provide a menu link is not checked, put a check mark in that box to expand the

remaining Menu settings selections.

4. Enter Menu link title to enter the title as it should appear in navigation.

5. Enter Description (This is the text shown when hovering over the menu link).

6. Select Parent item.

7. Click Save at the bottom of the screen.

Summary Text

Certain displays on the site use summary text to lead the users to the full text of the content. Summary text is

automatically created using a trimmed version of the body text; however, this text can be overridden with a

custom summary. To create a custom summary, click the Edit Summary link beside the Body, and enter the

summary using the WYSIWYG.

Notes on Additional Tabs

At the bottom of each content type, additional information can be entered or edited by clicking on the tab

label for that section. The available tabs vary by content type, and where information on these tabs is of

COSN: DRUPAL USER MANUAL

17 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

special importance, that information is highlighted in the instructions for that content type. For many of these

tabs, the defaults appropriate to the site are already set, and no further input is needed.

Menu Settings – Used to add and arrange the Page, Awards, Focus Area or Webform in the menus on the site.

Refer to the section Add New Pages above, or the specific content type in Create Content for more information.

Rabbit Hole Settings – Used to determine the behavior of what should happen when someone tries to view

the content on its own page. Options are to use the Bundle Default, Display the Page, deliver an Access Denied

page, deliver a Page Not Found page, or issue a Page Redirect to the front page or a defined redirect path.

URL Path Settings – Automatic alias will be generated using the settings defined for the site. To override the

alias to be used, uncheck this option and enter the new alias. If entering an alternative URL, use a relative path

and do not use the trailing slash.

Meta Tags – Used to enter metatag information some of which is used by search engines.

Revision Information – Used to enter a log message to include when this content is revised. An explanation

of the additions or updates being made can help other authors understand the reasons for the change that

was made.

Comment Settings – Radio button selection for enabling of user comments on this content. Available choices

are open or closed. The default value varies by content type as appropriate for the design.

Authoring Information – Used to enter the author and authoring date and time for the content. Author

defaults to the user making the change, but this information may be changed or left blank for “anonymous.” If

author date/time is left blank the time of form submission will be used.

Publishing Options – Used to set publishing settings. Published defaults to checked (published immediately),

and Promoted to Front Page defaults to checked for certain content types as appropriate. To save without

publishing, uncheck Published before saving the content.

Note: Some options will vary, depending on user roles.

Notes on Required Fields

Required fields are noted on-screen by a red asterisk *. These fields must be completed before the record can

be saved.

Notes on Images

Images can be added individually for use throughout the site. Directions for attaching images are in each

content type.

COSN: DRUPAL USER MANUAL

18 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Note on image sizes:

Homepage carousel Image = 1070 x 492

Sidebar image - Member Spotlight = 131 x 124

Sidebar image - Video = 290 x 177

Intro Image (This is the image under the title on every interior page) = 260 x 316

Flickr Feed Image = 130 x 130

Homepage featured content image (seen in the events and news blocks) = 214 x 185

Thumbnails (For Report Covers or the Member Spotlight and the homepage right side callouts for

example) = 131 x 124

MegaMenu image= 260 x 113

Sponsor Logo = no wider than 172px

ADD AN AWARD

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Award from the list of content types.

4. Enter Title.

5. Click Select Media

To upload a new logo

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add an existing logo:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

6. Enter text in Body (See Using the WYSIWYG Editor and Formatting Tips below).

7. Enter text in Sidebar Text

8. If page is to appear in the menu expand Menu settings. If Provide a menu link is not checked, put a

check mark in that box to expand the Menu settings selections.

a. Enter Menu link title to enter the title as it should appear in navigation.

b. Enter Description (This is the text shown when hovering over the menu link).

c. Select Parent item.

9. Complete the remaining tabs at the bottom of the screen as needed. Refer to Notes on Additional Tabs

above for more information.

10. Click Save.

COSN: DRUPAL USER MANUAL

19 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

ADD A BLOG ENTRY

CoSN staff authors may enter blog posts. Once a blog post is live, any registered visitor to the site may

comment, and administrators can moderate these comments. Blog is also used to create a Member Spotlight.

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Blog from the list of content types.

4. Enter the Title.

5. Enter the Author Title and URL to link to author bio page on this website, or to another website.

6. If Author has existing bio page on CoSN site, select it from Staff Bio drop-down menu.

7. Select from the list of available Categories. A list of Categories is featured on the Blog pages, linked to

a view of blogs using that term.

To create a Member Spotlight select the Member Spotlight category.

8. Select from the list of available Tags. CTRL + click to select more than one tag.

9. Enter the blog text in Body (See Using the WYSIWYG Editor and Formatting Tips below).

10. On the Comment settings tab, be sure Open is selected.

11. To change the author and/or authoring date and time for the content select Authoring Information.

Author defaults to the user making the change, but this information may be changed or left blank for

“anonymous.” If author date/time is left blank the time of form submission will be used.

12. Click Save at the bottom of the screen.

ADD A CALLOUT

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Callout from the list of content types.

4. Enter the Title.

5. Select the Icon from the drop-down menu.

6. Enter the URL in Link.

7. Enter the text in Body (See Using the WYSIWYG Editor and Formatting Tips below).

8. Click Save.

ADD AN EVENT

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Event from the list of content types.

4. Click Select Media

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

COSN: DRUPAL USER MANUAL

20 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

5. Select the Event Type.

6. Enter the appropriate information in the Event Title, Topic, Date, and Avectra Register Link fields.

7. Enter content in Body, Location, Directions, Speakers, and Sponsors fields. (See Using the

WYSIWYG Editor and Formatting Tips below).

8. Select State Chapter Sponsor.

9. Click Save.

ADD FOCUS AREA

To create topic landing page (tabbed pages of content) for each of the Focus areas. Can be parent topic or child

topic.

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Focus Area from the list of content types.

4. Enter the Focus Area.

5. Select Focus Area in the drop-down menu.

6. Enter Tab Titles and Body text for each desired Tab.

7. Enter the text in Intro (See Using the WYSIWYG Editor and Formatting Tips below).

8. Click Select Media

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

9. Select Featured Resources. CTRL + click to select more than one Resource. Limited to three.

(Resources must be added to the site using the Resource content type before they will appear on this

list. See Add a Resource below.)

COSN: DRUPAL USER MANUAL

21 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

10. Select Action Callout. CTRL + click to select more than one Action Callout. Limited to three.

11. If desired select Sidebar Media.

12. Expand Menu settings. If Provide a menu link is not checked, put a check mark in that box to

expand the Menu settings selections.

a. Enter Menu link title to enter the title as it should appear in navigation.

b. Enter Description (This is the text shown when hovering over the menu link).

c. Select Parent item.

13. Complete the remaining tabs at the bottom of the screen as needed. Refer to Notes on Additional Tabs

above for more information.

14. Click Save.

ADD A MEMBER SPOTLIGHT

A Member Spotlight is created using the Blog content type and selecting the Category: Member Spotlight.

(See Add Blog entry above.)

ADD A PAGE

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Page from the list of content types.

4. Enter Title.

5. Enter the text in Intro (required) (See Using the WYSIWYG Editor and Formatting Tips below).

6. To add the intro image (required) click Select Media.

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add a video or Flickr image:

a. Click the Web button.

b. Enter the URL or Embed code.

c. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

7. Enter the text in Body (See Using the WYSIWYG Editor and Formatting Tips below).

8. Select desired Right Sidebar Callouts

9. Select Sidebar Media. For more information on adding a video to this list, refer to Add a Video.

To add a video or Flickr image:

COSN: DRUPAL USER MANUAL

22 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

a. Click the Web button.

b. Enter the URL or Embed code.

c. Select the Submit button.

10. If page is to appear in the menu expand Menu settings. If Provide a menu link is not checked, put a

check mark in that box to expand the Menu settings selections.

a. Enter Menu link title to enter the title as it should appear in navigation.

b. Enter Description (This is the text shown when hovering over the menu link).

c. Select Parent item.

11. Complete the remaining tabs at the bottom of the screen as needed. Refer to Notes on Additional Tabs

above for more information.

12. Click Save.

ADD A PRESS RELEASE

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Press Release from the list of content types.

4. Enter the appropriate text in the Title, Subheading, Location and Date fields.

5. Enter the text in Body (See Using the WYSIWYG Editor and Formatting Tips below).

6. Select desired Tags and Focus Area. CTRL + click to select more than one.

7. To add an image click Select Media.

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add a video or Flickr image:

a. Click the Web button.

b. Enter the URL or Embed code.

c. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

8. Complete the remaining tabs at the bottom of the screen as needed. Refer to Notes on Additional Tabs

for more information.

9. Click Save.

COSN: DRUPAL USER MANUAL

23 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

ADD A RESOURCE

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Resource from the list of content types.

4. Enter the Resource Title.

5. Enter text in Body and Summary fields. (See Using the WYSIWYG Editor and Formatting Tips below).

6. Select the Report Type.

7. Enter the Avectra Link information: report Title and URL.

8. To add an image click Select Media.

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add a video or Flickr image:

a. Click the Web button.

b. Enter the URL or Embed code.

c. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

9. Select Focus Area. CTRL + click to select more than one.

10. Click Save.

To add a Resource to the Featured Report nodequeue:

1. Click Nodequeue tab.

2. Click Add to queue in the appropriate row.

Only one node can appear in this queue at a time. Nodes put into a queue are added to the back of the queue;

when a node is added to a full queue, the node in the front of the queue will be removed to make room.

To remove a Resource from the Featured Report nodequeue:

1. In the Drupal Menu, select Content. Filter by content type Resource.

2. Go to the item that currently appears in the nodequeue. Click Edit.

3. Click Nodequeue tab.

4. Click Remove from Queue.

COSN: DRUPAL USER MANUAL

24 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

ADD A SLIDE

Homepage Slide images should be sized 1070px X 492px. The title text should be no more than 60 characters

and the body text should be no more than 95 characters.

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Slide from the list of content types.

4. Enter the Slide Title. (should be no more than 60 characters)

5. To upload the slide image click Select Media

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

6. Enter the Slide Link Title and URL.

7. Enter the text in Body (should be no more than 95 characters).

8. Click Save.

To add a Slide to the Homepage Slideshow nodequeue:

1. Click Nodequeue tab.

2. Click Add to queue in the appropriate row.

To change the order of slides in the nodequeue:

1. Click Nodequeue tab.

2. Click Homepage Slideshow. This action opens the Subqueue.

3. Click the up or down arrow in the page’s row to move it in the queue (red text indicates a

change).

4. Click Save.

COSN: DRUPAL USER MANUAL

25 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

ADD A SPONSOR PROFILE

Used to populate the list of sponsors and sponsor highlight block on the homepage.

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Sponsor Profile from the list of content types.

4. Enter the Sponsor Name.

5. To add logo click Select Media

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

6. Enter the Website URL.

7. Select Sponsor Level.

8. Enter content in the Body and Edit Summary fields. (See Using the WYSIWYG Editor and Formatting

Tips below).

9. Click Save.

ADD A STAFF BIO

Staff Bios appear on the About > Staff page. They are also used to populate the author information for blogs.

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Staff Bio from the list of content types.

4. Enter Full Name, Certification.

5. Click Select Media

To upload a new image

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To select an existing image:

COSN: DRUPAL USER MANUAL

26 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

6. Enter appropriate text in Job Title, Email, Phone Number, Linked In and Twitter fields.

7. Enter text in Summary and Body fields (See Using the WYSIWYG Editor and Formatting Tips below).

8. Complete the remaining tabs at the bottom of the screen as needed. Refer to Notes on Additional Tabs

above for more information.

9. Click Save.

To add a Staff Bio to the Staff List nodequeue:

1. Click Nodequeue tab.

2. Click Add to queue in the appropriate row.

To change the order of slides in the nodequeue:

1. Click Nodequeue tab.

2. In the Staff List row click View. This action opens the Subqueue.

3. Click the up or down arrow in the page’s row to move it in the queue (red text indicates a

change).

4. Click Save.

ADD STATE CHAPTER

Used to populate the list of state chapters.

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select State Chapter from the list of content types.

4. Enter the State.

5. Enter Chapter Name.

6. To add a logo click Select Media.

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

COSN: DRUPAL USER MANUAL

27 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

7. Enter the Website URL.

8. Enter text in Chapter Information and Officers fields. (See Using the WYSIWYG Editor and

Formatting Tips below).

9. Click Save.

ADD A WEBFORM

Use the Webform to create an online form that will be submitted via the web.

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Webform from the list of content types.

4. Enter the Title.

5. Enter the Body using the WYSIWYG editor. For more information refer to Using the WYSIWYG Editor.

6. If page is to appear in the menu expand Menu settings. If Provide a menu link is not checked, put a

check mark in that box to expand the Menu settings selections.

a. Enter Menu link title to enter the title as it should appear in navigation.

b. Enter Description (This is the text shown when hovering over the menu link).

c. Select Parent item.

7. Complete the remaining tabs at the bottom of the screen as needed. Refer to Notes on Additional Tabs

above for more information.

8. Click Save.

Once form is saved, a new tab “Webform” will appear at the top of the screen, click this tab.

1. Click Form Components to add fields to the form.

2. Enter fields as desired.

a. Enter the field Label.

b. Select the field Type from the drop-down list of available types. The types are date, email,

field set, file, grid, hidden, markup, page break, select option, text area, text field, and time.

c. Click to check the box under Mandatory if this is a required field.

3. Click Add to save the field and add additional information about this field.

a. Default value is text that will appear in the textfield of the form when the page is loaded and

is intended to be overwritten by the user.

b. Mandatory defines if the form field is required to be completed by the user before

submitting the form.

c. Unique requires that the input into the field be unique to the system of record in order for

the user’s submission to be accepted.

d. Maxlength controls maximum number of characters allowed.

e. Width controls width of text field.

f. Labels define the text to appear before or after form element.

COSN: DRUPAL USER MANUAL

28 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

g. Disabled ensures the field is non-editable.

h. Private fields are shown only to users with results access.

4. Click Save Component.

5. Click E-mails to define for Drupal the email address to which the form fields should be submitted.

6. Click Form Settings to define the confirmation message that is sent once form is submitted, the

redirect URL once the form is submitted, submission limit per user, and roles who can submit this

form

i. Click Advanced Settings to define if the form should be shown in the teaser display for this

node, if users can save a draft of the form before submission, to enable previous submission

notification if the user has previously submitted the form, and to define button text if the

label to override the default text of “submit”.

Additional Webform Info

To view a list of fields for an existing form, go to Content to display the content list and click edit next to

the name of the form in the table.

To delete a form, go to Content to display the content list and click Delete next to the form name in the

table.

To view results in various formats, click the Results tab.

To download form results, click Download and select which Export format to use, as well as any

options, forms components, or range options and click Download button.

To view all submissions, click Submissions or Table.

To view an analysis of what was submitted by form element, click Analysis.

Clear function will clear all form results.

To change the font of the CAPTCHA code:

o In the Drupal Menu, select Configuration > People > CAPTCHA > Image CAPTCHA.

o Under Font Settings, select the desired font. The PHP Built-in Font is not recommended.

o Click Save Configuration.

o Logout to see what it looks like on the form.

To change the email address for form submissions:

o Browse to the webform to edit.

o Click on the Edit tab.

o Make the changes in E-mails.

o Click Save button on the bottom of the page.

ADD A WEBINAR

1. Select Content from the Drupal menu.

2. Click on the +Add Content link at the top of the page.

3. Select Webinar from the list of content types.

4. Enter the Webinar Title.

5. To add an image click Select Media.

COSN: DRUPAL USER MANUAL

29 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

To upload a new file:

a. Click the Upload button

b. Click Browse to locate and open the image on the hard drive.

c. Then click Upload to add the image. Images must be less than 50 MB and must be one of the

following formats: png, gif, jpg, or jpeg.

d. Select the Submit button.

To add a video or Flickr image:

a. Click the Web button.

b. Enter the URL or Embed code.

c. Select the Submit button.

To add an existing image:

a. Click the Library button.

b. Click on the desired file from the library. Use the scroll bar on the right to see more of the

library.

c. Select the Submit button.

6. Enter the appropriate information in the Date and Register Link fields.

7. Enter content in Body, Moderator, and Presenters fields. (See Using the WYSIWYG Editor and

Formatting Tips below).

8. Enter the Download Link (This will be filled in after the webinar and used in the webinar archives.)

9. Click Save.

COSN: DRUPAL USER MANUAL

30 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Using the WYSIWYG Editor

In Edit mode, the main content text (usually Body or Description field) uses a rich-text editor called a

WYSIWYG (What You See Is What You Get) Editor. This allows editors to format the text without knowing

HTML.

MOVING CONTENT FROM OTHER DOCUMENTS

Page content can be composed directly in Drupal. Often, however, it is necessary to move content from

Word or from another website into Drupal. Follow these guidelines:

Paste content to Notepad or use Paste as Plain Text function to clean then copy and paste into Drupal’s

“Body” field. (An alternate code editor, such as Dreamweaver, can be used to clean up code before

entering in Drupal - but be sure to copy the CODE and use the SOURCE view when pasting.)

Pages with tables on them should NOT be copied to Notepad first. However, these pages will need to

be cleaned up in the Source – remove all old classes, any font tags, and other extra code.

Look in code for unwanted “&nbsp;” entities and double <br> tags instead of <p>.

Convert character bulleted items to <ul> <li> etc. tags.

Make links to other pages as in original content. (See Make Links to Other Pages on The Site below.)

Refer to the site’s Style Guide (found at www.cosn.org/styleguide) for how to use the formats and styles.

Use pre-defined formats as follows:

o Heading 1 is only for page title

o Heading 2 is the first “subheading” style used and so on for different levels of subheadings.

o See Apply Formatting and Styles below for more information.

COSN: DRUPAL USER MANUAL

31 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

o Save any photos or images to the local computer. Upload to Drupal (see Upload and Insert Images

instructions below).

o If there was an image on the page that had an alt tag, that text will be transferred with the rest of

the content. Remove that text. See Add an Image for specifics on images.

APPLY FORMATTING AND STYLES

All fonts are set with a cascading style sheet (CSS) file. This allows the formatting to be consistent throughout

the site as well as changed once and applied everywhere it is used. The CSS file applies the font, size, color,

and weight (bold or regular) to the text that is assigned a style. Use the styles that have been set up for the site

as follows:

To make text a subheading, highlight the text (whole paragraphs only) and select the appropriate

item in the Format drop-down list. Note: Heading 1 is used for the Page Title, which is part of the

template and should not be used in the body field. Therefore, Heading 2 should be the first level of

headings on a page.

To assign style to text or an image, highlight the text or image and select the appropriate item in the

Style drop-down list. This will change the appearance of that text or the location of and spacing

around the image.

Images should have a style applied to them. After adding an image to the Body, select it and pick a

Style from the list, depending on where the image is to appear in relation to the text. Selecting an

alignment for the image will wrap the text of the related paragraph around the image. Be sure

to place the image directly before the text that it should cause to wrap.

See http://192.237.165.187/styleguide (or www.cosn.org/styleguide once the site is launched) for the

appearance of all site styles and guidance in using them.

MAKE LINKS TO OTHER WEBSITES

1. Select text to be the link.

2. Click Insert/Edit Link icon.

3. Enter the URL for the site.

4. To open the link in a new browser window or tab, select the Target tab and pick New Window

(_blank) from the Target drop-down menu.

5. Click OK.

MAKE LINKS TO OTHER PAGES ON THE SITE

Open a second tab or window to the site to get the URL for the page to which to link. Because the link is within

the same site, the full URL is not needed. This is called relative linking and keeps links working should the

domain name for the website ever change. Example:

YES: test-item-two (whatever is after www.domain.com/)

COSN: DRUPAL USER MANUAL

32 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Note: do not begin the relative link with “/”. Instead start after the “/”.

NO: www.domain.com/test-item-two

STYLE TABLES

Tables need to be styled to display correctly, according to the style guide. Different techniques are used in

different browsers. You must switch Text Format to Full HTML.

First create a table if one is not already there.

1. Put cursor where the table will be inserted.

2. Click Table icon.

3. Select the right number of Rows and Columns; delete number in Width field; set padding, border

and spacing to 0; Click OK.

Apply styles in Firefox

1. Click anywhere on the table.

2. Select the table tag at the bottom of the editor.

3. Select Table in the Styles menu – this applies the class “data” to the

table and table will display a thin-line border.

4. To make the first row a heading (with applicable styles), change the first

<tr> tag to <th> in the source.

5. To shade a row, put cursor in the row to be shaded; select the tr tag at

the bottom of the editor.

6. Select Shaded Row in Styles menu.

7. Enter or edit any other text.

8. Click Save.

Apply Styles in Internet Explorer and Chrome

1. Highlight entire table (be sure not to select content that is below or above the table).

2. Select Table in the Styles menu – this applies the class “data” to the table and table will display a

thin-line border.

3. To make the first row a heading (with applicable styles), change the first <tr> tag to <th> in the

source.

4. To shade a row, highlight entire row to be shaded.

5. Select Shaded Row in Styles menu.

6. Enter or edit any other text.

7. Click Save.

COSN: DRUPAL USER MANUAL

33 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

UPLOAD AND INSERT IMAGES

Images can be inserted directly into the main content area through the WYSIWYG editor insert image

functionality.

1. Place cursor where the image will go.

2. Click Image icon - Image Properties box appears.

3. Click Browse server button.

4. If image is not on the server (skip this step if

image is already on the server)

a. Select the images folder in the

navigation menu on the left.

b. Click Upload (on left of top bar).

c. Click Browse… to find the image on the computer.

d. Click Upload when image selected.

e. Click on small black X in upper right of box to close small upload window.

5. Select image from list and click Insert file.

6. Add Alternative Text.

7. Click Advanced tab.

8. Enter text for Advisory Title (text seen by screen readers and on mouse hover).

9. To make the image link to another site or page, select Link tab and enter the URL according to

directions for Make Links.

10. Click OK.

11. Click on image to select it. Then from Style drop-down menu select to align the image to the left or

right, depending on whether the image will be to the left or right of the text.

Note: If the image is already at the site, Drupal will not overwrite the image but will add a number to the end of

the new upload. If replacing an existing image, delete it first.

UPLOAD AND LINK TO PDFS

1. Highlight text to link.

2. Click Link icon.

3. Select Browse Server.

4. Select the <root>/pdf folder in the

navigation menu on the left

5. If the PDF is already uploaded to the site, select it in the list and click on Insert file.

6. If this is a new PDF

a. Select the <root>/pdf folder in the navigation menu on the left.

COSN: DRUPAL USER MANUAL

34 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

b. Click Upload.

c. Click Browse… to find the PDF on the computer.

d. Click Upload when PDF is selected.

7. Select the PDF from the list and click Insert file.

8. Click Target tab.

9. Select New Window (_blank) in Target drop-down list.

10. Click OK.

Note: If the PDF is already at the site, Drupal will not overwrite the PDF, but will add a number to the end of

a new upload. If replacing an existing PDF, delete it first.

If you just need the URL, and don't want the link in the Body, then just copy the URL from the link dialog.

COSN: DRUPAL USER MANUAL

35 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Advanced Functionality

NAVIGATION MENUS

There are several navigation menus in place at the website. To change the order of a menu item (or to add a

menu item), navigate to Structure > Menus.

All of the menus for the CoSN site are managed from this menu administration. Please use caution

when editing menus.

A list of the site’s menus will be generated. The main menu contains the bulk of the site’s content. To see

which items are contained in a particular menu, select List links.

1. Development – Development links. Do not modify.

2. Features – Not used.

3. Footer Menu – Not used.

4. Header Menu – The links in the dark blue bar at the top.

5. Main Menu – Contains the links intended for site visitors. Appears below the dark blue bar at the top

of the site.

6. Management – The Management menu contains links for Administrative tasks.

7. Navigation – The Navigation Menu contains links intended for site visitors that are automatically

added by some modules.

8. User Menu - The User menu contains links related to the user's account, as well as the Log out link.

Reorder Links in the Navigation

1. To change the order of a menu item or to add a menu item, navigate to Structure > Menus.

2. The list of menus will display. To see which items are contained in a particular menu, select List links

beside that item. Each link has an arrow pointing in 4 directions next to the title. Click on the arrow

next to the link to move/reorder it and while holding mouse down, move link to its new location.

Click on Save Configuration to save the reordered menu structure.

3. To edit the menu text and settings, select Edit menu, make desired changes, and click on Save.

Add New Item to the Menu

1. When creating a page, fill in the fields under Menu Settings and link page to whatever is immediately

above it in the site map outline.

2. Now new page should be shown on the left side in that section.

3. Go to Structure > Menus.

4. Click on the menu to be edited.

5. Click Add Link.

6. Menu Link Title – enter title of the link.

7. Path – enter the path to new page.

8. Click Save.

9. The page that lists all links from “Primary Links” will appear.

10. Locate the new link and reorder as described in Reorder Links in the Navigation.

COSN: DRUPAL USER MANUAL

36 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Add Menu Item in Additional Locations

To add an item to a menu that also appears in another menu on the site:

1. In Drupal Menu, go to Structure > Menus.

2. Select the menu in which the page should appear.

3. Select Add Link.

4. Enter the page name in Menu link title.

5. Enter the URL (starting with the / after the domain) in Path.

6. Enter Description (The text shown when hovering over the menu link.)

7. Select the Parent link (be sure it is enabled).

8. Click Save.

Add Menu Item to External Site

To add an item that links to an external site:

1. In Drupal Menu, go to Structure > Menus.

2. Select the menu in which the page should appear.

3. Select Add Link.

4. Enter the page name in Menu link title.

5. Enter the complete URL in Path.

6. Enter Description (The text shown when hovering over the menu link.)

7. Select the Parent link (be sure it is enabled).

8. Click Save.

MANAGING BLOCKS

To manage content blocks, navigate to Structure > Context. Note: All blocks are enabled through Context

only. This allows conditions and sections to be set for portions of the site. The Block admin interface is not

used to manage blocks in this implementation.

Adding or Deleting a Block from a Region

1. Select Structure > Context.

2. A list of context names will appear. Each context represents an area of the site. Search and/or filter to

narrow the list of selections displayed.

3. Select the Edit link beside the context to be edited.

4. Click on Blocks (at the bottom of the page) to expand the listing of blocks. These are shown grouped

by region.

5. To add a block to a region

6. Select the checkbox beside the block or blocks to add, from the list of blocks to the right.

7. Click +Add beside the region(s) to which to add the block.

8. To delete a block from a region, select the X beside the block to delete from the region where it is

currently listed. Caution: This will remove the block from everywhere that region applies in the site.

9. Click the Save button to save changes.

COSN: DRUPAL USER MANUAL

37 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Removing a Block from a Particular Page

In order to remove a block from a page, it will need to be excluded from the context it is currently in and then

a new context will need to be created for that page, and all of the elements (that were in the original context)

placed into the new one. The result will be the original context with the particular page excluded, and a new

context for just the page that is different.

1. Select Structure > Context.

2. A list of context names will appear. Each context represents an area of the site. Use search and filter to

narrow the list of selections displayed.

3. Select the Edit link beside the context from which a page should be excluded.

4. Under the Conditions section, select Path from the <Add a condition> drop-down menu. A text box for

entering path will appear.

5. Use the ~ character, followed by the path name to exclude that path from this context. To exclude

more than one path, put each path on a separate line.

6. Click the Save button to save changes.

7. Return to Structure > Context.

8. Select the + Add link at the top of the page.

9. Enter the Name of this new context.

10. Enter the Tag for grouping this context with others.

11. Enter a Description of this context.

12. Select all Conditions and Reactions settings as they appeared in the original context with the

following exceptions:

13. Use the condition of path and enter the path(s) of the page or pages excluded in Step 5 above.

14. Add only the Blocks that apply to this particular page(s).

15. Click the Save button to save changes.

MANAGE COMMENTS

The Administrator’s comments notification address will receive an email when a comment has been

submitted. Comments must be approved to be displayed.

Approve Comments

To see the list of comments awaiting approval

1. Go to Content > Comments > Unapproved Comments (button).

2. Select Publish the selected comments or Delete the selected comments as desired in the Update

Options drop-down box.

3. Click on the checkbox next to the comment(s) to be approved or deleted.

4. To edit a comment prior to approval:

a. Select the Edit operation beside the comment to edit.

b. Edit the Comment Title.

c. Enter the Comment using the WYSIWYG editor. For more information refer to Using the

WYSIWYG Editor.

d. Click Preview and Save.

COSN: DRUPAL USER MANUAL

38 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

5. Click Update button (Next to the Update Options drop-down box).

Edit or Remove Comments

To see the list of comments awaiting approval

1. Go to Content > Comments (tab) > Unapproved Comments (button).

2. To edit a comment:

a. Select the Edit operation beside the comment to edit.

b. Edit the Comment Title.

c. Enter the Comment using the WYSIWYG editor. For more information refer to Using the

WYSIWYG Editor.

d. Click Preview and Save.

3. To remove a comment:

a. Select Unpublish the selected comments or Delete the selected comments as desired in

the Update Options drop-down box.

b. Click on the checkbox next to the comment(s) to be approved or deleted.

4. Click Update button (Next to the Update Options drop-down box).

EDITING TAXONOMY

A taxonomy classifies a group of like items. On the CoSN website, taxonomies are used to assign a piece of

content to a certain area of the site. Each taxonomy has a defined vocabulary (set of terms). Currently, the

following are edited from the taxonomy menu:

Focus Areas

Tags

Add to a Taxonomy Term

1. In the Drupal Menu, select Structure > Taxonomy.

2. Click Add terms in the row of the taxonomy to be edited.

3. Enter a term name.

4. Enter a Description (optional).

5. Click Save.

To Edit a Taxonomy Term

1. In the Drupal Menu, select Structure> Taxonomy.

2. Click list terms in the row of the vocabulary name that the term you want to edit is in.

3. Click edit in the row of the term to be edited.

4. Make changes to taxonomy name or description.

5. Click Save.

COSN: DRUPAL USER MANUAL

39 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

To Remove a Term from a Taxonomy

1. In the Drupal Menu, select Structure> Taxonomy.

2. Click list terms in the row of the vocabulary name that the term you want to edit is in.

3. Click edit in the row of the term to be removed.

4. Click Delete at the bottom of the page and confirm deletion.

VIEWS

Some pages or page elements are generated dynamically by pulling in certain entries that fit specified

variables. Edit the views to change how information is displayed on the page where it appears.

Editing views requires advanced knowledge of Drupal.

1. In the Drupal Menu, select Structure > Views.

2. Click Edit in the row of the view to edit.

Notes about what can be changed in the View:

1. Defaults displays the default settings of a view.

2. Block displays the settings of the view as a block. If view is rendered as a block, the title can be

controlled in the block section. In the view editing mode, Block shows the list of options for the block.

3. If view is rendered as “Page,” a Page tab will be available. If the view is set up as page, additional Page

Settings will be available below Basic Settings:

Path controls the path to the page.

Menu option controls whether the page is linked to menu, title of the link, etc.

Items per page controls number of items to display for that particular block/page.

Access function allows restriction of access to particular block or page depending on roles

and permissions.

Header/Footer functions allows addition of content in HTML format in the top or bottom

area of the block or page.

Empty text feature is useful when the view is set up as a page and there is no content

available yet. This feature allows the addition of text in case the view returns no results.

4. Relations allows for filtering of content based on relationship to another user, node, content type,

etc. This is especially useful when needing to include data from an object that is not directly available

inside a listing of content. A relationship allows for retrieval of object information that is related to

the listed content.

5. Fields allows the administrator to set up fields to show inside a block or page. Regular fields include

title of the node/page, body shown as a teaser or in full, thumbnails, etc. This depends on each

content type in particular.

6. Sort Criteria is used for sorting based on various criteria. It can be sorted based on title, post date,

content type, the date the node was last updated, author, node id, fields, etc.

7. Filters allows filtering of content based on certain criteria.

COSN: DRUPAL USER MANUAL

40 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

URL REDIRECTS

The URL redirect tool allows you to redirect from any URL to another. This tool can also be used if content is

moved from one location to another at the Drupal website.

1. To access the URL Redirect tool, use the Drupal Menu: Configuration » Search and metadata » URL

redirects (This will list all current redirects in the system.)

2. To add a new redirect, select Add Redirect

For example: The current site has a url of http://www.cosn.org/media, the new url should be

http://www.cosn.org/newsroom. When putting in the redirect just the path after the domain name should be

used and no preceding or trailing slashes. The module will already account for the domain name and slashes.

For this example:

Correct:

Old url: media

New url: newsroom

Not:

Old url: /media

New url: /newsroom

Not:

Old url: media/

New url: newsroom/

STYLE SHEETS

Style sheets need to be edited outside of Drupal via FTP in the directory:

sites/all/themes/cosn/css

Main style sheet is at: /sites/all/themes/cosn/css/master.css

The other style sheets used on the site are:

Ckeditor.css: styles for CKeditor

ckeditor.styles.js: styles for Ckeditor

COSN: DRUPAL USER MANUAL

41 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

USERS

Only registered users can add or edit content on the site. To change access for these accounts, use the Drupal

Menu: People.

Add/Delete Users

Select People in the Drupal Menu. The list that displays may be filtered by role, permission, and

status.

To edit the settings of an existing user, select edit.

To delete the user, select the checkbox to the left of that user in the list. From the Update Options

drop-down list, select Cancel the Selected User Accounts and click Update to delete the user. Other

actions, such as blocking or adding or removing roles for users may be done using the other update

options available in this drop-down list.

To add a user, click the + Add User link located at the top of the page and enter the information for

this user.

Defined Roles

Roles are used to define a group of users who all have the same level of permissions. Individual users are then

assigned a role to grant them the permissions associated with that role.

Currently, the following roles are defined:

Anonymous User – anyone who does not have an account or is not authenticated.

Authenticated User – anyone who has a user account.

Administrator – grants all rights to manage the site.

Add a Role

1. Select People > Permissions (tab) > Roles (button) in the Drupal Menu.

2. To add a role, type the name of the new role, and select Add Role.

3. This role must be granted permissions in order to access the site. Select Edit Permissions and check

all permissions that will apply to this role.

4. Select Save Permissions.

For an “at a glance” comparison of the specific permissions assigned to each role, use the Drupal Menu: People

> Permissions.

REPORTS

The site includes a variety of reports useful for understanding and managing the site. To access these reports,

in the Drupal Menu, select Reports and then select the desired report.

Available reports provide information on recent log entries, access denied and page not found errors, top

search phrases used within the site, site status reports, field lists, and module update information.

The module update information report will run a comparison of the installed Drupal modules used for the site

versus the most recently available modules. When new versions of certain modules, such as security modules,

are available the site may place warnings at the top of pages when viewing the site as an administrator.

COSN: DRUPAL USER MANUAL

42 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Balance Interactive recommends that modules only be updated periodically (grouping the updates of modules

to perform monthly or bi-monthly). Balance Interactive is available to consult regarding possible impact of

applying any new versions of modules.

COSN: DRUPAL USER MANUAL

43 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Google Analytics

ACCESSING GOOGLE ANALYTICS

To access the Google Analytics data, go to www.google.com/analytics.

1. To log into Google Analytics, click on Access Analytics.

2. Sign into the Google Analytics account by entering email and password.

3. If there are multiple GA accounts under the same email address, click on the arrows next to My

Analytics Account to select the name of the account to view.

4. This will bring up the site’s Google Analytics Settings page. From this page:

View reports

Add, edit, and delete filters

Manage users

Manage profiles

VIEWING REPORTS

1. To view the data, select View Report next to the applicable website profile on the Settings page.

2. This will bring up the Dashboard.

3. Data can be viewed by selecting View Report in any of the overview sections in the center of the

page, or by navigating using the sections on the left side of the page.

Intelligence Reports [beta] scans the reports and provides alerts for any unusual trends in

traffic patterns.

Visitors tells who came to the site.

COSN: DRUPAL USER MANUAL

44 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

Traffic Sources explains how visitors got to the site.

Content tells what the visitors looked at on the site.

Goals explains whether the visitors completed the defined goals.

4. Each main report section contains an overview, as well as detailed reports. Reports can also be

customized for easier and faster data access. To do this select Custom Reporting > Manage Custom

Reports and choose the variables to include.

5. Top Reports include:

Visitors-->Overview

Visitors-->Benchmarking

Visitors-->New vs. Returning

Traffic Sources-->Overview

Traffic Sources-->Adwords (if applicable)

Traffic Sources-->Keywords

Traffic Sources-->Campaigns (if applicable)

Content-->Overview

Content-->Top Content

Content-->Top Landing Pages

Content-->Top Exit Pages

Content-->Site Overlay (for a visual of what visitors are clicking on)

Site Search-->Overview (if applicable)

Goals-->Overview

Goals-->Funnel Visualization

ADDING, EDITING & DELETING FILTERS

A filter allows customization of the way data is displayed in the reports. This includes filtering out the office’s

IP address, including traffic from a subdomain or subdirectory, or creating custom filters. For instance, to

track only a particular section of the site, create a custom filter.

To add a specific filter

1. Select Filter Manager from the Settings page.

2. From the list, select Add Filter.

3. Enter a unique Filter Name.

4. From the filter type drop-down list, choose Include only traffic from a subdirectory.

5. In the Subdirectory field, replace mydir with the subdirectory to track. For example, to report on

www.example.com/motorcycles, enter: ^/motorcycles/

6. Select the Available Website Profile to which to apply this filter and click Add.

7. Click Finish to create and apply this filter or Cancel to exit without saving.

COSN: DRUPAL USER MANUAL

45 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

To delete a filter

1. Select Filter Manager.

2. Find the filter to delete and select Delete.

3. Click OK to delete or Cancel to exit without deleting.

To edit a filter

1. Select Filter Manager.

2. Find the filter to edit and select Edit.

3. Make necessary changes and select Save Changes.

MANAGING USERS

Use the User manager to add and delete users, as well as edit user privileges. To manage users:

1. Select User Management from the settings page.

2. To add a user

a. Click Add User.

b. Enter the user’s email address.

c. Select the Access type for this user: View reports only, or Account Administrator, which

allows the user to edit account settings. The Account Administrator has access to all files within

an account.

d. Highlight the website profile to which this user should have access.

e. Click Add to move these profiles into the Selected Website Profiles list to give the user access.

f. Click Finish to create the new user.

3. To delete a user

a. Find the user to delete.

b. Select Delete.

c. Select OK to delete or Cancel to exit without deleting.

4. To edit a user’s settings

a. Find the user to edit.

b. Select Edit.

c. Make necessary changes & select Save.

MANAGING PROFILES

A profile is a set of rules that define the reports displayed for the site. Generally, a profile corresponds with a

domain, so there will be one profile per domain. The only reason to access this section is in order to add a

profile, i.e. if adding a blog or other domain to track, a profile would need to be added. To add a website

profile:

COSN: DRUPAL USER MANUAL

46 8136 Old Keene Mill Road, Suite A-207, Springfield, VA 22152 | 703.451.8675 | www.balanceinteractive.com

1. Select Add Website Profile from the Settings Page.

2. Decide whether to Add a profile for a new domain or Add a profile for an existing domain (most

likely this will be adding a profile for a new domain).

3. Provide the URL for the site to track (e.g. www.mywebsite.com).

4. Choose the Country from the drop-down list.

5. Choose the Time Zone from the drop-down list.

6. Select Finish or Cancel to exit without saving.

7. The tracking code will be generated. Follow Google’s instructions for copying the code onto the site.

HELP

For assistance with any aspect of Google Analytics, access the Resources section of the Settings page. For

general assistance, select Help. Google also offers specialized help with coding the site and their customized

features.

Balance Interactive is available to answer specific Google Analytics questions as well. For problems with

Google Analytics or questions on its use, contact us for individualized assistance.