PDX.edu support overview

Events layout

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Events"

When a site user adds an "Upcoming Events" paragraph block, it can display one of three ways: Horizontal, Vertical, or Circle. This is a global change for your site - choosing one style will make every Upcoming Events paragraph block on your site appear in that style. This only impacts the display of the paragraph block; the function will remain the same.

Gallery details

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Gallery"

This is the page title for the Gallery page. Not all sites use Galleries (also known as Portfolios), but if yours does, this configuration allows you to change the Gallery page title. We work with sites that do use the Gallery function to ensure they know about this feature. 

Set default images

There are two areas where you can set default images. Each one serves a slightly different function.

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Set Featured Block/News Article Default Image"

• There are paragraph blocks that display a combination of recent news (or blog) posts along with a Twitter feed. These paragraph blocks require images for the news/blog articles, but those don't always have images. As such, you can choose a default image to display instead.

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Set Paragraph Types Default Image"

• This is a default image if a content feed requires an image, but there's none provided. Feel free to add one, but it's not necessary. 

Theme variations

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Theme Variations"

Themes change the color scheme for the site. At the moment, the Default theme is the only one you want to use. We are still testing the accessibility and visual continuity of the other themes.

There are various paragraph blocks that show the recent feed from your department's Facebook, Instagram, and Twitter accounts. These are, by default, set to PSU's feeds. However, if your department has its own feed that it would like to highlight, you can do so by modifying these sections.

Facebook

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Facebook"

Do not update this information. The Facebook integration is currently non-functioning.

Instagram

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Instagram"

Enter the full and complete URL for your instagram page in the top text box (eg. "https://www.instagram.com/pdxbschool/"). Enter your instagram user name in the bottom text box (eg. "pdxbschool"). 

Twitter

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Twitter"

Enter your Twitter username. 

Notes:

• Never change the settings under "Configuration ￫ Twitter feed" - that is a separate set of modifications that will cause your Twitter feed to malfunction if you modify them. 

• Retweets will display as a blank box without content. So if your site frequently retweets content, you may not want to use the Twitter Embed.

"Configuration ￫ System ￫ PDX D8 Site Config ￫ Global Banner"

Enter the desired text in the Banner Content text area. Choose the background color for the banner using the “Select Background Color Variation” drop-down. Exclude pages using the “Exclude Paths” field (the path is everything after your site name - eg. the path for http://PDX.edu/engineering/news is /news); the path for your homepage is <front>.

Required accessibility guidelines:

• Only use this banner for the name of your parent department or college; this is never to be used for an alert or announcement as it will not be read to screen reader users.

• To ensure your text is legible so individuals with learning disabilities:  

  • Use either all caps or italics, never both.

  • Do not underline content.

  • Use limited bold formatting.

Recommended styling guidelines:

• Center the text

• Single line banners should be all caps, no italics:

  

• We do not recommend the use of multi-line banners.

The Contact page is your site's main point of contact. It is a templated page type, so all you need to do is build the page, add the appropriate content, and update as needed.

Example contact page.

Creating a contact page

Before making a contact page, verify there isn't a contact page already on your site. If your site already has a contact page, you'll want to edit that instead. 

Check if there is an existing page

1. Use the admin menu to select "Content".

2. In the filter options, choose "Contact" as the content type and filter. 

   1. If there are no results, then you can add a new contact page.

   2. If there are results, then edit the existing page.  

Make a new contact page

To create a contact page:

1. Go to “Content ￫ Add Content ￫ Contact Page”

2. Complete the form.

3. Save the page.

Edit an existing contact page

To edit an existing contact page:

1. Select "Content" in the admin menu.

2. In the filter options, choose "Contact" as the content type and filter.

3. Select "Edit" to the right of the contact page name.

4. Update the form as needed.

5. Save the page.

Contact page form fields

Page Title

Keep this descriptive but short. Suggestions: "Contact Us", "Contact Department Name", "Contact".

Subtitle

Displays below the page title; this is optional. 

Sidebar Title

Displays above the left sidebar, directly above the "Sidebar Links". This field is required in order to have either set of sidebar links display.

Sidebar Links - Departments

You can have as many of these as make sense. To add new ones, select "Add another item" at the bottom of this section. To delete one, just remove the content in the URL and Link Text fields.

• URL: If the link is to a page on your site, just start typing the page name and select from the options. If the link is to an external page, enter the full and correct URL. 

• Link Text: Make this accessible and clear. Don't repeat the URL. Generally, we suggest using the department's name (no acronyms). 

Sidebar Links - Resources

These display below the "Sidebar Links - Departments". You can have as many of these as make sense. To add new ones, select "Add another item" at the bottom of this section. To delete one, just remove the content in the URL and Link Text fields.

• URL: If the link is to a page on your site, just start typing the page name and select from the options. If the link is to an external page, enter the full and correct URL. 

• Link Text: Make this accessible and clear. Don't repeat the URL. Generally, we suggest using the name of the resource, or the action associated with the resource.

Contact Items

There are two types of Contact Items: the Rich Text Editor and the Social Media Icons. These display in two columns; if you add more than two, the additional ones will stack (in two columns) under the preceding ones.  Add as many as make sense.

These contact items will be divided into two columns based on the amount of text in each item. On the example contact page the contact items are in the following order (to give you a point of reference):

1. Get email support

2. Follow us

3. Contact item 1

4. Contact item 2

5. FirstName LastName

6. Position Title

You may need to play around with it a bit to get your desired organization.    

To add a new item, select "Add Contact Item" at the bottom of this section. To delete an item, select "Remove" in the top-right of the item you want removed.

• Rich Text Editor: This is a text entry field where you can add things like email addresses, contact information for individuals, etc. To make paragraphs, use "enter" on your keyboard if you want a large space between lines, or "shift+enter" if you want small spaces between lines. 

• Social Media Icons: These are pre-determined social media icons (Twitter, Facebook, LinkedIn, Tumblr, Instagram) where you can add the details for the desired feeds. Enter the ones you want displays; any that are blank will not show. Read the help text beneath each icon type to reference what information needs to be entered. 

Additional Details

These show after the Contact Items. It's a single columns text entry field. 

Webform

You can add a single form that collects and sends information a pre-selected email address. If you want to use the webform, choose "Contact" from the dropdown and submit a support request to let us know what email you want in the webform. Be sure to include the URL of your site.

If you do not want the webform, choose "- Select -".

Contact page URL

There is one additional step to have a clean URL for your contact page:

1. In the right sidebar, there is a section titled “URL Alias”; Find that section

2. Deselect "Generate automatic URL alias"

3. Replace the text in the URL alias field with /contact