https://innovation.luskin.ucla.edu/wp-content/uploads/2025/07/TCC-News-Story-Cover-resized.jpg
400
494
Danielle Workman
https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png
Danielle Workman2025-07-31 08:00:182026-03-19 15:22:21Local climate champions build a resilient future during tumultuous timesElement: Blog Posts
Displays Posts from your Blog
Blog Posts Settings
Content › Select Entries
- Content To Display
Do you want to display blog posts or entries from a custom taxonomy? - Which Categories Should Be Used For The Blog
You can select multiple categories here. The page will then show posts from only those categories - Multiple Categories/Terms Relation
Select to use an OR or AND relation. In AND an entry must be in all selected categories/terms to be displayed. - Blog Style
Choose the default blog layout here - Blog Content Length
Should the full entry be displayed or just a small excerpt? - Define Blog Grid Layout
Do you want to display a read more link?
Content › Filter
- Filter Entries By Date
Select to display entries within given date boundaries or a period before now? - Page Element Filter
Select to display/skip an entry if it is the current page/post/portfolio/… Can be used for pulling related entries on a page/post/custom post type page and skip the entry referencing to current page/post/…. - Offset Number
The offset determines where the query begins pulling posts. - Conditional Display
When should the element be displayed?
Styling › Appearance
- Blog List Width
Define the width of the list
Styling › Pagination
- Pagination
Should a pagination be displayed?
Format: Single author, big preview pic
Format: Grid layout
Format: List layout (compact)
Format: List layout (excerpt)
Element: Magazine
Display entries in a magazine like fashion
Magazine Settings
Content › Select Entries
- Select Post Type
Select which post types should be used - Which Entries?
Select which entries should be displayed by selecting a taxonomy - Display Tabs for each category selected above?
If checked and you have selected more than one taxonomy above, a tab will be displayed for each of them. - Display Thumbnails?
If checked all entries that got a feature image will show it - Display Author?
If checked author of this entry will be shown - Display Categories?
If checked categories of this entry will be shown - Display Tags?
If checked tags of this entry will be shown - Display Element Heading?
If checked you can enter a heading title with a link for this element
Content › Filter
- Filter Entries By Date
Select to display entries within given date boundaries or a period before now? - Page Element Filter
Select to display/skip an entry if it is the current page/post/portfolio/…
Styling › General Styling
- Should the first entry be displayed bigger?
If checked the first entry will stand out with big image - First entry position
Where do you want to display the first entry? - Big Image Size
Select a custom size for the image.
Styling › Pagination
- Pagination
Should a pagination be displayed to view additional entries? - Offset Number
The offset determines where the query begins pulling posts.
Element: Portfolio Grid
Creates a grid of portfolio excerpts
Portfolio Grid Settings
Content › Select Entries
- Select Post Type
Select which post types should be used. - Which Entries Should Be Used
Select which entries should be displayed by selecting a taxonomy - Multiple Categories/Terms Relation
Select to use an OR or AND relation. In AND an entry must be in all selected categories/terms to be displayed. Defaults to OR
Content › Filter
- Filter Entries By Date
Select to display entries within given date boundaries or a period before now? - Page Element Filter
Select to display/skip an entry if it is the current page/post/portfolio/…
Content › Sorting
- Sortable?
Should the sorting options based on categories be displayed? - Order by
You can order the result by various attributes like creation date, title, author etc - Display order
Display the results either in ascending or descending order
Content › Excerpt
Styling › Grid Settings
- Portfolio Grid Image Size
Set the image size of the Portfolio Grid images
Styling › Columns
- Column count – default, used for all screen sizes(no media query)
How many columns do you want to use
Styling › Pagination
- Post Number
How many items should be displayed per page? - Pagination
Should a pagination be displayed?
Advanced › Link Setting
- Link Handling
When clicking on a portfolio item you can choose to open the link to the single entry, open a preview (aka AJAX Portfolio) or show a bigger version of the image in a lightbox overlay
Element: Masonry
Display a fullwidth masonry/grid with blog entries
Masonry Settings
Content › Select Entries
- Select Post Type
Select which post types should be used. - Which Entries Should Be Used
Select which entries should be displayed by selecting a taxonomy - Multiple Categories/Terms Relation
Select to use an OR or AND relation. In AND an entry must be in all selected categories/terms to be displayed. Defaults to OR
Content › Filter
- Filter Entries By Date
Select to display entries within given date boundaries or a period before now? - Page Element Filter
Select to display/skip an entry if it is the current page/post/portfolio/…
Content › Sorting
- Sortable?
Should the sorting options based on categories be displayed? - Order by
You can order the result by various attributes like creation date, title, author etc - Display order
Display the results either in ascending or descending order
Content › Captions
- Element Title and Excerpt Styling
You can choose the styling for the title and excerpt here - Element Title and Excerpt display settings
You can choose whether to always display Title and Excerpt or only on hover
Content › Image Copyright
- Image Copyright Info
Select to show the image copyright info added to the media library.
Styling › Masonry Settings
- Size Settings
Here you can select how the masonry should behave and handle all entries and the feature images of those entries - Image Size
Select a custom size for all images. - Gap between elements
Select the gap between the elements
Styling › Columns
- Column count – default, used for all screen sizes(no media query)
How many columns do you want to use
Styling › Pagination
- Post Number
How many items should be displayed per page? - Pagination
Should a pagination be displayed?
Styling › Colors
- Custom Background Color
Select a custom background color.
Advanced › Animation
- Masonry Images Animation
Add a small animation to the masonry items when the user first scrolls to the masonry element. - Image Hover Effect
Do you want to add an image overlay effect that gets applied or removed on mouseover?
Element: Post Slider
Display a Slideshow of Post Entries
Post Slider Settings
Content › Entries
- Select Post Type
Select which post types should be used. - Which Entries Should Be Used
Select which entries should be displayed by selecting a taxonomy - Multiple Categories/Terms Relation
Select to use an OR or AND relation. In AND an entry must be in all selected categories/terms to be displayed. Defaults to OR
Content › Filters
- Filter Entries By Date
Select to display entries within given date boundaries or a period before now? - Entry Number
How many items should be displayed? - Offset Number
The offset determines where the query begins pulling posts. - Page Element Filter
Select to display/skip an entry if it is the current page/post/portfolio/…
Content › Content
- Slide Content
Select what information you want to display
Styling › Columns
- Columns
How many columns should be displayed?
Styling › Preview Image
- Preview Image Size
Set the image size of the preview images
Styling › Navigation Controls
- Slider Control Styling
Select styling for the slider controls. - Slider Navigation Elements
Select the navigation elements to loop through the slides. - Desktop Display Behaviour
By default navigation elements are only visible on hover.
Advanced › Slider Animation
- Slideshow Autorotation
Select if the slideshow should rotate by default - Disable Manual Rotation
Check if you want to stop when the last or first slide/image is displayed when user navigates manually and autorotation is not active.





Left: RadRafe, Wikipedia (Public Domain); Right: Marcela Gara, Resource Media, EE Image Database (CC BY-NC 2.0)
Sustainable LA Grand Challenge


Left: RadRafe, Wikipedia (Public Domain); Right: Marcela Gara, Resource Media, EE Image Database (CC BY-NC 2.0)






Harker School Staff Photographer / Wikimedia Commons







Sustainable LA Grand Challenge






What California SB 1221 means for neighborhood decarbonization
/in Front Page News, News Gregory Pierce, Lauren Dunlap Energy /by angela wuOur experts identify key questions and discuss what comes next
Planning for recovery before disaster strikes
/in Front Page News, News Megan Mullin Fire /by angela wuLessons from California’s recent fires and floods
The Top Bruinvention of the 21st Century (So Far)
/in Front Page News, News Jean Claude Iradukunda, Lana Zimmerman, V. Kelly Turner Heat /by angela wuOur national Shade Map