Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The information on this page is dedicated to written content, documents, images, and videos added to your site. All content added to your site must be accessible to users with disabilities and follow appropriate legal guidelines. Review the EIT Accessibility Policy and the PSU Copyright Guide for more information.

...

Expand
titleChoosing image dimensions

These are approximate sizes, you can go larger but we do not recommend choosing smaller image dimensions. 

  • Large Hero and CTA: Full Width Image: 2000x700 (WxH)

  • Other Blocks: 650x650 (WxH)

  • Text Blocks: There are not pre-set sizes for images in text blocks. As such, you must to upload images that are already customized to the size you want. Some recommended widths are:

    • Small: 250px

    • Medium: 400px

    • Large/Full span: 800px : 800px

Image dimensions for Syndicated Content:

  • Event:  455x325 (WxH)

  • News Article: 945x520 (WxH)

Expand
titleUpload an image

Use the admin menu to navigate to “Content → Media → Add Media → Image”. A few things to note:

...

Expand
titleEmbedding a Google calendar

You can embed a Google Calendar using an iframe. However, there are a few added steps you need to take, to ensure the calendar is accessible:

  1. On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the Google Calendar app.

  2. In the top right, select the Settings menu (it looks like a gear) and then Settings.

  3. On the left side of the screen, select the name of the calendar you want to embed.

  4. Select "Integrate Calendar" in the menu that expands under the calendar name you selected.

  5. Copy the "Public URL to this calendar" section URL. For example, the Public URL to my 1:1 help calendar is: 
    https://calendar.google.com/calendar/embed?src=pdx.edu_p6hjlahv1gsmk0e8g6oereldh4%40group.calendar.google.com&ctz=America%2FLos_Angeles

  6. Open some kind of text editor and paste the URL in it. This is just for temporary purposes so we can edit this URL.

  7. Replace everything before src= in the URL with: 
    https://www.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showCalendars=0&showTz=0&mode=agenda&height=600&wkst=1&bgcolor=%23FFFFFF&  

    1. Example: the new URL for my 1:1 calendar is:
      https://www.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showCalendars=0&showTz=0&mode=agenda&height=600&wkst=1&bgcolor=%23FFFFFF& src=pdx.edu_p6hjlahv1gsmk0e8g6oereldh4%http://40group.calendar.google.com &ctz=America%2FLos_Angeles

  8. Copy the new URL, this will be used for the iframe.

A few notes:

  • When creating the iframe, set the width to 100% and the height to 600px.

  • Calendars with appointment slots cannot be embedded; they only display the scheduled appointments, not the available times to book. For appointment calendars, use a call to action to link to the appointment calendar.