LSC Website Training Manual

[vc_row el_class=”intro-copy”][vc_column][heading text=”LSC Website Training Manual”][vc_column_text]


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.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_tta_accordion active_section=”0″ collapsible_all=”true”][vc_tta_section title=” Login to WordPress” tab_id=”1501870182074-a5fd32dd-fead”][vc_row_inner][vc_column_inner][vc_toggle title=”Step 1″ style=”simple” el_id=”1501870182247-64fb9b95-64cf”]Visit the Lory Student Center home page.[/vc_toggle][vc_toggle title=”Step 2″ style=”round_outline” el_id=”1501870182312-cf804e9f-84c0″]Scroll to the bottom of the page and click “Log In”.

shibboleth-login-1[/vc_toggle][vc_toggle title=”Step 3″ style=”round_outline” el_id=”1501870182381-29dd741e-de7e”]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[/vc_toggle][vc_toggle title=”Step 4″ style=”round_outline” el_id=”1501870182446-0e526653-a29a”]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[/vc_toggle][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”Upload an Image to the Image Library” tab_id=”1501870182514-25cbb1fa-2088″][vc_row_inner][vc_column_inner][vc_toggle title=”Step 1″ style=”round_outline” el_id=”1501870182707-398394e3-1878″]From the Dashboard of WordPress, hover your mouse over the “media” tab and select “Library” from the dropdown.How-to---Media-Library---Screenshot[/vc_toggle][vc_toggle title=”Step 2″ style=”round_outline” el_id=”1501870182777-9a190fc7-9b1f”]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[/vc_toggle][vc_toggle title=”Step 3″ style=”round_outline” el_id=”1501870182846-0c6e5d51-375c”]At the top of the Media Library page, click “Add New”.How-to---Add-New-Media---Screenshot[/vc_toggle][vc_toggle title=”Step 4″ style=”round_outline” el_id=”1501870182928-8cbc3bb3-915e”]You can either drop files into the designated area, or click “Select Files” and manually upload.How-to---Upload-Files---Screenshot[/vc_toggle][vc_toggle title=”Step 5″ el_id=”1501870183004-8ef5dfec-5ac5″]You should now see your image(s) available in the Media Library.Screen Shot 2016-02-10 at 9.00.32 AM[/vc_toggle][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”Edit a Block of Text on a Page” tab_id=”1501870183075-52c8aa2c-58d4″][vc_row_inner][vc_column_inner][vc_toggle title=”Step 1″ el_id=”1501870183330-6a30e8d6-3a88″]From the Dashboard of WordPress, select “Pages” from the side navigation.

How-to---Pages-tab---Screenshot[/vc_toggle][vc_toggle title=”Step 2″ el_id=”1501870183400-7ce08b5f-c053″]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[/vc_toggle][vc_toggle title=”Step 3″ el_id=”1501870183474-fa0d6228-4d99″]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[/vc_toggle][vc_toggle title=”Step 4″ el_id=”1501870183551-22957f64-4fef”]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[/vc_toggle][vc_toggle title=”Step 5″ el_id=”1501870183637-3d11189b-2fb2″]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[/vc_toggle][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”Add a New Team Member” tab_id=”1501870183708-1573d0a1-88c9″][vc_row_inner][vc_column_inner][vc_toggle title=”Step 1″ el_id=”1501870183930-b33c50c3-e280″]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[/vc_toggle][vc_toggle title=”Step 2″ el_id=”1501870184009-064b23d2-75f9″]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[/vc_toggle][vc_toggle title=”Step 3″ el_id=”1501870184085-ccd18eeb-a664″]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[/vc_toggle][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=”Add a New Contact Form” tab_id=”1501870184159-6a7a12b6-c7f5″][vc_single_image image=”16382″ img_size=”full”][vc_column_text]

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.

[/vc_column_text][/vc_tta_section][vc_tta_section title=”Request a Tutorial” tab_id=”1501870184413-46ab7b9d-b4ec”][vc_column_text]Can’t find a tutorial for your specific need? Fill out the form below and we’ll provide your answer here![/vc_column_text][contact-form-7 id=”16200″][/vc_tta_section][vc_tta_section title=”Adding an Event to the Calendar” tab_id=”1507326526485-64784799-b729″][vc_empty_space][heading text=”Adding an Event to the Calendar”][vc_column_text]Our new events tool is much more intuitive that the last and the results are a cleaner, more mobile-friendly calendar.

Login into WordPress at

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

Click Add Events.

Enter your Event title.

Add a description in the word bank.

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

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

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.

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

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.

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’.

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’.

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

Go to Event Options, found under the right sidebar.

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

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

Review information to make sure everything is accurate


Congratulations! Go to the events page to see your event listing![/vc_column_text][/vc_tta_section][/vc_tta_accordion][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]