Posts

Content

Description

Allows you to display recent or related posts together with thumbnails and other information.

Features
  • Many options
  • Custom–sized thumbnails
  • List & grid views
  • Unlimited times per page

Usage

[posts]

Examples

Shortcode Live preview

Displays one recent post from any category. The post is displayed with date, excerpt and thumbnail aligned to the right.

[posts qty="1" t="right" date="yes" excerpt="yes"]
Pellentesque Habitant Morbi Tristique
Pellentesque Habitant Morbi Tristique
Sep 18, 2012

Nam molestie venenatis egestas. Nulla et interdum justo. Nunc ac rutrum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.

Read More

Displays three recent posts from any category. Custom–sized thumbnails are enabled and come with custom title tags.

[posts qty="3" t="left" tw="70" th="55" titletag="h6"]
Shortcode Live preview

Displays six recent posts from any category, in a grid of three posts to a row. A custom grid wrapper width is used, as well as a custom margin between posts. Custom–sized thumbnails are enabled.

[posts qty="6" w="600px" m="0 10px" grid="3" t="center" tw="180" th="80" excerpt="yes"]
Pellentesque Habitant Morbi Tristique
Pellentesque Habitant Morbi Tristique

Nam molestie venenatis egestas. Nulla et interdum justo. Nunc ac rutrum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis.

Read More
Nam Molestie Venenatis Egestas Risus
Nam Molestie Venenatis Egestas Risus

Here is a collection of web elements which can be used by designers to create all kinds of creative website layouts. Click through to find quality resources for icons, buttons, navigation bars, pricing tables, buttons, sliders and web boxes.

Read More
Aenean et mauris massa
Aenean et mauris massa

The included web elements are meant to inspire you to create your own unique versions. They come in fully customizable layered PSD files which are very easy to use. Please note that all the files included are free for both personal and commercial use.

Read More
Proin Feugiat Risus Id Metus Laoreet
Proin Feugiat Risus Id Metus Laoreet

This image of an illustrated elephant on a blue background can be scaled to any size without loss of resolution. It can easily be cut out and used for different purposes, and is very suitable for kids.

Read More
Praesent eu nulla vitae elit interdum
Praesent eu nulla vitae elit interdum

Here is a collection of web elements which can be used by designers to create all kinds of creative website layouts. Click through to find quality resources for icons, buttons, navigation bars, pricing tables, buttons, sliders and web boxes. The included web elements are meant to inspire you to create your own unique versions. They come in fully customizable layered PSD files which are very easy to use. Please note that all the files included are free for both personal and commercial use.

Read More
Ut sollicitudin dolor sit amet libero
Ut sollicitudin dolor sit amet libero

Adding a new background pattern or texture is the simplest way to refresh the look of a website or add interest to the elements on the page. Click through to check out a collection of great resources for free background patterns and textures that are sure to liven up any website!

Read More

Attributes

w

Grid wrapper width. (Specify pixels or percentage)

w="200px"
w="50%"

NOTE: Units only need to be specified for this attribute.

m

Margins between posts. (pixels)

m="0 10px" (by default)

m="15px"

align

Alignment of posts.

align="left"
align="right"
align="center"

grid

Display posts in grid view. (Default: NULL), (List view)

grid="2"
grid="3"
grid="4"
grid="5"
etc

type

Type of posts to display. (Default: recent)

type="recent"
type="related"

cat

Categories of posts to display.

cat="9"
cat="9,1,20"

qty

Number of posts to display. (Default: 3)

qty="5"

orderby

Sort displayed posts by a specific parameter. (Default: date)

orderby="date"
orderby="rand"
orderby="ID"
orderby="title"
orderby="modified"
orderby="comment_count"
orderby="menu_order"

order

Designates ascending or descending order. (Default: DESC)

order="DESC" - from lowest to highest values

order="ASC" - from highest to lowest values

title

Post titles enabled. (Default: yes), (Enabled)

title="yes"
title="no"

titletag

Post title tags. (Default: h5)

titletag="h4"
titletag="h3"
titletag="strong"

date

Post date enabled. (Default: NULL), (Disabled)

date="yes"

postedin

Post categories. (Default: NULL), (Disabled)

postedin="yes"

tags

Post tags. (Default: NULL), (Disabled)

tags="yes"

comments

Post comments counter. (Default: NULL), (Disabled)

comments="yes"

excerpt

Post excerpt. (Default: NULL), (Disabled)

excerpt="yes"

t

Post thumbnail & thumbnail alignment. (Default: none), (Disabled)

t="left"
t="right"
t="center"

This attribute serves two purposes:

  1. Thumbnail will be displayed if the t attribute is not none.
  2. Thumbnail alignment.
tw

Thumbnail width. (Default: 100), (Pixels)

tw="150"

th

Thumbnail height. (Default: 100), (Pixels)

th="150"

crop

Thumbnail crop area. (Default: NULL), (By center)

crop="top"

button

Read More button. (Default: Read More), (Enabled)

button="Learn More"
button="Details"
button="no"

This parameter serves two purposes:

  1. Button will be displayed if the button attribute is not no.
  2. Button text.
offset

Number of posts to displace or pass over. (Default: 0)

offset="1"

resp

Do not apply responsive styles for this shortcode. by default: NULL (responsive styles enabled)

resp="no"