Theme Elements: Collection of Blog Posts/Post Types Display Options

‹ See all elements

Element: Blog Posts

Displays Posts from your Blog

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

  • Post Number
    How many items should be displayed per page?
  • 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

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

  • Number of entries per page
    How many entries should be displayed?
  • 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

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

  • Excerpt
    Display Excerpt and Title below the preview image?

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

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
    You can choose if you want to display title and/or excerpt
  • 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?
All 12 /2023 Impact StoryMap 0 /Business & Environment 0 /Climate 0 /Climate 0 /Digital Technologies 0 /Energy 0 /Energy 0 /Environmental Equity 0 /Environmental Equity 0 /Exclude from Homepage Media 5 /Front Page News 3 /Front Page Publications 4 /Heat 0 /Heat 0 /HRWS Lab 0 /Luskin Center for Innovation News 0 /Nanotechnology 0 /News 3 /Previous Research Programs 0 /Publications 0 /Transportation 0 /Transportation 0 /Urban Greening 0 /Urban Greening 0 /Water 0 /Water 0

Punishing heat waves are becoming more common in California. Most schools aren’t prepared

How data centers are uniting Americans from across the partisan divide

UCLA’s Megan Mullin on the economic and political calculations surrounding AI growth
September 30, 2026/by angela wu

CalHeatScore User Guide

For a Public Health Tool that Translates Weather and Health Data into Localized Heat-Health Risk Information

Torrance Schools Swelter as $520 Million AC Bond Fails to Reach the Ballot

San Carlos Classroom Hits 89 Degrees as San Diego AC Woes Boil Over

Los Angeles coated its streets with a gray reflective layer to fight extreme heat, and the pavement itself really did run more than 10 degrees cooler, but the people walking on it felt hotter, because the heat hadn’t gone anywhere — it was bouncing straight up into their bodies

Drinking Water Quality, Public Confidence, and Communications After Wildfires

Workshop Synthesis Report

Restoring public confidence in drinking water after wildfires

UCLA-led workshop with more than 50 experts identifies communications, research, and policy priorities
September 10, 2026/by angela wu

Introducing new postdoctoral researcher, Rachel Sheinberg

Learn more about our new team member and her research
September 1, 2026/by angela wu

Other cities burned when the water ran out. Spokane’s water didn’t

Green Schools and Hot Playgrounds

Assessing the Outcomes of Greening Thresholds on Elementary School Campuses in Los Angeles, California

Bringing the Ship to Shore

Public Funding for High-Road Tugboat Jobs at the San Pedro Port Complex

Element: Post Slider

Display a Slideshow of Post Entries

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.
Server room with rows of illuminated computer servers, overhead ventilation ducts and blue digital light effects.

How data centers are uniting Americans from across the partisan divide

UCLA’s Megan Mullin on the economic and political calculations surrounding AI growth
UCLA-led workshop with more than 50 experts identifies communications, research, and policy prioritiesSelin Filiz, Sustainable LA Grand Challenge

Restoring public confidence in drinking water after wildfires

UCLA-led workshop with more than 50 experts identifies communications, research, and policy priorities
A 2 by 1 headshot of Rachel Sheinberg

Introducing new postdoctoral researcher, Rachel Sheinberg

Learn more about our new team member and her research
Video Thumbnail Graphic for the "How to live in extreme heat" TEDxUCLA talk by V. Kelly Turner

What does it mean to be too hot, a TEDxUCLA talk

V. Kelly Turner explores how extreme heat is reshaping everyday life
Sycamore Leaves from the Arroyo SecosDescanso Gardens

A message of shade and hope

New research shows overwhelmingly positive outlook on climate action among visitors to tree- and shade-themed art exhibition
Four students stand underneath a wooden shade structure at the Downtown-Inglewood Metro station@SkyLovesAdventures

ShadeLA advances lasting shade solutions for Los Angeles

In its first year, the coalition advanced research, partnerships and policies for the World Cup and beyond

Climate communities are healthy communities

Transformative Climate Community investments are boosting residents’ well-being

ShadeLA offers a playbook to help city meet shade goals

New policy briefs outline how to streamline processes to increase shade in LA

At the Luskin Summit, environmental justice took center stage

From plastic pollution to extreme heat, Luskin Center for Innovation panelists examined community-driven solutions
PreviousNext
Server room with rows of illuminated computer servers, overhead ventilation ducts and blue digital light effects.

How data centers are uniting Americans from across the partisan divide

A 2 by 1 headshot of Rachel Sheinberg

Introducing new postdoctoral researcher, Rachel Sheinberg

Video Thumbnail Graphic for the "How to live in extreme heat" TEDxUCLA talk by V. Kelly Turner

What does it mean to be too hot, a TEDxUCLA talk

Sycamore Leaves from the Arroyo SecosDescanso Gardens

A message of shade and hope

Four students stand underneath a wooden shade structure at the Downtown-Inglewood Metro station@SkyLovesAdventures

ShadeLA advances lasting shade solutions for Los Angeles

Climate communities are healthy communities

ShadeLA offers a playbook to help city meet shade goals

At the Luskin Summit, environmental justice took center stage

PreviousNext