Raginʼ CMS Beginner Guide

Raginʼ CMS is the official content management system for the University of Louisiana at Lafayette. This guide provides you with the tools you need to develop the basic structure of your website and begin migrating content.

Get started ...... 1 Log in ...... 1 Change your password ...... 1 Screen overview ...... 2 Create your main menu links/pages (buckets) ...... 2 Reorder the links in the main menu ...... 3 Add a secondary menu link in a main menu topic ...... 3 Edit page text ...... 3 Format text ...... 4 Filter your content ...... 4 Edit the footer ...... 5 Add hyperlinks ...... 5 URL link ...... 5 Email link ...... 5 Use the Linkit tool ...... 6 Add a link to a document ...... 6 Part one: Upload the document ...... 6 Part two: Link the document ...... 6 Prepare documents to transition from the test site to live site ...... 7 Add a page within a section without it showing up as a secondary menu link ...... 7 Add a link inside of a sidebar menu ...... 8 Add News & Events ...... 9 Add News ...... 9 Add Events ...... 9

Your site is a representation of the University, your department or office, and you. It is often your first opportunity to make a positive, lasting impression. When creating your site, remember that you are not designing this site for you. It should be built in a way that best serves your audience—potential and current students, prospective and current employees, donors, and community members. You should view the task of building this site as an opportunity to set yourself, your department or office, and our University apart and show the world just what an exceptional place it is.

Get started “Oh my goodness, I have to build an entire website! There is no way I have time to do that! That sounds incredibly complicated! I havenʼt even started and Iʼm overwhelmed!”

Take a deep breath. If you can click two buttons, you can create a page. If you use Microsoft Word, you can add content. If you can click a checkbox, you can add a menu link. Most of your page will already be completed for you. All you will have to do is add the content.

Log in Your URL will be the name of your office/department plus test.louisiana.edu. To log in, you will add /user to the end. Example: http://mysite.test.louisiana.edu/user

Change your password You will need to change your initial password to a more secure password when logging in for the first time. You may also want to change your password periodically to maintain the security of your account.

3. Enter your current password, and then type your new password twice to confirm it. 4. Click Save.

Create your main menu links/pages (buckets) The key to a functional site is organization. Information should be categorized into no more than five categories, or “buckets.” These categories will be the links in your main menu. You will need to put some thought into naming and developing these categories so that the location of information makes sense to the target audience.

1. In the admin toolbar, hover your cursor over Content. 2. Pull your cursor down, and place it over Add content. 3. Click on Page.

4. Type the name of the page in the Title box. 5. Type or copy and paste your content in the Body box. 6. Scroll down to Provide a menu link and click in the box. A check mark will appear.

8. Click Save at the bottom of the window.

Repeat this step for all desired main menu links (no more than five).

Reorder the links in the main menu 1. Hover your cursor over the far left side of the main menu bar. 2. Click on the sprocket icon that appears. 3. Select List Links. 4. Click on the compass arrow to the right of the link title and drag it to your desired location. 5. Click Save configuration at the bottom of the window.

Add a secondary menu link in a main menu topic Each main category should serve as an umbrella for the content you will be adding. Under those topics, you will probably have subtopics. They will appear in the sidebar menu and under the main topic in the drop down menu. These subtopics need to be highly related to the main topic you place them under.

1. In the admin toolbar, hover your cursor over Content. 2. Pull your cursor down, and place it over Add content. 3. Click on Page. 4. Type the name of the page in the Title box. 5. Type or copy and paste your content in the Body box. 6. Scroll down to Provide a menu link and click in the box. A check mark will appear. 7. Ensure that the Parent item is your main menu topic, such as About Us. 8. Click Save at the bottom of the window.

Repeat this step for all desired secondary menu links (no more than ten).

Edit page text Content will need to be updated regularly. There are two basic ways to update pages.

The Edit tab 1. Using the main menu, go to the page you want to edit. Raginʼ CMS | Beginner Guide Page 3

2. Click the Edit tab above the content window in the page admin tabs. 3. Make your changes and press Save at the bottom of the screen.

The edit content operation 1. Click Content in the admin toolbar at the top of the page. 2. Browse through the content until you find your page. 3. Click edit next to the page title in the operations column. 4. Make your changes and press Save at the bottom of the screen.

Format text In the edit page window, you will find some of the most common formatting tools available to you in most word processing programs. There are some important tools to note. 1 2 3

4 5 6 7

8 9 10

1. Paste from Word: Click this button before pasting from Microsoft Word and some of the formatting will be cleaned up for you. 2. Spell check: Correct spelling is crucial for any website, especially a Universityʼs site. Always spell check your work and have another person proof it before you publish the content. 3. Spell check while typing: Clicking on this will allow you to view misspelled words while typing. 4. Bold, italic, and underline tools can make key text stand out. Be sure to be consistent throughout your site when using them. 5. Bullets and numbered lists make it easy to locate information and keep text from being to wordy. 6. Indenting text is another way to help the user locate information easily. Again, consistency is key. 7. Alignment tools can help adjust the placement of text to give your page a better flow and make it more visually appealing. Always be consistent with this. 8. The format box allows you to select from preformatted text options. Using this feature, especially with headings and subheadings, will allow you to maintain consistency within your text throughout your site. It also makes it easy for users to quickly locate information. 9. The Linkit tool allows you to easily link to other pages within your site. 10. Hyperlinks can bring users to information without unnecessary steps. You can link to external sites or pages within your site.

Filter your content As your site expands, it may become time consuming to look through your content to find something. Using the filter feature can be a very efficient way to search.

1. In the admin toolbar, click on content. 2. Select the item type from the drop down menu.

Raginʼ CMS | Beginner Guide Page 4

3. Select Filter.

Edit the footer On occasion, you may need to edit your page footer. The basic content and arrangement of the footer information should never be changed. You can update the Connect with menu to provide links to your office/departmentʼs social media pages. You can also update your address, phone number, and email address in the event that this information changes.

1. Scroll down to the bottom of the page. 2. Click on the sprocket icon at the top of the block you want to edit. 3. Select Edit. 4. Make your desired changes. 5. Select Save.

Add hyperlinks Hyperlinks are a convenient way to bring users to external sites. Never name your link “click here.” Because of screen readers, users are able to decipher a hyperlink because of the formatting. For more information on the Universityʼs standards for Links, see the Web Style Guide.

URL link 1. Go to the editing tab for the page in which you want to insert a hyperlink. 2. Highlight the text or picture you want to link. 3. Click the hyperlink icon in the formatting menu. 4. Select URL in the Link Type drop down list. 5. Select the correct protocol (typically http://). 6. Copy and paste or type the link URL in the URL box. 7. Click OK. a. If you want the link to open in a new window: Before clicking OK, click the Target tab at the top of the window, select , and click OK.

Email link 1. Go to the editing tab for the page in which you want to insert a hyperlink. 2. Highlight the text or picture you want to link. 3. Click the hyperlink icon in the formatting menu. 4. Select E-mail in the Link Type drop down list. 5. Type in the email address you want the message sent to, as well as any identifying message subject or message body text you may want. 6. Click OK. Raginʼ CMS | Beginner Guide Page 5

Use the Linkit tool When linking to pages within your site, the link it tool is much more efficient than using the hyperlink button.

1. Go to the editing tab for the page in which you want to insert a hyperlink. 2. Highlight the text or picture you want to link. 3. Click the Linkit icon in the formatting menu. 4. Type a keyword in the Search content text box to find the content to which you want to provide a link. 5. Click on the appropriate item when it appears. 6. The Target path will automatically be filled out for you.

2 4

7. Click Insert link.

Add a link to a document Sometimes you will have a large document that you need users to be able to access. You should try to incorporate most of your information as text in your site. For example, you would probably not want to provide a link to a three page document unless it is a form. You would just incorporate that information directly into your site as text.

If you choose to upload a document for users to download, keep in mind that it should be in a format that is freely viewable, such as a .pdf. Putting a link to an Adobe Reader download page may be helpful to the user. Linking a document is a two part process. You will first upload the document, then you will have to link it.

Part one: Upload the document 1. In the admin toolbar, hover your cursor over Content. 2. Click Media. 3. Click Add file. 4. Click Browse and locate your file. (Note the allowed file types and size limitations under Browse.) 5. Click on your file and select Open. 6. Click Submit. 7. Click on the file name. 8. Click on the file name again. 9. Highlight the URL in the address bar of your browser. 10. Right click in the highlighted area and select Copy. 11. Click the back arrow in the browser.

Part two: Link the document 1. Navigate to the page in which you want to link the file. 2. Select the Edit tab above the text window. 3. Highlight the text to which you want to link the document. 4. Click the hyperlink icon in the formatting menu. Raginʼ CMS | Beginner Guide Page 6

5. Select URL in the Link Type drop down list. 6. Select the correct protocol (typically http://). 7. Copy and paste or type the link URL in the URL box. 8. Click OK. b. * If you want the link to open in a new window: Before clicking OK, click the Target tab at the top of the window, select New Window (_blank) and click OK. Prepare documents to transition from the test site to live site This task will only need to be done when working in your test site. Because your current URL will be different from your real site (it will not include “test” in the address), your links will break if not formatted properly. The process for doing this is quite simple but will need to be done each time you add a document link or image in your test site. You will not need to do this once your site is live.

Edit an existing document link 1. Navigate to the page that contains the link to a document. 2. Click on the Edit tab above the content window. 3. Double click on the link. 4. Remove everything in the URL before “/sites/….” • The Protocol should automatically change to “.”

5. Click OK. 6. Select Save at the bottom of the window.

Format a new document link

You will add a new document using the current method, however when pasting the link URL you will delete everything before “/sites/...”

Add a page within a section without it showing up as a secondary menu link There are times when you will want to add a page, but may not want it to show up as a secondary menu link and would still like the page to have the sidebar features of its related category.

1. Create a page as usual and create link it to the appropriate parent menu. 2. In the admin toolbar, hover you cursor over Structure. 3. Pull your cursor down and place it over Menus. 4. Click on Main Menu. 5. Uncheck the Enabled box next to that page.

Raginʼ CMS | Beginner Guide Page 7

6. Click Save configuration.

Add a link inside of a sidebar menu You can provide a link within the sidebar menu to other pages or sites. For example, you could to use this feature to provide links to related departments.

1. In the admin toolbar, hover you cursor over Structure. 2. Pull your cursor down and place it over Menus. 3. Hover your cursor over Main menu. 4. Select Add link. 5. 1. C

3. C 4.

6. Type the link title in the Menu link title text box. 7. Paste the URL in the Path box. 8. Select the appropriate parent link from the drop down menu.

Raginʼ CMS | Beginner Guide Page 8

6. C 7. C

8. C

9. Click Save.

Add News & Events When you have an announcement about something special going on in your office or department, you should put it into a news or event article. These articles can be automatically fed into the News and Event section of the main site. More information on the versatile use of these articles will be forthcoming, so check back later.

Add News 1. In the admin toolbar, hover your cursor over Content. 2. Hover over Add Content. 3. Select News. 4. Provide a title in the Title box. 5. Type any tags related to the article. 6. Enter the body of your news article. 7. If desired, add an image by clicking on Select Media and browsing for the picture. 8. If relevant, identify any related news by typing the title of the other article in the search box. 9. Select Save at the bottom of the page.

Add Events 1. In the admin toolbar, hover your cursor over Content. 2. Hover over Add Content. 3. Select Event. 4. Provide a title in the Title box. 5. Specify the time and date of the event. 6. If desired, add an image by clicking on Select Media and browsing for the picture. 7. In the Body text box, give a detailed description of the event. 8. If relevant, identify any related news by typing the title of the other article in the search box. 9. Select Save at the bottom of the page.

Raginʼ CMS | Beginner Guide Page 9