Shortcode Examples

On this page, we’ve created samples of the types of shortcodes used on your site. For all the options and additional documentation, visit the UW WordPress Theme GitHub.

 

 

Jumbotrons

Block Style

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Block-Slant Style

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Block-Center Style

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Simple Style

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Default Style

Jumbotron title

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Button text

Headline with image in two columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula. Nullam efficitur arcu et sagittis mollis. Maecenas sit amet dapibus mi. Integer congue mattis ligula, eu posuere odio tempus quis. Aenean eget mollis dolor. Nulla laoreet est a ligula dictum ultricies.

Primary Call to Action

Testimonial or quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu.

Dubs HuskyOfficial Live Mascot

Cards (so many styles!)

Block Style

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

 

Large Style

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to action

 

Step Style

Subtitle

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to Action

Subtitle

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to Action

Image Top Style

alt_text_goes_here

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to Action

alt_text_goes_here

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to Action

Inset Style

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to Action

alt_text_goes_here

Card Title

Maecenas finibus sed nunc a varius. In hac habitasse platea dictumst. Phasellus rhoncus eros lectus, quis lobortis ante eleifend et.

Call to action

alt_text_goes_here

Card Title

Maecenas finibus sed nunc a varius. In hac habitasse platea dictumst. Phasellus rhoncus eros lectus, quis lobortis ante eleifend et.

Call to action

alt_text_goes_here

Card Title

Maecenas finibus sed nunc a varius. In hac habitasse platea dictumst. Phasellus rhoncus eros lectus, quis lobortis ante eleifend et.

Call to action

No-Image Style

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to Action

Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu tempus nulla, in cursus arcu. Duis enim nisl, sodales sed posuere sed, egestas eu ligula.

Call to Action

Tabs and ways to organize a lot of content

Tabs – horizontal or vertical

tabs name
Maecenas finibus sed nunc a varius. In hac habitasse platea dictumst. Phasellus rhoncus eros lectus, quis lobortis ante eleifend et. Curabitur augue augue, aliquet accumsan venenatis sed, porttitor nec orci. Fusce non ligula sit amet ipsum auctor interdum sed et nibh. Aenean lobortis, enim vel gravida cursus, nunc odio lacinia nunc, ut lobortis ante est sit amet nulla.
Etiam velit massa, euismod non pellentesque lacinia, convallis a mauris. Aenean elementum varius massa, vitae consequat libero aliquam id. Integer fermentum nunc auctor purus vulputate, at fermentum urna pellentesque. In in ex eget quam aliquet pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis elit lacus, eget dictum purus hendrerit eu. Nam nec rhoncus est. Sed eget quam interdum, pharetra nisi a, pulvinar turpis. Mauris molestie finibus ante at suscipit. In eu iaculis felis, vitae pellentesque arcu. Sed lacinia, tortor id feugiat finibus, mi dui aliquam quam, ac bibendum arcu massa accumsan velit. Pellentesque dictum rhoncus ultricies.
Maecenas finibus sed nunc a varius. In hac habitasse platea dictumst. Phasellus rhoncus eros lectus, quis lobortis ante eleifend et. Curabitur augue augue, aliquet accumsan venenatis sed, porttitor nec orci. Fusce non ligula sit amet ipsum auctor interdum sed et nibh. Aenean lobortis, enim vel gravida cursus, nunc odio lacinia nunc, ut lobortis ante est sit amet nulla.
tabs name
Etiam velit massa, euismod non pellentesque lacinia, convallis a mauris. Aenean elementum varius massa, vitae consequat libero aliquam id. Integer fermentum nunc auctor purus vulputate, at fermentum urna pellentesque. In in ex eget quam aliquet pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis elit lacus, eget dictum purus hendrerit eu. Nam nec rhoncus est. Sed eget quam interdum, pharetra nisi a, pulvinar turpis. Mauris molestie finibus ante at suscipit. In eu iaculis felis, vitae pellentesque arcu. Sed lacinia, tortor id feugiat finibus, mi dui aliquam quam, ac bibendum arcu massa accumsan velit. Pellentesque dictum rhoncus ultricies.
Praesent suscipit lacus eget felis dignissim vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra vehicula maximus. Phasellus et ipsum id mauris porttitor aliquet. Integer ac fringilla enim. Aliquam vel placerat nisl, et cursus lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit

 

Accordion

Accessible Accordion

Etiam velit massa, euismod non pellentesque lacinia, convallis a mauris. Aenean elementum varius massa, vitae consequat libero aliquam id. Integer fermentum nunc auctor purus vulputate, at fermentum urna pellentesque. In in ex eget quam aliquet pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis elit lacus,

Etiam velit massa, euismod non pellentesque lacinia, convallis a mauris. Aenean elementum varius massa, vitae consequat libero aliquam id. Integer fermentum nunc auctor purus vulputate, at fermentum urna pellentesque. In in ex eget quam aliquet pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis elit lacus,

Etiam velit massa, euismod non pellentesque lacinia, convallis a mauris. Aenean elementum varius massa, vitae consequat libero aliquam id. Integer fermentum nunc auctor purus vulputate, at fermentum urna pellentesque. In in ex eget quam aliquet pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis elit lacus,

Gallery – Carousel

Gallery – Grid

Modal pop-up window