Moving Images and Files From Old Site

Images and other files like Word documents, PowerPoint files and PDFs are all manged the same way.  In this tutorial we will discuss how to get the files from our old site and into the new one.  The basic steps are below, followed by a video tutorial.

  1. Log in to your site’s Dashboard
  2. Open a second browser window or tab, and navigate to your old site
  3. Right-click the image or file, and save it to your computer
  4. In the campus.albion.edu site, edit the page or post you want to use the image or file in (or create a new page or post).
  5. Use the media toolbar above the editor window to upload the file
  6. For images, set optional caption text to be displayed under the photo.
  7. Select link, size and position options. Files like Word documents won’t need a position.
  8. Update/Save the post or page and view the results.

View the video demonstration:

http://campus.albion.edu/onlinetutorials/files/2009/05/imagesandfiles.flv

Creating Pages from Existing Content

Remember that pages are best for content that is somehow timeless and can’t be classified into categories. A welcome page is a good example of this type of content.

Creating a page from an exisitng website:

  1. Log in to your site’s Dashboard
  2. Under Pages, select Add New
  3. Create a Title (note the title will become a clickable link in your site’s navigation, so shorter is better).
  4. Click in the editor window
  5. Open a separate browser window or tab and go to the “old” page.
  6. Copy the text (highlight the text, then right-click to copy).
    Don’t worry about any images or files right now. See the separate tutorial on moving images and files.
  7. Back in the new site, click the PASTE AS TEXT button
  8. Type CTRL-V to paste the text in the popup window, then click the Insert button
  9. Publish the page and then view it.

Watch the video demonstration using the Kappa Delta sorority site’s Welcome page:

http://campus.albion.edu/onlinetutorials/files/2009/05/movingpagecontent.flv

Managing Site Editor Permissions

The person responsible for editing a Campus Programs site will change from time to time.

To help ensure the security of sites on campus.albion.edu, only CPO staff can approve site editor changes.

Contact CPO and request the change. Once approved, the new editor will be notified via email.

Non-CPO site editors with permissions questions should contact websupport@albion.edu.

Video and Media Files

Adding a video or other media to your site is easy, just upload a file to your Media Library or copy a URL from YouTube or other video hosting service, then use a Video QuickTags button in the editor window to inert the file:

  1. Log in to your site’s Dashboard
  2. Start a new post or page, or edit and existing one
  3. Use the Add Media button(s) above the editor toolbar to upload your file
    Tip: If you have upload troubles, use the Browser Uploader link in the upload window instead.
  4. After upload, copy the file’s URL (highlight the full url then on keyboard press CTRL C to copy). DON”T use the “Insert into Post” button – this just puts a link in your post to the file.
  5. Click the Save All Changes button to return to your post
  6. Back in your post or page, use the appropriate Video QuickTags button to insert the file and paste (CTRL V) the URL you copied into the box.
    1. If you have an MP4 or FLV video file, use the Flash Button. There is also a QuickTime button and a Generic video button that looks like a filmstrip. The other buttons are for hosted video service links.
    2. Missing buttons? Save your post as a draft, then click the Video QuickTags link in the Settings menu and make sure all the boxes are checked.
  7. Video and audio files will show up in the editor window as a text, and look something like this:[ flv ]http://campus.albion.edu/onlinetutorials/files/2009/05/video-uploads.flv[ /flv ]but will show up in the front end of your site in a player window.

Watch the Video:

http://campus.albion.edu/onlinetutorials/files/2009/05/video-quicktags.mp4