Example 1

In this example we're using Advanced Posts to display a custom post type with featured image and title in Grid Mode.

Example 2

Still in Grid Mode, we've opted to display 3 columns and included the post excerpt.

Restaurant / Services Menu
  Example 1 This example shows a more traditional styled restaurant menu. Example 2 Here's an example of the Restaurant/Services ...
beaver builder heading module
Fancy Heading
  Example 1 This is a heading using the color animation. Nature Example 2 This is a heading using the ...
beaver builder tabs module
Advanced Tabs
  Example 1 In this examples, we have added three tabs with default horizontal layouts, icons and simple ...

Example 3

In this example, we've swapped over to Masonry mode and added post taxonomy filters to the layout. Note in this mode, we don't have control over the row heights so as the name suggests, these are displayed in masonry mode.

Example 4

By opting for Feed mode, Advanced Posts shows one column of posts with post content below.

Restaurant / Services Menu
  Example 1 This example shows a more traditional styled restaurant menu. Example 2 Here's an example of the Restaurant/Services ...

Example 5

By removing the featured image, we can display a list of posts in feed mode including post meta. By adding a background to the feed, you could highlight each feed individually for more impact and you can add a read more button as per the last example.

Restaurant / Services Menu
  Example 1 This example shows a more traditional styled restaurant menu. Example 2 Here's an example of the Restaurant/Services ...
Fancy Heading
  Example 1 This is a heading using the color animation. Nature Example 2 This is a heading using the ...
Restaurant / Services Menu
  Example 1 This example shows a more traditional styled restaurant menu. Example 2 Here's an example of the Restaurant/Services ...
Restaurant / Services Menu
  Example 1 This example shows a more traditional styled restaurant menu. Example 2 Here's an example of the Restaurant/Services ...

Example 6

In Carousel mode, posts are arranged in a horizontal slider. We especially like the ability to move the slider arrows outside of the container so that they don't overlap the posts.

  1. Christopher on April 13, 2018 at 8:57 am

    Hi, thanks for posting this awesome article.. very helpful! I did have one random question about the UABB advanced post, is there a way to stop the images/text linking to the post? I don’t want it to link to another page instead have not clickable areas… hope that makes sense!

    Thanks again 🙂

Leave a Comment