Home > Visual Elements

Visual Elements

As you begin to build and maintain your website in our WordPress environment, you will be using visual elements such as blocks, cards, and buttons to add content and personalize your pages. Before you begin to add those elements, it will be useful to familiarize yourself with the custom elements created for our UTIA family of sites.

Accent Bar

Learn how to use the Accent Bar block.

Buttons

Learn how to use the Button block.

This is a Button
This is Also a Button

Calendar

Learn how to use the Calendar block

UPCOMING EVENTS
EXPLORE ALL EVENTS

Cards

Learn how to use the UTIA Card block.

Card Style 1, portrait

View of Morgan Hall's windows
Card A
Expand content up
Card A
Example of roll-up content.
Fruit growing in tree in front of Morgan Hall
Card B
Expand content up
Card B
Side view of Morgan Hall
Card C
Expand content up
Card C
Green leaves in the forefront with a silhouette of Morgan Hall in the background
Card D
Expand content up
Card D

Card Style 1, square

View of Morgan Hall's windows
Card A
Expand content up
Card A
Example of roll-up content.
Fruit growing in tree in front of Morgan Hall
Card B
Expand content up
Card B
Side view of Morgan Hall
Card C
Expand content up
Card C
Green leaves in the forefront with a silhouette of Morgan Hall in the background
Card D
Expand content up
Card D

Card Style 2, portrait

View of Morgan Hall's windows
Card A
Expand content up
Card A
Example of rollup content.
Fruit growing in tree in front of Morgan Hall
Card B
Expand content up
Card B
Side view of Morgan Hall
Card C
Expand content up
Card C
Green leaves in the forefront with a silhouette of Morgan Hall in the background
Card D
Expand content up
Card D

Card Style 2, square

View of Morgan Hall's windows
Card A
Expand content up
Card A
Example of rollup content.
Fruit growing in tree in front of Morgan Hall
Card B
Expand content up
Card B
Side view of Morgan Hall
Card C
Expand content up
Card C
Green leaves in the forefront with a silhouette of Morgan Hall in the background
Card D
Expand content up
Card D

Card Style 2, portrait, static

View of Morgan Hall's windows
Card A
Expand content up
Card A
Example of additional content.
Fruit growing in tree in front of Morgan Hall
Card B
Expand content up
Card B
Side view of Morgan Hall
Card C
Expand content up
Card C
Green leaves in the forefront with a silhouette of Morgan Hall in the background
Card D
Expand content up
Card D

Card Style 2, square, static

View of Morgan Hall's windows
Card A
Expand content up
Card A
Example of additional content.
Fruit growing in tree in front of Morgan Hall
Card B
Expand content up
Card B
Side view of Morgan Hall
Card C
Expand content up
Card C
Green leaves in the forefront with a silhouette of Morgan Hall in the background
Card D
Expand content up
Card D

Card Style 3 (landscape)

View of Morgan Hall's windows
Card A
Expand content up
Card A
Example of additional content.
Card B
Expand content up
Card B

Countdown Timer

Learn how to use the Countdown Timer block.

Save the Date!
DAYS
:
 
HOURS
:
 
MINUTES
:
 
SECONDS

Full Width Image with Text

Learn how to use the Full Width Image with Text block.

Full Width Image with Text, Style 1 with button

This is sample text in the full width image and text content block.
Call to Action

Full Width Image with Text, Style 1 without button

This is sample text in the full width image and text content block.

Full Width Image with Text, Style 2 with Button

This is sample text in the full width image and text content block.
Call to Action

Full Width Image with Text, Style 2 without Button

This is sample text in the full width image and text content block.

Full Width Image with Text, Style 3 with Button

“I always knew that I wanted a job that dealt with international markets. Through the AREC department, I was able to take classes that focused on international trade and policies, while also benefiting from real-life experiences through study-abroad trips to Guatemala and Europe. I will be forever grateful for all the AREC faculty and staff that poured their time into my education and made me the professional I am today.”

Christina Greer (MS ‘22)
International Marketing Business Consultant
Tennessee Department of Agriculture

Call to Action

Full Width Image with Text, Style 3 without Button

“I always knew that I wanted a job that dealt with international markets. Through the AREC department, I was able to take classes that focused on international trade and policies, while also benefiting from real-life experiences through study-abroad trips to Guatemala and Europe. I will be forever grateful for all the AREC faculty and staff that poured their time into my education and made me the professional I am today.”

Christina Greer (MS ‘22)
International Marketing Business Consultant
Tennessee Department of Agriculture

Groups

Learn how to use the Groups block

Lead In Text

Learn how to use the Lead in Text block.

Use this block to describe something about your site. Who you are, what you do or even a mission statement.

News

Learn how to use the News block.

Person

Learn how to use the Person Block.

Keith Carver Profile Page
Keith Carver
Sr Vice Chancellor & Sr Vice President, Office of the Senior Vice Chancellor and Senior Vice President

Post

Learn how to use the Post Block.

Learning Path
VIEW MORE

Read More Callout Blocks

Learn how to use the Read More Callout Block.

This is a content block known as a "UTIA Read More Callout." It can be used as a way to highlight breaking news or points of pride.

Don't Forget a Call to Action

Social Media

Learn how to use the Social Media Block.

  • UTIA WP Guide
  • 2640 Morgan Circle Drive
  • Knoxville, TN 37996
  • P: 865-974-6545