UT WordPress Theme on UBS User Documentation
The UT WordPress Theme is a customized version of the Genesis Education Pro Theme by StudioPress, explicitly designed for WordPress site developers on campus. Its primary goal is to offer a WordPress theme that incorporates standardized University brand elements and enhances accessibility compliance while still giving developers complete customization control. Best of all, it is free to the UT community.
This guide provides instructions on editing various UT WordPress Theme elements for existing UBS sites. These elements comprise of Plugins, Post & Category, Genesis Responsive Slider, Menu, Widgets, and WordPress Responsive Menu Pro.
DEMO SITE URL: https://sites.utexas.edu/ut-wordpress-theme/
HELPFUL LEARNING RESOURCES
LinkedIn Learning is an online platform that provides access to various technical, business, and creative courses. It covers a wide range of topics catering to all expertise levels. Among the courses offered are various WordPress modules that range from basic to more complex subjects.
Once you’ve received notification that your UBS site has been created, a few first steps should be completed to begin customizing the default settings.
1. Customizing the UT Theme Header Logo
Open the “Header Logo” section in the site customizer and manage your logo configurations with the following fields.
The header logo appears in the top left-hand corner underneath the UT Branding Bar. This theme defaults to the UT Logo. You can change the logo by including the URL of an image. It can be from your Media Library or one hosted elsewhere. The maximum pixel size for this image is 700W x 60H.
To use an image from your Media Library:
If left blank, the image will default to the UT Logo included with this theme.
Set the desired Logo alt text. For accessibility compliance, all images should contain alt text. If this field is blank, the alt text will default to “The University of Texas at Austin.”
Header Logo Link
If you change the logo, you must also change the URL the logo links. Use the full URL when updating this field (ex: https://its.utexas.edu).
2. Setting up the Navigation Menu
Edit the Menu
Appearance > Menus >
3. Setting up the Hero Image and Lead Story for the Homepage
Create "Lead Story” category
Create Lead Story Post
NOTE: The Featured Image for the Lead Story/Hero Image on the homepage must be 1600w x 460h
NOTE: The “Lead Story” category with the most recent date will always show as the Hero Image/Lead Story. If you have an older post that you now want as the Lead Story/Hero Image, change the date of your post to make it the most recent post. Another way to control this is by changing the category that is being pulled in Genesis Responsive Slider.
Genesis Slider Settings
Set Widgets for Slider
4. Default Settings for Widgets
These widgets are examples of what you can do for the sidebar. Feel free to edit, delete, and add new.
WIDGET AREA: Header Right
WIDGET AREA: Primary Sidebar
WIDGET AREA: Home Featured
Genesis - Responsive Slider
NOTE: This widget must be present in Home Featured for the Hero Image/Lead Story to appear as it does in the demo.
WIDGET AREA: Footers 1, 2, 3
WIDGET AREA: Footer 4
5. Responsive Menu Pro Settings
NOTE: Change this setting: Responsive Menu Pro > Header Bar & Themes
This setting creates the Header Bar Logo (the same image as the Site Logo in the top left-hand corner) when the page responds to mobile sizes.
Responsive Menu Pro > Header Bar & Themes