Blog

What’s this?

The Portfolio shortcode also let’s you display WordPress blog articles with many style and layout options. We’ve added a few layout possibilities below. You can also see these Blog page examples or check out Portfolios:

Shown over image

[portfolio post_type="post" columns="2" convert="phone-width-100" sortable="0" image_type="on-hover" content_on_hover="0" hover_type_height="110" hover="tiny-hvr" max="2" orderby="date" order="DESC" title_tag="h3" show_date="1" show_description="0" like="1"]

Shown on hover

[portfolio post_type="post" columns="2" convert="phone-width-100" sortable="0" image_type="on-hover" hover_type_height="140" hover="tiny-hvr" max="2" orderby="date" order="DESC" title_tag="h3" show_meta="1" show_date="1" show_description="0" like="1"]

Image below

[portfolio post_type="post" columns="2" convert="phone-width-100" sortable="0" image_type="below" hover_type_height="140" boxed="1" hover="sml-hvr" max="2" orderby="date" order="DESC" title_tag="h3" show_meta="1" show_date="1" image_details_on_hover="0" show_description="0" description_length="12" read_more_button_style="basic-button full" like="1"]

Image above

The city comes alive at night

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius ultricies metus....

The friendship image collection

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius ultricies metus....
[portfolio post_type="post" columns="2" convert="phone-width-100" sortable="0" hover_type_height="140" boxed="1" hover="sml-hvr" max="2" orderby="date" order="DESC" title_tag="h3" show_meta="1" show_date="1" image_details_on_hover="0" description_length="12" read_more_button_style="basic-button full" like="1"]

Like and date above

[portfolio post_type="post" columns="2" convert="phone-width-100" sortable="0" hover_type_height="140" text_align="textcenter" hover="sml-hvr" max="2" orderby="date" order="DESC" title_tag="h3" show_date="1" alt_date_like_layout="date-like-above" image_details_on_hover="0" show_description="0" description_length="12" read_more_button_style="basic-button full" like="1" like_icon="fa-heart"]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React