New Blocks Available – Accordions and Post Layout

Hello WordPress SCEs,

We wanted to share the latest additions to your block library, the Accordion and Post Layout.

Have questions? Please reach out to Web Services so we can support you.

Accordion Block

Block Details

New "accordion block" icon.

The new accordion block provides more settings and variations that include:

  • choosing a heading level
  • margin settings
  • padding
  • borders
  • icon selection

Accessibility and Usability

To remain ADA compliant and provide our users with the best experience, it is imperative that SCEs pay close attention to the the additional settings of this block.

Settings to be mindful of include, but do not limit the following:

  • Assigning the appropriate heading level. Please note that a heading may not be needed for all uses.
  • Make sure there is enough color contrast when choosing colors for headings, the accordion body, borders, and text color.

Accordion Block Examples

Schedule

The following example is from the 2021 Parents and Families Orientation Schedule.

Wednesday, September 8

1:00 – 4:00 p.m.

  • Student Move-In (Residence Halls) – Resident Assistants (RAs) and Peer Leaders will be stationed at check-in tables at each residence hall to welcome your student. Students will pick up their orientation folder from the Peer Leaders. Then see the Residential Life staff to get their student ID, room key, check into their room, and get settled. Health verification must be completed before students can check in. Students with incomplete health requirements will be directed to the Health Center to complete any necessary requirements before they are permitted to check in.
  • Health Center Open (Main Floor, Hicks Student Center) – Health Center staff is available for health information verification as well as general consultation with students and families.
  • Book Club Cafe Open (Upjohn Library) – Stop by the first floor of the Upjohn Library and allow one of our baristas to serve you a cup of Kalamazoo Coffee, hot chocolate, tea, or a specialty espresso. Choose from fast grab-and-go options including pastries, house-made salads, sandwiches, and sides.

1:00 – 5:00 p.m.

  • Information Table (Hicks Student Center) – Stop by for schedules, maps, directions, resource handouts, and answers to your questions.
  • Richardson Room Open (Hicks Student Center) – The Richardson Room offers a variety of options including an extensive deli line with a wide variety of toppings and homemade soup. Also available is a selection of grab-and-go sandwiches, salads, yogurt parfaits, fruit, sweet and salty snacks, and beverages
  • Bookstore Open (Hicks Student Center) – Go Hornets! 20% off Kalamazoo College imprinted items.

4:00 – 4:45 p.m.

  • Understanding Billing and Financial Aid (Olmsted Room, Mandelle Hall) – Join Director of Financial Aid, Becca Murphy, and Student Accounts Coordinator, Juan Muniz, for a session to help understand the financial side of sending your student to college. This program will be repeated twice on Thursday.

5:00 – 7:00 p.m.

  • Dinner (Dining Center in Hicks Student Center or off campus) – Students and their families are welcome to have dinner together on campus at the Dining Center in the Hicks Student Center, or venture off campus to one of Kalamazoo’s excellent eating establishments (a list of restaurants is available at the information table). New students can use their student ID (which also serves as their meal card) for entrance to the Dining Center. Families may purchase tickets at the Dining Center entrance ($11.15 per person).
  • First-Generation Welcome Dinner (by invitation only) (Hicks Banquet Room) – A welcome for first-generation students and their families. Dinner buffet will be served and important information specifically for first-generation students and their families will be shared.

Evening

  • Relax or Explore the Campus and the City of Kalamazoo – Families are welcome to just relax after a day of moving their students in or explore Kalamazoo. Information about downtown Kalamazoo is available at the information table in the Hicks Student Center. Take your student shopping for last minute items, or explore campus (self-guided walking tour directions are available at the information table in Hicks). Get to know the area your student will call home for the next four years!

Thursday, September 9

1:00 – 4:00 p.m.

  • Student Move-In (Residence Halls) – Resident Assistants (RAs) and Peer Leaders will be stationed at check-in tables at each residence hall to welcome your student. Students will pick up their orientation folder from the Peer Leaders. Then see the Residential Life staff to get their student ID, room key, check into their room, and get settled. Health verification must be completed before students can check in. Students with incomplete health requirements will be directed to the Health Center to complete any necessary requirements before they are permitted to check in.
  • Health Center Open (Main Floor, Hicks Student Center) – Health Center staff is available for health information verification as well as general consultation with students and families.
  • Book Club Cafe Open (Upjohn Library) – Stop by the first floor of the Upjohn Library and allow one of our baristas to serve you a cup of Kalamazoo Coffee, hot chocolate, tea, or a specialty espresso. Choose from fast grab-and-go options including pastries, house-made salads, sandwiches, and sides.

1:00 – 5:00 p.m.

  • Information Table (Hicks Student Center) – Stop by for schedules, maps, directions, resource handouts, and answers to your questions.
  • Richardson Room Open (Hicks Student Center) – The Richardson Room offers a variety of options including an extensive deli line with a wide variety of toppings and homemade soup. Also available is a selection of grab-and-go sandwiches, salads, yogurt parfaits, fruit, sweet and salty snacks, and beverages
  • Bookstore Open (Hicks Student Center) – Go Hornets! 20% off Kalamazoo College imprinted items.

4:00 – 4:45 p.m.

  • Understanding Billing and Financial Aid (Olmsted Room, Mandelle Hall) – Join Director of Financial Aid, Becca Murphy, and Student Accounts Coordinator, Juan Muniz, for a session to help understand the financial side of sending your student to college. This program will be repeated twice on Thursday.

5:00 – 7:00 p.m.

  • Dinner (Dining Center in Hicks Student Center or off campus) – Students and their families are welcome to have dinner together on campus at the Dining Center in the Hicks Student Center, or venture off campus to one of Kalamazoo’s excellent eating establishments (a list of restaurants is available at the information table). New students can use their student ID (which also serves as their meal card) for entrance to the Dining Center. Families may purchase tickets at the Dining Center entrance ($11.15 per person).
  • First-Generation Welcome Dinner (by invitation only) (Hicks Banquet Room) – A welcome for first-generation students and their families. Dinner buffet will be served and important information specifically for first-generation students and their families will be shared.

Evening

  • Relax or Explore the Campus and the City of Kalamazoo – Families are welcome to just relax after a day of moving their students in or explore Kalamazoo. Information about downtown Kalamazoo is available at the information table in the Hicks Student Center. Take your student shopping for last minute items, or explore campus (self-guided walking tour directions are available at the information table in Hicks). Get to know the area your student will call home for the next four years!

Services

The following examples were used on the IS website and the Parent and Families website.

Tech & Media Support

Academic Term Hours

See the Academic Term Hours for in-person services.

Computer Help Desk

Email: HelpDesk@kzoo.edu
Phone: 269.337.5800

Media Services

Email: kmedia@kzoo.edu
Phone: 269.337.7138

Guten Post Layout Block

Block Details

New Guten"Post Layout" block icon.

The new Guten Post Layout block offers a few new ways to display a collection of your posts and pages. settings and variations that include:

  • choosing layout settings
  • display settings
  • heading settings
  • filter settings
  • pagination settings
  • and more

Accessibility and Usability

To remain ADA compliant and provide our users with the best experience, it is imperative that SCEs pay close attention to the the additional settings of this block.

Settings to be mindful of include, but do not limit the following:

  • Choosing whether to display the heading and subheading of this block.
  • Replacing the “read more” text if needed.
  • Adding quality featured images to your posts so they are not pixelated.

Accordion Block Examples

Skin 1

Skin 1 has a very symmetrical look with all posts having a large square feature image and overlay. Users will also experience a slight zoom into the photo when they hover over a post.

Skin 2

Skin 2 offers more of a rectangular shape to the featured image while also providing a bold date with a red background color and white text color. Like skin 1 users will also experience a slight zoom into the photo when they hover over a post.

Skin 3

Skin 3 provides the featured image sitting atop a solid block with the author name, date of post, post title, excerpt and “read more” more. Of the three this skin is a more simplified option; however, is very clear and easy to read. Like with the other skins SCEs can select the content that appears in the lower solid block.

Maps and Directions for Users

Hello SCEs

It has come to our attention that the College has ended use of the interactive campus map which many of you use to guide visitors to buildings and other campus locations. Now that the interactive campus map is no longer available, please be sure to update your address links so they no longer point to the concept3d map URLs. If you would still like to provide users directions, please see the options below to do so.

Many thanks,
Katrina and Carolyn

Embed or Link to Google Map

Linking to a Google Map is the perfect option for those of you who are hyperlinking the department address (either in pages or your right sidebar or footer) to help users get to that direct location. To acquire the link needed to replace the concept3D map URL you can do so by:

  1. Visit google.com/maps
  2. Enter the name of the building in the search field, e.g. DeWaters Residence Hall.
  3. The map will focus and the place information panel will be displayed on the left
  4. Click on the Share icon ( )
  5. The first tab will provide you the link. e.g. https://goo.gl/maps/xKDUkNxkvrn1MEi49

Embed a Google Map

For instructions to embed a Google Map on your website please visit the Embed or Link to Google Map page for further instructions.

Display the Kalamazoo College Campus Map on your Website

To display the full campus map on your website:

  1. Go to the Kalamazoo College Campus Map page
  2. Select the image of the Campus Map
  3. Copy the URL displayed in your browser search bar. e.g. https://www.kzoo.edu/about/files/2021/05/MAP_main-campus.png
  4. Now on your WordPress page, add an image block
  5. Select the Insert from URL option
  6. Paste the URL into the field
  7. Select the apply button

Note on Accessibility: Be sure to add alternative text to your image (located on the Block pane on the right sidebar) and list the number on the map they will need to reference. Depending on how you present your information, you might also need to add alternative directions to your building. Know that you can accomplish this by typing them our manually or linking to a Google Map.

Send Users to the Kalamazoo College Campus Map page

If you would like to provide your users with a map of the overall campus along with the key to each location, please add a link to the Kalamazoo College Campus Map page.

Additional Resources

Many SCEs have linked to their department building in their right sidebar or footer. If you cannot remember how to access your right sidebar or footer please watch the Adding and Editing Right Sidebar and Footer content video or visit the Footer Content or Right Sidebar Content pages.

Errors and Solutions for Siteimprove Reports

a "thumbs up" gesture.

Beginning May 13th, Site Content Editors started receiving customized weekly email reports to keep our sites maintained and meet accessibility standards. Listed below are a few directions on how to resolve common errors that appear in your Quality Assurance reports.

Not Receiving a Quality Assurance Report?

Reports are sent to main editors on your website every week. If you are a main editor but you are not receiving reports please make sure to add reports@siteimprove.com to your approve senders list or contact Katrina at Katrina.Frank@kzoo.edu with your questions.


Common Errors and Solutions

I found a misspelling in the course catalog that is being flagged as an error on my report.

For misspellings like these please be sure to send a note to the Registrar’s office at regist@kzoo.edu so it can be updated in the Catalog which will then update on your site.

I have a broken link showing up in my report but when I click on it the link works.

Not to worry, this happens sometimes. One possibility is that something was going on with that website at the precise moment that the Siteimprove scanner came along. If this happens, please reach out to Katrina so she may rescan the page and clear the error.

I have a word on my website that has been reported as a misspelling but it is spelled correctly.

Please reach out to Katrina for words that are incorrectly marked as a misspelling as she can add them to the approved words list.

I have a link that “Needs Review” and it has a status of “403 Forbidden,” what do I do?

When a link has an HTTP status of “403 Forbidden” this means that the Siteimprove crawler was blocked from accessing the resource at the time which may happen because Siteimprove is a bot. Be sure to check the link manually and if it works fine let Katrina know and she will dismiss it in Siteimprove.


Extra Tip – Searching for Misspellings

Do you need an easy way to find the misspellings outlined in the Siteimprove Report? Here’s a few ways to do so:

  1. Use the site search widget on your footer or sidebar of your website. If you don’t have the search widget request a non-existent page to force the “Oops” page and you can use the search widget there.
  2. Use the search field located on the Pages tab. See the Search Pages Field section on the Three Things you Didn’t Know About the WP Block Editor video.

Additional Questions?

For questions related to your Quality Assurance report, please contact Katrina at Katrina.Frank@kzoo.edu.

Three Things You Didn’t Know About the WordPress Block Editor

Be sure to watch our newest video, Three Things You Didn’t Know About the WordPress Block Editor (Part 1) (only 50 seconds long) to get three tips while using WordPress. If y’all like this type of video let us know by liking this the video on Stream and we’ll work on creating more for you.