https://innovation.luskin.ucla.edu/wp-content/uploads/2025/05/Screenshot-2025-05-28-at-4.15.39 PM.png
817
1570
Mara Burstein
https://innovation.luskin.ucla.edu/wp-content/uploads/2024/07/web-headers-2024-07.png
Mara Burstein2025-06-02 09:00:182026-02-11 15:37:17National shade map from UCLA and American Forests launched to combat deadly urban heatElement: 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)




V. Kelly Turner / Luskin Center for Innovation


Thomas De Wever / iStock





Sustainable LA Grand Challenge






Urban wildfire: water system capacities and limitations
/in Front Page News, News Edith B. de Guzman, Gregory Pierce Fire, Water /by angela wuResearchers convene statewide experts to assess firefighting capacity, infrastructure gaps, and policy solutions.
Phase 1 of statewide wastewater assessment sets foundation for equitable solutions
/in Front Page News, News Grace Harrison, Gregory Pierce Water /by angela wuUCLA-led research delivers the first statewide baseline of wastewater system risks, gaps, and solutions to support equitable infrastructure planning in California.
California communities are impacted by thousands of oil and gas wells that feed the plastic industry
/in Front Page News, News Colleen Callahan, Daniel Coffee Climate /by Danielle WorkmanNew UCLA report maps plastic’s fossil fuel origins as the state considers investments and laws to mitigate its impacts.