Log into the Development Site

Development site url: bwsr.state.mn.us

http://bwsr.state.mn.us/user/login (Login link in footer Useful links)

Enter your username and password: 

-       You can login using your email as your username

-       You were given a default password.

-       You can reset your password using this link: http://bwsr.state.mn.us/user/password

Once you’ve logged in, you’ll see your content dashboard.

 

Your dashboard offers quick access to:

o   Add New Content – Create a new page

o   View My Content - You can view and edit

o   View All Content – View and edit any page

From your dashboard, select “add new content”.  You’ll get a window like this:

 

 

 

 

Interior page sections

Title: main heading that displays on the page.

Body: main content area of the page. Copy text, content here. Style (font, size, etc.) will be automatically applied.  You can use headings, link to other content, add images, or link to documents.

You will use a wysiwyg toolbar (below) to add and format content in this area. This toolbar looks much like what you see when creating a Word document.

 

 

OTHER SECTIONS

·  Tools & Resources – best practice maximum 5

·  External Links – Here is where you will link to any non-BWSR webpages – best practice maximum 5

·  Learn more - References to other pages on the site.

·  Staff/Contact Us - This is where you can put the name of the BWSR staff person with expertise in the content area of the page.  Please check with the person you are adding to ensure they are the right person.  This should autopopulate when you begin typing the person’s name

·  Need to Know or Need more details for your program – this is the right hand call out box that can be used to highlight particularly important information or links

 

Here’s a link to an example of what an interior page layout looks like:

http://bwsr.state.mn.us/node/22

CREATING HEADINGS, ADDING LINKS, IMAGES AND FILES

·       Headings: You can style subheads with “Format” button: h2, h3, etc. from style drop down. (Do not apply H1, it is applied to the title only.)  To meet accessibility standards, All headings should be in nested order (i.e. Do not use h3, unless you have a heading above that using h2)

·       Link to content. When you copy/paste, links may not necessarily copy from live site. Use the  “link” button to ensure links work.

 

 

 

 

 

Images

Images must be uploaded to the development site’s file system before embedding in the page. 

You can do this using the " Upload & Embed images " button on the wysiwyg toolbar.

 

To Upload an image into the file system:

·      click the upload/embed image button

·      Click on “upload image” (default)

·      Type in a name for the image (use naming conventions)

·      Click choose file, then select your image from your files

 

·      Then add alternative text – this is a short description of the image that is used for accessibility purposes, it is required. Do not use images that contain text.

·      Click Save image

·      To embed the new image into your page, follow the instructions below for embedding images

 

To embed an image from the development site’s file system

·      Place cursor where you would like the image and click the “Upload & Embed images” button.

·      Select “view all media” 

 

 

 

 

 

 

Select the image to embed by clicking on the image. A green check mark will appear on the image.

 

 

 

Note: You can search by the image name in the “media name” field at the top. )

 

 

 

Scroll down toward the bottom of the window. The image you selected will appear along with a blue “Use Selected Image” button. Click the “Use Selected Image” button.

 

 

The embed media modal box will appear. Choose the size of the image to bed in the “Display as” dropdown. (Small, medium, large) Choose align none, left, center or right. Enter a caption if desired. Finally, click the Embed button to finish.

 

 

 

The image will now be embeded in your page. Save to view.

Files and Documents

Files and Documents can be uploaded to your interior pages using the “file browser button.  These documents must be formatted for accessibity.

 

Click the “file browswer” button.

In the Name field, enter a media name (title) for the document (use naming conventions!)

Next, in File field, click the Choose File button and select a file to upload from your computer. (For example: pdf, doc, xls, etc.) The file will automatically upload. When you see the file name replace the “choose file” button, click the blue Save File button to finish uploading the file.

 

Linking to files and documents

Next, link text to a file, select the text and click the link button. The “Add link” box will appear. Start typing the name of the file or page to link to. (For files, this is the “Name” field, not the filename.) The system will auto suggest the the name of matching text, segmented by “Media” which are pdf, doc, etc. or “Content” which are web pages.

 

 

Tables

o All Tables must be formatted using table properties. Caption, summary, header rows (rows, columns or both) must be identified. Complex tables require scope for row/header.

§ Click on table, table properties. Identify header row.

§ Input caption (required)

§ Right clicking on a table in the body will open the table properties.

§ If you copy/paste a file from a Word document, you cannot use “Restricted HTML”

o Content should be “tagged” by category. Relates to the main menu. Also add submenu if shown.

Displays a list of all pages you have added.

 

·       To edit a page, click on the title of the page. This will take you the front end view of that page. To edit, click the edit tab. Revisions are stored each time you save, you can revert back to different versions.

 

 

 

·       To edit a page, you can click the “edit” text.

Special tips for copying and managing content from Microsoft Word.

·       Change to restricted HTML format. If you do not change to restricted format, the document will contain extraneous style coding and may not layout as you desire.

 

·       Select and copy the text from a Microsoft Word or similar document. Place your cursor in the body area and paste. A dialog box will appear “The text you want to paste seems to be copied from Word. Do you want to clean it before pasting?” Click the blue “OK” button.

Set a URL redirect

Set a redirect from the current website’s url to the new url. An easy way to accommodate this is to uncheck the “Generate automatic URL alias” field and enter the path of the old url (without the prefix bwsr.state.mn.us). Then save. Edit the document again, and change the url.

 

 

 

 

 

First, upload document files with "File Browser" button . PDF files must be accessible. Then, close the modal window/popup box.