Components

Components are a form-based type of reusable content that allows non-HTML content managers to leverage complex styling or coding.

To use a component:

  1. When in Edit mode, place cursor in the location you would like the feature to appear
  2. Select "Insert Component"
  3. Select the Component
  4. Add content to the Component Fields

[Fierce] Animated GIF with pause

The following information is need to use this component:

  • Static image (png, jpg, or gif) - preferably a still of the animation, must use same ratio as animated gif
  • Animated image (gif)
  • Height and width you want the image to displayed
  • Image margin

horse skeleton
horse skeleton trotting


[Fierce] [Blog] Blog Listing

This component contains the following customizations:

  • [OPTIONAL] Title 
  • [OPTIONAL] Number of Blog Items 
  • [OPTIONAL] Filter by Tag
  • Filter Condition (Any or All)
  • Display Type (Card or Articles)

Card Style

Blog Listing

The U.S. faces a shortage of STEM teachers, especially in high-need schools, and Louisiana is no exception. LSU’s GeauxTeach STEM program addresses this gap by preparing future math and science educators, offering students both a bachelor’s degree and teaching certification in just four years.

Meet Arushi Ghildiyal who recently graduated from LSU with a degree in cybersecurity at 20 years old and is now working for one of the nation’s best cybersecurity teams at Chevron.

Article Style


[Fierce] [Calendar] Calendar Listing

This component contains the following customizations:

  • [OPTIONAL] Title 
  • Number of Calendar Items 
  • [OPTIONAL] Filter by Category
  • Filter Condition (Any or All)
  • Display Type (Carousel or Articles)

Carousel Style

Article Style


[Fierce] Gallery with Options

This component contains the following customizations:

  • Gallery Asset 
  • Gallery Output Type (Popup Slideshow Gallery, Carousel Gallery, Lightbox Gallery)
  • [OPTIONAL] Loop Popup Slideshow
  • [OPTIONAL] Slideshow Arrows
  • [OPTIONAL] Slideshow Buttons (Auto Play, Full Screen, Thumbnails, Close)
  • [OPTIONAL] Autoplay
  • [OPTIONAL] Autoplay Speed
  • [OPTIONAL] Carousel Arrows
  • [OPTIONAL] Loop Carousel
  • [OPTIONAL] Initial Slide
  • [OPTIONAL] Slides to Show
  • [OPTIONAL] Slides to Scroll

Popup Slideshow Gallery Type

  • To commemorate Juneteenth, members of the LSU community came together at the LSU Clarence L. Barney, Jr. African American Cultural Center.

Carousel Gallery Type

An artist’s rendering of the Louisiana State Seminary in Pineville, La., in 1866. The seminary would eventually relocate to Baton Rouge and become LSU after the Pineville campus burned in 1869.

Louisiana State Seminary in Pineville, Louisiana. - Rendering of original campus.

Lightbox Gallery Type

Crowd at Juneteenth celebration.Speaker at Juneteenth celebration.Speaker at Juneteenth celebration.Speaker at Juneteenth celebration.

Members of the crowd dancing at Juneteenth celebration.Members of the crowd chanting at Juneteenth celebration.Crowd listening to a speaker during Juneteenth celebration.Attendee viewing part of the exhibit at Juneteenth celebration.

[Fierce] [News] News Listing

This component contains the following customizations:

  • [OPTIONAL] Title 
  • RSS Feed
  • [OPTIONAL] Number of News Items
  • [OPTIONAL] Filter By Tag
  • Filter Condition
  • Display Type (Cards, Carousel, or Articles)

Cards Style 

News Listing

The LSU and LSU Law communities collectively are expressing their immense gratitude to LSU Law Dean Alena M. Allen for her visionary leadership, steadfast commitment, and remarkable accomplishments as she embarks upon the final academic year of her impressive tenure. Dean Allen is planning to join the faculty of the LSU Paul M. Hebert Law Center full-time at the conclusion of this academic year.

LSU Board of Supervisors Chairman Scott Ballard announces the 2025 Presidential Search Committee.

The LSU Foundation Board of Directors has named Krista Raney to the role of president and CEO of the LSU Foundation effective July 1, 2026. Raney will succeed Robert M. Stuart Jr., who has served in the role since January 1, 2020.

Carousel Style

Articles Style

[Fierce] Responsive Video Embed

This is a simplied version of a video embed. The following information is needed to use this component:

  • Video URL, make sure you are using the "embed" version of the URL if the service you are using requires special encoding.
    • YouTube embed links contain /embed/ in the URL path
    • Do not use the full iframe code, only the URL is needed
  • Title of the Video for accessibility compliance
  • Width of embed display (100% or 50% of container are available options)
  • If displayed at 50%, the video may also be floated left or right of text