Our Icon Font library has been updated to include several new icons, including support for the rebranding of Twitter to X. If you have [icon name=”twitter’] in use, you might want to update it to [icon name="x-twitter"] or [icon name="square-x-twitter"]
Category: How To Instruction
Kevents shortcode upgraded
The kevents shortcode has new options to control the display of your embedded calendar feed. See our updated How to Embed a Calendar Feed page!
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
Link to a 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:
- Visit google.com/maps
- Enter the name of the building in the search field, e.g. DeWaters Residence Hall.
- The map will focus and the place information panel will be displayed on the left
- Click on the Share icon ()
- 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:
- Go to the Kalamazoo College Campus Map page
- Select the image of the Campus Map
- Copy the URL displayed in your browser search bar. e.g. https://www.kzoo.edu/about/files/2021/05/MAP_main-campus.png
- Now on your WordPress page, add an image block
- Select the Insert from URL option
- Paste the URL into the field
- 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.