Latest Updates

Follow-up to Design Refresh

Posted by Megan Otis on February 7, 2018 at 12:02 PM PST

Follow-up to the Design Refresh

If you missed your chance to attend a Design Refresh Demonstration and Training session, you can download the PowerPoint presentation on the Training Materials webpage.

The content type encyclopedia has now been fully updated to reflect the changes made during the Design Refresh. There you’ll find all of the content types available to you, what they look like, and how to use them. Including:

Additionally, we are happy to announce that the following new content types are ready for use:

And by popular demand, you can now customize the color of the triangles in your Megabanners and Title banners!

New contract with Site Improve

Seattle U has a new contract with Site Improve, a tool to identify content quality, accessibility and search engine optimization issues with our Seattle U websites. The MarCom Web Team will soon be making this tool available to interested content editors, so stay tuned for more information.

If you would like to receive reports from Site Improve, or if you are interested in receiving access, please let us know.

Preview your webpage with the new look

Posted by Megan Otis on December 5, 2017 at 4:12 PM PST

We wanted to share some more updates about next week’s launch of the design refresh and template changes.

Launch Details

Next week, we will be rolling out the design refresh and template changes mid-week. In order for us to make all of the necessary changes to the templates for the launch, all publishing will be suspended beginning at 9am on Mon, Dec 11 through the launch. Publishing will return no later than end of day Wednesday, Dec 13. (Though if something comes up during that time period that urgently needs to be published, please let us know.)

During the downtime, you will still be able to log into the CMS, and save & approve changes to your website, but changes will not go live until we launch the design refresh.

Preview Your Page With the New Look

While the Web Team is still making small adjustments to the templates and design, we are pleased to be able to offer you a preview so that you can have a sense of what your pages will look like after we launch the design refresh and template changes next week. Here are the steps:

Before you can correctly preview your pages with the new design, first you will need to confirm that the page layout settings are correct.

  • In the Site Structure, click the name of your top level folder, then click over to the “Page Layouts” tab.
  • In the row labeled v9 Preview, make sure that the page layout that is selected is the V9 version of whatever page layout is showing in the SU Website row. So if it says “Home page” in the SU Website row, make sure you select “V9 – Home page.” If it says “Standard subpage” for SU Website, then select “V9 – Standard Subpage” in the v9 Preview row.

Screen shot of how to change your page layout settings to enable the v9 Preview

  • Be sure to hit "Save changes" at the bottom right of the page before you proceed.
  • Then in the Site Structure, next to the name of your top level folder, click Actions > Preview section.

Screen shot of how to preview your page or section

  • Don’t forget, you need to have your pop-up blocker disabled in your browser before you will be able to preview your page.
  • When TerminalFour asks you to select a channel to preview then you should click “v9 Preview.”

Screen shot of how to select the v9 Preview Channel

  • If, when you hit Actions > Preview, T4 does not give you the option to select the v9 preview channel, please let Megan know and we will adjust your user settings.
  • Right now, your page will default to a "fixed-width" but with the new template changes, you now have the option of going full-width. If you would like to see what your page would look like full-width, you can go to your Section Customizations folder, open your "Site configuration" content item, and select "full width."
  • If you have any comments or concerns about the new design, please reach out to us.

Fixed width or Full width

When we roll out the design refresh and template changes, you will now have the option of keeping your website content at a fixed width (1170 pixels wide), or opting to convert your pages to full width.

Fixed width page:

Screen shot of what fixed width webpage looks like

Full width page:

Screen shot of what a full width webpage looks like

In your "Section Customizations" folder, you should find a "Site Configuration Options" content type, and within that content item, you can easily select between a fixed width or full width style for all of your pages.

Screen shot of Site Configuration content type with fixed width or full width option

If you decide to convert your pages to full width, you may find that some of your older images will need to be replaced with higher resolution images in order to look good on larger or wider screen sizes.

If you have any questions about converting your pages to full-width, please let us know.

Demonstration and Training Session

We will be providing a Demonstration and Training session to showcase the website design refresh, and show you some of the cool new things you can do in T4 with the new content types and template changes we’re rolling out next week.

We currently have one demo scheduled for Tue, Dec 12, from 2:00-3:00pm, in PIGT 304. If demand is high, we may schedule another session in January when we all return from winter break. Let us know if you’d like to attend a demonstration and training session.

Grad Viewbook and Design Refresh Launch Update

Posted by Megan Otis on November 17, 2017 at 10:11 AM PST

Happy Friday content editors:

Two pieces of news to share with you this morning.

New Graduate Viewbook

Today, we have launched the new digital Grad Viewbook. The new viewbook is the result of collaboration between Graduate Admissions, Marketing Communications and our branding agency 160over90.

Launch Update

To ensure we are able to focus on any potential issues that may arise, we are shifting the launch of the design refresh and template changes, along with the launch of the new Seattle U homepage, until after finals week in December to minimize impact on the campus community.

We are still temporarily pausing publishing this afternoon, as an opportunity for the Web Team to do a dry run for the design refresh launch in a couple of weeks. But publishing will resume by 5:00pm this evening.

Thank you all so much for your patience and understanding.

Have a great weekend,

The MarCom Web Team

Launch details and action needed, and a new resource on web accessibility

Posted by Megan Otis on November 9, 2017 at 4:11 PM PST

The Web Team is getting closer to launching the design refresh and template changes and we have more details for you about this website transition.

Launch Details

The tentative date for the launch of the design refresh and template changes is Tue, Nov 21.

In anticipation of the launch, all publishing will be suspended beginning the afternoon of Fri, Nov 17th through the launch date, in order for us to make all of the necessary changes to the templates. (Though if something comes up during that time period that urgently needs to be published, please let us know.)

Also in preparation for the launch, you will start to see radio button options for zones in your content items starting next week – but those buttons won’t work until after the launch.

Action Needed Before Launch

  • If you need to make changes to your website between now and Thanksgiving break, please make sure you make those changes in the CMS before noon on Fri, Nov 17.
  • Review the order of your content items in each section (page). After the launch, your mobile users will see your content on your website in the order they are listed in the section. What order do you want your content to appear for mobile users? Make sure your content items are listed from top to bottom in the order you want your mobile users to see them. This only affects the mobile view of pages with content items in more than one zone.

New Resource on Accessibility

We have recently published a new resource for content editors: a webpage outlining things you can do in T4 to make your website more accessible for all users – especially users with disabilities. Please take a look at our new content guidelines for increasing accessibility.

Please let us know if you have any questions or concerns!

New blog post and sneak peek of design refresh

Posted by Megan Otis on October 13, 2017 at 3:10 PM PDT

Happy Friday the 13th Content Editors:

I’ve got a few pieces of website news to share with you.

Blog post on new features in TerminalFour version 8.2.1

As promised in my last message, I have written up a blog post with screen shots showing some of the changes you will see in the site manager now that we’ve upgraded to T4 version 8.2.1. I point out some of the new interface changes that make navigating easier to manage, another feature to help you catch broken links, easier creation of accessible tables, and some new options for your forms in Form Builder.

Design refresh update: Sneak peek

The timeframe for rolling out the design refresh and template changes will be several more weeks, but in the meantime here are a few more details about the design refresh we’re excited to share with you all:

  • Overall cleaner look with fewer grey borders and more white space
  • Website background color will be changing from light grey to white
  • Font size and line height (space between lines) will be increasing 15-25% (depending on the content type)
  • Yellow page titles will be replaced by red page titles (hooray!)
  • The Jumbotron and Quicklinks content types will be redesigned with brighter brand colors and a cleaner look (goodbye black and yellow flags!)
  • More options for content type placement. Some content types are currently limited to just one zone, but after the roll out, more content types will be available in more zones. For example, the infographic content type (which is currently only available in zone A) will be offered in all zones on the page.
  • New styles for all banners
  • Launching several new content types, among which include the Panel, and the Spotlight, which we’re excited to show you a sneak peek of the designs:

Panel

Screenshot sneak peek of the panel content type

  • A text box overlaid on top of an image with a partial colored border. Size and placement of the text box will be variable. This content type will be great for sprucing up the look of your page with the addition of a large graphic element.

Spotlight

Screenshot sneak peek of the spotlight content type

  • A small circular image next to a quote or testimonial, with different options for background colors. This content type will be great for highlighting faculty, student or alumni successes.

Thank you for bearing with us while we prepare these exciting new changes for our Seattle U websites.

As always, content editors, thank you for your hard work keeping our websites up to date and looking great.

Best wishes,

Jason Beardriel and Megan Otis

Some Changes in TerminalFour 8.2.1

Posted by Megan Otis on October 13, 2017 at 1:10 PM PDT

As we promised in our earlier message, here are further details on some of the changes content editors will see in the Site Manager now that we've upgraded to TerminalFour version 8.2.1.

User interface changes in Site Manager

You may also notice a few other small changes in the interface that makes TerminalFour Site Manager a little easier to navigate.

Screen shot of how to view your user type after 8.2.1 upgradeQuickly and easily view your user type

In the black navigation bar along the top of your page, click the drop down arrow on the very top right. Then under your name, you will see your user type shown there. The user types include contributor, moderator, power user, and administrator. Different user types have access to different features in T4, see User Permissions and Permission Levels for more information.

 

Screen shot of how to view your active section in the site structure after 8.2.1 upgradeQuickly and easily view your active section

Now you can more easily see which section (folder) you're currently working in, or the active section, in your site structure.

Previously, the name of the active section was bold, but in version 8.2.1, the active section is now shown with a blue circle around it.

 

More easily see your content types

When you have clicked on the content tab in a section, you can now see what content type each of your content items are in the list of the content items in that section.

Instead of having to hover over the content item to see the content type, the content type is automatically shown underneath the name of the content item next to an icon of three stacked blocks.

Screen shot of how to view your content type after 8.2.1 upgrade

 

View "broken" section or content links in Preview mode

Screen shot of 8.2.1 upgrade broken links outlined in preview modeIf you have inserted a section link or a content link that is now broken* (i.e. you have a link to a section or content item that has been deleted), in Preview mode, T4 will alert you to broken internal links by showing red boxes around the link.

* Please note, this feature does not show broken external links.

Reminder: It is best practice in T4 to insert section links or content links whenever possible. For other strategies on preventing broken links, check out our previous blog post on 404 errors.

Easier creation of accessible tables

Deriving meaningful information from tables on a website can be especially challenging for users using a screen reader. But previously in TerminalFour, creating accessible tables was not especially easy for users without knowledge and skill of HTML. Now in version 8.2.1, it is much easier for users to create accessible tables.

Adding column and row headings

One of the strategies to make tables more accessible for all users, is to create tables that include column and row headings.  Now, under the Table menu in your Text Editor, you can select "Insert table with column headings" or "Insert table with column and row headings."

Screen shot of how to create a table with column and row headings for more accessible tables

Adding table caption and summary

Another strategy for making your tables more accessible is to add a caption and/or a summary. Table captions and table summaries are "metadata" which means that the information is not typically displayed on the page, but is added to the code "behind the scenes" but it is read aloud to users using a screen reader to provide context and other helpful information to derive meaning from the table. You can now easily add a table caption or summary by selecting Tables > Table caption/summary.

 Screen shot of how to add a table caption and table summary for more accessible tables

 

New features in Form Builder

For form managers, version 8.2.1 includes several new features built into Form Builder.

More options after a successful submission or form failure

You now have more options for where users should be redirected after a successful submission or a form failure:

  • Show a message
  • Redirect to a T4 section
  • Redirect to an external URL

Screen shot of the new Form Builder Submission Options available in 8.2.1 upgrade

More options to deploy TerminalFour forms

You can now embed a T4 form (or add a link to a T4 form) on a web page not generated by TerminalFour.

Screen shot of the new Form Builder Deployment Options available in 8.2.1 upgrade

But in order for Form Builder to generate an embed code or a sharable link, you need to meet certain conditions. You cannot save submissions to a "named child section" or have the success or failure redirect options set to a T4 section.

Screen shot of the conditions needed to use new Form Builder Deployment Options in 8.2.1 upgrade

This is by no means an exhaustive list of all of the new features in 8.2.1. This blog post also does not list all of the many bug fixes which were included in this upgrade.

If you have questions, please feel free to contact the MarCom Web Team for more information.

TerminalFour Upgrade Version 8.2.1

Posted by Megan Otis on October 4, 2017 at 8:10 AM PDT

Earlier this morning, the Seattle University content management system (CMS) was upgraded to TerminalFour version 8.2.1.

When you log in, you may notice some changes as this version includes some user interface improvements, performance upgrades, and important bug fixes.

In the next couple days, we’ll be writing a more detailed blog post summarizing the changes and new features.

In the meantime, let the MarCom Web Team know if you have any questions or concerns.

Seattle U Web News: Upcoming design refresh and other updates

Posted by Megan Otis on September 26, 2017 at 9:09 AM PDT

Happy Fall Quarter everyone! We have lots of website news to share with you all.

Update on the upcoming design refresh and template changes

Over the summer, the MarCom Web Team has been working very hard getting ready to launch the website design refresh and template changes in TerminalFour. We are anticipating to roll out the changes in mid-October. Here are some of the changes you can expect:

Design refresh

  • New Seattle U homepage
  • New global navigation menu and footer
  • General style updates for a cleaner look and feel
    • Font changes and larger text size (for increased accessibility and readability)
    • More white space, fewer borders
    • Banners and most other content types will have design “face lift” too

(See a sneak peak of the new look in Eli Voigt's PowerPoint presentation from the Brand Marketing Workshop held in early September.)

Template changes

  • Option for full width pages
  • Several new content types and improvements to existing content types
  • Zone C will now be visible on mobile devices
  • More control over how content items are ordered on mobile devices

What content editors need to do to prepare

The design and template changes will happen automatically throughout the website, but you may want to prepare for these changes by doing the following tasks:

  • Decide how you would like your website content items to be ordered for mobile users.
  • Your content will appear on mobile devices based on the order in which they are listed in your section, regardless of zone.

Updates on Albers and ITS URL changes

A quick update on the URL changes we announced earlier this month:

  • The web address for Albers School of Business and Economics website has successfully been changed to www.seattleu.edu/business.

  • The ITS (www.seattleu.edu/its) and Technology Support (www.seattleu.edu/support) website transition has been postponed and will now take place on October 12. If you have any ITS or Support content linked on your pages, please contact Alex Stoffel at stoffela@seattleu.edu with the URL and specific content no later than Monday, October 9.

Fall quarter CMS training sessions

This fall, we will continue to offer basic training sessions for new CMS users, or folks just looking to refresh their T4 skills. If you, or a new content editor in your area, wish to attend a training session, please sign up on the Web Training site.

Review CMS access and permissions

Since a new academic year has begun, it’s a great time to review the list of users who have permission to edit your websites. Perhaps you are, or have, a student employee who left your position at the end of the school year and no longer need access to the CMS?

  • If you no longer need access to the CMS, please let us know and we can remove you from the system (and then you will stop receiving emails sent to the content editors listserv).

If you have any questions, please let us know.

Jason Beardriel and Megan Otis
MarCom Web Team

Updated Brand Guidelines, A Color Overlay Tutorial and New Program Page Templates

Posted by Eli Voigt on September 19, 2017 at 3:09 PM PDT

Earlier this month we hosted our quarterly brand marketing workshop. The workshops are open to the campus community and typically include college marketers and preferred vendors for creative and design. 

At the workshop, we previewed new website templates, including for majors/program pages, the new online graduate view book, creative concepts for The Ones campaign (see the new homepage centerpieces for a sampling) and discussed a few other priorities for the fall quarter. Be sure to keep an eye out for more detailed updates about each of these initiatives as they move into the implementation phase in the coming weeks.

We also introduced three updated brand colors that give us fall color options in the brand palette. Included were classic and vibrant color combination examples to visualize how color combinations can be executed.

To round out the workshop, one of our designers presented a tutorial on how to create a color overlay, which is one of our brand elements.

Download the ppt from the workshop here.

The updated brand guidelines are posted online:

https://www.seattleu.edu/media/marketing-communications/Seattle_Brand_Guidelines_10.pdf

Please let us know what you would like to see in the future at our quarterly workshops.

Eli Voigt