Web Resources

With the transition to Drupal, a content management system, we've provided a suite of training materials and resources for content experts. Please review below.

Editing pages with Drupal

The College of Education's main website is built with the Drupal content management system (CMS). Drupal allows you to edit pages, upload documents and images, update your faculty or staff profile, create events, among other things. We have assembled a few tutuorials, listed below. You can also contact the site manager, Paul Keyes, with any questions you may have.

Basic Page Editing

  • Log in to the COE site
  • Navigate to the page you need to edit
  • Under the main page title, click 'New Draft' tab, which will bring you to the editing screen
  • Edit the main page text in the 'Body' text area
  • After you have made your edit, if you:
    • are ready to publish:  click the 'Revision information' tab toward the end of the page, and change the 'Moderation state' to 'Needs review'
    • want to save your draft to edit later, just click 'Save' at bottom of the page.

Creating Events

  1. Login
  2. Go to My Workbench in the upper left corner
  3. Go to 'Create Content' and select 'Event'
  4. Fill out the required fields. Users are strongly encouraged to include a brief event description and a link for more information when appropriate. To display your event on the right sidebar of a specific section, use the "News Sidebar Context" select list.  To select more than one context, use Command-Click and click on each of the pertinent items.
  5. Save and submit for moderation.
Editing Your Web Profile

Follow the steps below, or see a screenshot tutorial.

  1. Log in to the site with your UWNetID (under "Quick Links" at top right of screen)
  2. Click on your name in the black bar at the top of the screen (Where it says "Hello XXXXXXX")
  3. Click on the "Edit" tab
  4. Click on the gray "Faculty" or "Staff" link at the upper left of the screen
  5. Edit your information within the available fields. (NOTE: Copying text from a plain text editor (e.g., TextEdit on Macs or Notepad on Windows) is strongly recommended. Copying from a Word document often carries over unintended formatting.)
  6. Click on "Save" at the bottom of the page. PLEASE NOTE THAT YOUR INFORMATION WILL NOT BE ARCHIVED SO DOUBLE-CHECK YOUR ENTRIES BEFORE SAVING.

Adding Additional Media

If you have additional media (video, podcast, photos) you would like to display on your profile page, please send URL/s to either Paul Keyes or Dustin Wunderlich. We can embed media content from most major platforms (YouTube, Vimeo, Soundcloud).

Writing for the Web
Policy on Changing Program or Field of Study Content

Please submit a tech request for all program title or field of study name changes. While faculty content experts may edit content in the body of pages, all large programmatic changes must be approved by the content supervisor. After submitting a tech request, you will receive a follow-up email within 24 - 48 hours. 

Working with Images

We strongly encourage you to resize your images to the lowest necessary resolution. Images of more than 2mb can't be uploaded via Drupal, and there's rarely any reason to require an image of more than 100kb.

Images can be resized in Photoshop or other image editors, or using free online services such as the Free Online Picture Resizer.

Further Resources:

Adding an Accordion to Your Page

An accordion can help to reduce clutter and page length by hiding information on your page until an accordion-enabled link is clicked (just as you had to click the title above to read this content).  To add one, you need to follow these steps:

  1. In the 'Body' field on your page, click 'Switch to plain text editor,' directly below the Body frame
  2. At the top of the page, add this exact code: <p>[accordion]</p>
  3. The accordion uses the Header 2 (<h2>) elements on the page to trigger its effect.  For each Header 2, add an 'id' attribute
  4. '<h2>First header</h2>' becomes '<h2 id="accordion1">First header</h2>, <h2>Second header</h2>' becomes '<h2 id="accordion2">Second header</h2>, and so on, changing each '<h2>' to '<h2 id=accordion[n]>', where [n] indicates the header number
  5. At the bottom of your page, close the accordion square brackets.