Post Grid

Creating custom Responsive Post Grids with Fortuna is a breeze! Fully customize the looks of your grids, add them to any page, filter the items you want to display, manage the output and sub-items displayed like date, image, excerpt, Read More link etc. Check out some of the modification options below as well as a few examples further down the page.

Features

What elements to show (Pic, Title, Excerpt, Date, Link etc.)
Regular/Boxed style presets
Image Hover Effect (4 Style Presets available)
Grid column count (4 Style Presets available)
Date Style Presets (2 Style Presets available)
Custom Query/Filter for the Items displayed
Total Items in Grid
Spacing between items (None, Small and Large)
CSS animation of the items
Category Query Filter
Order and Order By clauses
Overwrite image size

Post Grid Example #1

Some Cool Post

Lorem Ipsum is simply dummy text of the printing and typeset<div class="h10"></div><a ...

Read more

Cool Video Post

Lorem Ipsum is simply dummy text of the printing and typeset<div class="h10"></div><a ...

Read more

Fortuna Blog Item

Proin molestie sollicitudin purus, vel molestie ante tristiq<div class="h10"></div><a ...

Read more

Post Tall image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, se<div class="h10"></div><a ...

Read more

Simple Post Item

Praesent velit tellus, adipiscing et, blandit convallis, dic<div class="h10"></div><a ...

Read more

Nice Gallery Post

Lorem Ipsum has been the industry’s standard dummy tex<div class="h10"></div><a ...

Read more

世界,您好!

欢迎使用 WordPress。这是您的第一篇文章。编辑或删除它,然后开始写作吧! ...

Read more

Some News Item

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Se<div class="h10"></div><a ...

Read more

Latest News Post

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Se<div class="h10"></div><a ...

Read more

Post Grid Example #2

世界,您好!

欢迎使用 WordPress。这是您的第一篇文章。编辑或删除它,然后开始写作吧! ...

Read more

Latest News Post

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Se<div class="h10"></div><a class="more-link1" ...

Read more

A Standard Post

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Se<div class="h10"></div><a class="more-link1" ...

Read more

Cool Video Post

Lorem Ipsum is simply dummy text of the printing and typeset<div class="h10"></div><a class="more-link1" ...

Read more

Nice Gallery Post

Lorem Ipsum has been the industry’s standard dummy tex<div class="h10"></div><a class="more-link1" ...

Read more

Fortuna Blog Item

Proin molestie sollicitudin purus, vel molestie ante tristiq<div class="h10"></div><a class="more-link1" ...

Read more

Post Grid Example #3

世界,您好!

欢迎使用 ...

Fortuna Blog Item

Proin molestie sollicitudin purus, vel molestie ante tristiq<div class="h10"></div><a ...

Some News Item

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Se<div class="h10"></div><a ...

Simple Post Item

Praesent velit tellus, adipiscing et, blandit convallis, dic<div class="h10"></div><a ...

Leave A Comment