Blog

ShortcodesBlog

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:

Classic Blog
Masonry Blog

Shown over image

The city comes alive at night

28
Apr
54
Read More

The friendship image collection

28
Apr
31
Read More
[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

The city comes alive at night

28
Apr
54
April 28, 2016 ThemeCatcher
Read More

The friendship image collection

28
Apr
31
April 28, 2016 ThemeCatcher
Read More
[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

The city comes alive at night

28
Apr
54
April 28, 2016 ThemeCatcher
Read More

The friendship image collection

28
Apr
31
April 28, 2016 ThemeCatcher
Read More
[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

28
Apr
54
April 28, 2016 ThemeCatcher
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius ultricies metus....
Read More

The friendship image collection

28
Apr
31
April 28, 2016 ThemeCatcher
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius ultricies metus....
Read More
[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

The city comes alive at night

28
Apr
54
Read More

The friendship image collection

28
Apr
31
Read More
[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"]

Variations

Change the Skin for this Case Study

Demos

React Hub
Lens
Berri
Replika
Press
Second
View all Demos React Hub Copy current page content
[box type="custom-boxed-item" align="center" text_align="textcenter"] [fancy_header tag="h4" size="medium" text_align="textcenter" bold="1"]What's this?[/fancy_header] [p]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:[/p] [button size="tiny" color="style-light blank-btn" href="/pages/blog"]Classic Blog[/button][button size="tiny" color="style-light blank-btn" href="/pages/blog/blog-1"]Masonry Blog[/button] [icon icon="fa-arrow-down" font_size="15" boxed="1" description="See examples below" position="center" margin_top="20px" margin_bottom="-40px" link="#content" class="infinite wobble"] [/box] [section_break type="blank" margin_bottom="30" /] [fancy_header bold="1" type="style1" margin_bottom="50"]Shown over image[/fancy_header] [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"] 
[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"]
[fancy_header bold="1" type="style1" margin_top="80" margin_bottom="50"]Shown on hover[/fancy_header] [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"] 
[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"]
[fancy_header bold="1" type="style1" margin_top="80" margin_bottom="50"]Image below[/fancy_header] [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"] 
[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"]
[fancy_header bold="1" type="style1" margin_top="80" margin_bottom="50"]Image above[/fancy_header] [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"] 
[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"]
[fancy_header bold="1" type="style1" margin_top="80" margin_bottom="50"]Like and date above[/fancy_header] [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"] 
[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"]
Download - $44