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:
- When in Edit mode, place cursor in the location you would like the feature to appear
- Select "Insert Component"
- Select the Component
- 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
[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
Last week, LSU cybersecurity graduate student George Buras from Baton Rouge received a shoutout from the U.S. Cybersecurity and Infrastructure Security Agency, or CISA, for the “Staggering!” impact his work, and the work of other interns, is having on the nation. Here, Buras explains what he’s working on, and why.
LSU graduate Caroline Hargrave credits her previous teachers as her inspirations to pursue a career in education herself. The New Iberia native earned her LSU degree in early childhood education in 2023.
Article Style
Blog Listing
[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
Calendar
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
Carousel Gallery Type
Lightbox Gallery Type
[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
With funding from the National Science Foundation, a team of archaeologists from LSU and the University of Texas at Tyler have excavated the earliest known ancient Maya salt works in southern Belize, as reported in the journal Antiquity. The team was led by LSU Alumni Professor Heather McKillop, who first discovered wooden buildings preserved there below the sea floor, along with associated artifacts, and the only ancient Maya wooden canoe paddle in 2004. Her key collaborator, Assistant Professor Elizabeth Sills at the University of Texas at Tyler, began working with McKillop as a master's student and then as a doctoral student at LSU.
LSU has been unanimously invited to join the prestigious Association of Military Colleges and Schools of the United States, or AMCSUS. The invitation was issued because of the university's long-standing military tradition, active ROTC programs, and its current efforts to support the U.S. military through cybersecurity research and education.
LSU marked the final day of President William F. Tate IV’s statewide bus tour by announcing the vision for a new $107 million Construction & Advanced Manufacturing Building and a $15 million leadership gift from Art Favre, founder of Performance Contractors and a graduate of the first LSU construction management class in 1972.
Carousel Style
News Listing
Articles Style
News Listing
[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