LSC Website Training Manual

Tutorials

The following tutorials were written for the most common tasks you’ll perform while managing your departments content. If a particular issue has not been addressed, please contact the LSC Webmaster for immediate assistance.

Step 1

Visit the Lory Student Center home page.

Step 2

Scroll to the bottom of the page and click “Log In”.

shibboleth-login-1

Step 3

You will be presented with a Log In page. At the bottom is a large button labeled ‘LOG IN WITH SHIBBOLETH AUTHENTICATION’. Click on this button to log in with your EID credentials.

shibboleth-login-2

Step 4

You will then be taking to the CSU authentication page where you’ll enter your personal EID username and password.

Once you click the button labeled ‘log in’ you’ll be taken back to the Lory Student Center website dashboard.

If you do not have permissions to access the LSC website, please request access here.

shibboleth-login-3

Step 1

From the Dashboard of WordPress, hover your mouse over the “media” tab and select “Library” from the dropdown.How-to---Media-Library---Screenshot

Step 2

You should be taken to the Media Library of existing images currently available on the website.Screen Shot 2016-02-10 at 9.00.32 AM

Step 3

At the top of the Media Library page, click “Add New”.How-to---Add-New-Media---Screenshot

Step 4

You can either drop files into the designated area, or click “Select Files” and manually upload.How-to---Upload-Files---Screenshot

Step 5

You should now see your image(s) available in the Media Library.Screen Shot 2016-02-10 at 9.00.32 AM

Step 1

From the Dashboard of WordPress, select “Pages” from the side navigation.

How-to---Pages-tab---Screenshot

Step 2

You should see a list of pages you have access to edit. Hover over the page you wish to edit and click “Edit”.

How-to---Edit-Page---Screenshot

Step 3

You should be taken to the back-end of the selected page. Locate the area of text you wish to edit and hover your mouse over the text block. Select the pencil icon from the popup menu.How-to---Edit-text-block---Screenshot

Step 4

The “Text Block Settings” dialogue box will open, allowing you to make changes to the text within the selected block. Make your desired changes and click “Save changes” at the bottom of the “Text Block Settings” dialogue box.How-to---Text-Block-edit---Screenshot

Step 5

Your changes will not be permanently saved until you click the “Update” button at the top right corner of the page. Once you hit “update”, and allow for the page to refresh, your changes will be saved permanently.How-to---Update-Page---Screenshot

Step 1

From the Dashboard of WordPress, hover your mouse over the “Team Members” tab and select “Add new” from the dropdown.

How-to-Add-New-Team-Member

Step 2

You should be taken to the “Add New Team Member” page. There are several fields available to fill out regarding the new team member.

Important Fields:

  • Enter Title Here – Team member’s name
  • Team Group – Check the box of the team group the team member belongs in
  • Main Text Area – Team member bio (optional)
    Members Image – Image of team member (Click “Set featured image” and select the image from the Image Library)
  • Excerpt – Team member’s job title

How-to---Add-new-member-page---Screenshot

Step 3

Once you have filled out the appropriate fields, you can save the new team member by clicking the “Publish” button at the top right of the page. Once the page has refreshed the new team member will be saved.

How-to---Publish-new-team-member---screenshot

Adding a contact form to your web page is one of the simplest tasks thanks in large part to the graphic user-interface of Visual Composer. To get started, be sure to log into the website with your credentials, navigate to the page where you want to include your contact form and click the ‘Edit Page’ link in the options bar at the very top of the page. Now you’re ready to add your contact form.

  1. Click on the ‘+’ button in Visual Composer to launch an element dialog box
  2. From the list of elements, choose Contact Form
  3. Once the form has been added to your page, click on the element to select your form from the list.

If you don’t have a contact form, please contact the LSC Webmaster to request a new contact form or edit an existing form.

Can’t find a tutorial for your specific need? Fill out the form below and we’ll provide your answer here!

 

If you experience any issues while attempting to submit this form, please contact the Lory Student Center Webmaster at lsc_webmaster@mail.colostate.edu

Adding an Event to the Calendar

Our new events tool is much more intuitive that the last and the results are a cleaner, more mobile-friendly calendar.

STEP ONE
Login into WordPress at https://lsc.colostate.edu/wp-admin/

STEP TWO
Go to Events, which is located in 2 places: On the top toolbar and on the left sidebar (after Posts and before Media).

STEP THREE
Click Add Events.

STEP FOUR
Enter your Event title.

STEP FIVE
Add a description in the word bank.

STEP SIX
If applicable, you may set a featured image of your event by clicking set featured image located at the bottom of the right sidebar.

STEP SEVEN
Follow prompts to upload image or select a pre-existing image.

STEP EIGHT
Go to The Events Calendar section found under the description bank. The Events Calendar contains the event’s: time and date, location, organizers, event website URL and event cost.

STEP NINE
Set your event’s time and date in The Events Calendar section, found under the event description bank.

IMPORTANT
Don’t skip step nine! There is a default time and date. If the date and time is tenative, save your event as a draft as described in step.

STEP TEN
Select the event’s venue. Past venues will appear when you click the box. If your venue does not appear, create a new one by typing it into the search bar and clicking the hyperlink labeled ‘create’.

STEP ELEVEN
Select the event organizer. Past organizers will appear along with a search bar. If organizer doesn’t exist in the defaults, create a new one by typing it into the search bar and clicking the hyperlink labeled ‘create’.

STEP TWELVE
If your event has a separate website URL, enter it under Event Website.

STEP THIRTEEN
Go to Event Options, found under the right sidebar.

STEP FOURTEEN
If relevant, click one of three options:

  • Feature Event: This event will appear at the top
  • Sticky in Month View: The event will appear at the top of the month calendar
  • Hide From Event Listings: Click this if the event is a work in progress

STEP FIFTEEN
Go to Event Categories, found on the right sidebar

  • Click the boxes to add relevant categories
  • Add a new Event Category if one doesn’t exist

STEP SIXTEEN
Review information to make sure everything is accurate

STEP SEVENTEEN
Publish

REVIEW
Congratulations! Go to the events page to see your event listing!