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

At the Luskin Summit, environmental justice took center stage

From plastic pollution to extreme heat, Luskin Center for Innovation panelists examined community-driven solutions

New toolkit helps communities prepare for heat

New toolkit helps communities prepare for heat

New UCLA tool maps how home electrification could change energy bills across Los Angeles

The public platform enables users to compare household energy costs under likely electrification scenarios

Water, fire, and finance: building more resilient systems

UCLA-led convening highlights need for clearer roles, stronger coordination, and more equitable financing strategies

Blueprint for a better planet

How Luskin Center for Innovation and other parts of UCLA are advancing a healthier, more sustainable future.

Format: List layout (compact)

Blueprint for a better planet

How Luskin Center for Innovation and other parts of UCLA are advancing a healthier, more sustainable future.

Format: List layout (excerpt)

Blueprint for a better planet

How Luskin Center for Innovation and other parts of UCLA are advancing a healthier, more sustainable future.

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?

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.

At the Luskin Summit, environmental justice took center stage

From plastic pollution to extreme heat, Luskin Center for Innovation panelists examined community-driven solutions

New toolkit helps communities prepare for heat

New toolkit helps communities prepare for heat

New UCLA tool maps how home electrification could change energy bills across Los Angeles

The public platform enables users to compare household energy costs under likely electrification scenarios

Water, fire, and finance: building more resilient systems

UCLA-led convening highlights need for clearer roles, stronger coordination, and more equitable financing strategies

Blueprint for a better planet

How Luskin Center for Innovation and other parts of UCLA are advancing a healthier, more sustainable future.
Gas meter (left) and construction worker configuring heat pumps installedLeft: RadRafe, Wikipedia (Public Domain); Right: Marcela Gara, Resource Media, EE Image Database (CC BY-NC 2.0)

What California SB 1221 means for neighborhood decarbonization

Our experts identify key questions and discuss what comes next
Sustainable LA Grand Challenge

Planning for recovery before disaster strikes

Lessons from California’s recent fires and floods

The Top Bruinvention of the 21st Century (So Far)

Our national Shade Map
Sustainable LA Grand Challenge