You are here

DRUPAL Tips

INTRODUCTION

  • The SIU School of Medicine webpage (.edu) was updated on May 1, 2017. Its design and structure mirrors siumed.org (formerly siuhealthcare.org). siumed.edu is the academic webspace of SIU School of Medicine. siumed.org is the webspace of SIU Medicine, the clinical practice.
  • Drupal is the name of the Content Management System we are now using.
  • For consistency, the design and structure of the website is not changable. Departments should focus on creating and maintaining well-written, engaging content and photographs to attract and retain web users.
  • Your PR or Marketing “content coach” in can assist you with content questions. (pr@siumed.edu)
  • IT can assist in functionality/structure questions.  (techsupport@siumed.edu)
     

Overview talk. (.pdf) and initial training presentation (.pdf)
 

PROCESS

  1. LOGIN: www.siumed.edu/user/login (use email credentials)
  2. Click “My Workbench”
  3. Click “create content”
  4. Choose appropriate template - Read the descriptions of each for guidance.
  5. Copy/paste text/write/add photos if needed
  6. Choose your “Groups” Audience (your dept.) - 
    1. To select more than one audience, hold down "ctrl".
    2. If there are other “depts./offices” who should see the info, let your content coach know.
  7. Primary group needed for all pieces of content –
    1. this is critical to have the content tied to YOUR group (aka “breadcrumb” in the URL) (PR/Marketing will add other groups as needed).
    2. HOW TO DO IT: At the bottom of your content type, below “Groups Audience” is “Primary Group” – select your Dept./Office.
  8. Select the appropriate audience(s) and missions
  9. Publish to SOM/Medicine/Intranet if appropriate
  10. Click “provide a menu link” if you want it listed in your dept/office menu.
  11. Save
  12. Review your draft. 
  13. Click “Needs Review” when you want your content coach to review your draft. Once it is approved by your coach, the content will "go live."

*PR/Marketing staff will review content on Fridays, time permitting.*

HOW TO SEE ALL YOUR CONTENT

Content box will show all pieces of content created  (www.siumed.edu/your group name) At the top in the gray bar should be the word “Content.” 

POINTS TO CONSIDER when building content

1. Who is the primary audience of your content?
2. What is the primary message of this content?
3. Does this content need to be public? Can it be on the intranet? Disseminated a different way? (server, email)
3. What is the origin of the information?
4. How will you keep it current?
5. What is the most important information your audience needs to know?
6. Has the content already been created? Do a quick search and communicate with other departments to avoid duplicating content. PR can "tag" other departments to minimize duplication and promote integration of resources.
7. See web writing document.

 

 

CONTENT TYPES (see examples)

All the content types have a brief description of how they should be used. A few content types are similar. Below is an explanation about some of these content types. If you need help, contact your Content Coach for guidance. With the new webspace, departments now have opportunities to write content for the webpage. The PR office approves it and publishes it to the webpage. Any distribution to media still must be centralized in PR.

Basic Page - Basically a "wall of words." This is your basic building block. Use often.  This document that you are reading is a Basic Page content type. Photo is 700x300 pixels. Some text editing capabilities are optional to improve readibility (headings, bold, bullets) 

Featured Page - A more advanced page - uses photos extensively. It is essentially a router page to collect various pages together. EXAMPLE: https://www.siumed.edu/cpd/learners.html
siumed.edu/pr/aspects.html

Highlights - Highlights are included in the rss feed at the bottom of department pages. Format is similar to basic page, but it has a date stamp. Photo size is different than a basic page. This is used for time-based events, such as news releases and post-event coverage. Wil roll off as new ones are added. EXAMPLE: https://www.siumed.edu/mmi/highlights/game-changer-herpes-vaccine-shows-promise.html

 

PHOTOS

We recommend that web content coordinators have some photo-editing software available such as Photoshop.

  • Use pictures when appropriate. Not every page needs a photo.
  • Photos must be RGB - not CMYK. (A color shift will occur if using CMYK photos.)
  • Pictures must be of good quality.
  • Pictures must be uploaded – do not copy and paste photos.
  • Follow the notes included in Drupal that advise on file size and minimum pixels. 
  • Crop as needed.
  • A web photos library is available to web content coordinators. Email kcarlson@siumed.edu for access. Additional photos will be added to the library over time. If you have a specific request, ask your Content Coach.

You cannot copy/paste photos. You must upload them to the server first:

  1. In the Body window, click the photo icon.
  2. Click "Browse Server"
  3. CLick "Upload"
  4. FInd your photo and upload it - be sure it conforms to the image requirements of the content type.
  5. Click "Upload"
  6. Click "Insert File"
  7. Adjust size, spacing and alignment as necessary.
  8. Click OK.


"CALL TO ACTION" Photos

These are the banner photos at the top of the department homepages. Your Content Coach can create these. These must give users instructions to do something "contact us, view a video, etc." No more than 5 CTAs should be used. CTAs can not duplicate (i.e, link to the same content, such as a video.). Only approved photographs can be used. 

 

MORE DETAILS

BODY CONTENT - Basic Word editing capabilities are included.

CALENDAR EVENTS - Event must be an SIU-organized event, or SIU must directly benefit from the event (e.g., fundraising) to be posted.

CONTACT US - Use a Basic Page 

EDIT SUMMARY - give a brief description with keywords - this helps with SEO for search engines like Google.

FACULTY BIOS - Clinical faculty bios and clinical faculty academic bios are separate pages of content -- but they are linked. Include Undergratuate and Graduate school information in "School" box. Volunteer/Adjunct faculty can be added as a list on a separate basic page. Only full-time faculty should be included as a separate bio. Staff bios are not available at this time - use a basic page to list staff. See linked document for more details.

FORMS - You can upload .pdf forms in the Basic and Featured page content type. Contact Lauren Murphy (lmurphy73@siumed.edu) to have a Drupal form created.

LINKS - when linking to another content type, you can eliminate the www.siumed.edu/ (absolute link) and just type in the url from the first forward slash  /   (relative link)

MENUS - Menus - the purple bar near the top of the page - must be kept to one line. Clinical and research departments, clerkships, etc. have consistent, structured menus. Other departments/offices do not. Contact pr@siumed.edu for help.

PDFs are difficult to access and read on mobile devices. Therefore, limit the use of PDFs whenever possible. If it is a simple 1 or 2-page document, simply copy and paste in a Basic Page template. Don’t add the SIU logo to the document – it already is on the web template.

POLICIES -- If it truly is a SIU Board of Trustees approved policy it is probably already a PDF and suitable for uploading (or link to the BOT policy from another webpage). 

POWERPOINT files must be converted to .pdfs.

If it is a short enough document (1-2 pages), simply copy and paste into a Basic Page template.  

TABLES - Are difficult to read on a mobile device. Consider eliminating tables and using lists or simple text.

UPLOAD DOCUMENTS (pdfs or photos) - in the basic page Body area:

  1. Click on the photo icon.
  2. Click "upload" in the upper left hand corner. 
  3. Click choose file" and find the file.
  4. Click "upload" 
  5. Click "Insert FIle" 
  6. Adjust size, alignment and spacing as necessary. Click OK.
     

ANCHOR text -

1. Select anchor point and click the Flag/Anchor icon in the Body editing section.
2. Give it a name. Copy/paste this text. Say OK.
3. Select the text on which you want to place the anchor.  Click link icon.
4. Select "Link Type" dropdown box.  Select "Link to anchor in the text." 
5. Select the appropriate name from dropdown box and click OK.

 

MENUS

Menus must be kept to one line.

  1. Go to your group: www.siumed.edu/pr (your group name)
  2. Click “Group” in the gray bar.
  3. Click “Menus”
  4. Click “List Links”
  5. Use crosshairs icon to move “parent” links in the order you want. You can indent to group links into drop-down menus (only 1 tier). These are the “children.”
  6. If using a dropdown menu, you must do the following:
  7. On the “parent” link item click “edit”
  8. Select “Show as Expanded”
  9. Check the “children” links to make sure they are related to the “parent” you want.
  10. Save the configuration and refresh your browser to see the changes. 

 

TROUBLESHOOTING

"I can't see my content." -- Select "My Drafts" tab.  Push your content to "Needs Review" for moderation.

"I don't see "My Workbench" - login again to www.siumed.edu/user/login -- or put in https: before the url.

 

WRITING TIPS

We have created helpful guidelines to improve your web writing. Includes style guide, formattng guide, SEO tips, and how to write faculty bios. Feinberg School of Medicine also has an extensive writing guide.