About the Blog

Choo­se the lay­out that’s right for your site. The the­me inclu­des 4 styles: Grid, Rows, Image Abo­ve and Image Left. Each blog can have any of the­se lay­outs and the­re is no limit to the num­ber of blogs you can crea­te. Set­ting up your blog is easy. You can ful­ly cus­to­mi­ze the sty­ling for your web­site inclu­ding image sizes, excerpt lengths, post for­mat icons and a lot more.

[vc_separator color=“grey”]
[vc_single_image image=“3602” img_link_target=“_self” img_size=“full” img_link=“http://demo.vellumwp.com/blog/” border_color=“grey”]

Image Abo­ve Posts

This lay­out pro­vi­des space for lar­ge images, long post tit­les and lots of post details. The­se fea­tures make blogs easy to main­tain and very con­sis­tent. Each post shows on one line and image sizes can be spe­ci­fied or you can allow the height to adjust auto­ma­ti­cal­ly for each image for varia­ti­on and a more natu­ral look.

[vc_single_image image=“3599” img_link_target=“_self” img_size=“full” img_link=“http://demo.vellumwp.com/blog/grid-fluid/” border_color=“grey”]

Grid Dis­play Posts

Spe­ci­fy any num­ber of colum­ns for your cus­tom grid. The posts in flu­id grid lay­outs auto­ma­ti­cal­ly shift into posi­ti­on, fit­ting tog­e­ther like a puz­zle and maxi­mi­zing screen space. Any blog lay­out can be cus­to­mi­zed for your site by adding side­bars, bre­ad­crumbs, paging, cus­tom hea­ders, cus­tom foo­ters, and a lot more.

[vc_single_image image=“3603” img_link_target=“_self” img_size=“full” img_link=“http://demo.vellumwp.com/blog/image-left/” border_color=“grey”]

Image Left of Posts

The most popu­lar lay­out style for high pro­fi­le blogs showing the blog image on the left. The advan­ta­ge of this lay­out is is uses less space than having the image abo­ve the con­tent but still allows for long tit­les with a lar­ge font size. This lay­out also pro­vi­des space for lon­ger excerp­ts without exten­ding the page length.

[vc_single_image image=“3598” img_link_target=“_self” img_size=“full” img_link=“http://demo.vellumwp.com/blog/grid-rows/” border_color=“grey”]

Rows Dis­play Posts

A clean and orga­ni­zed seri­es of posts in an ali­gned dis­play. Each row is the same height making it ide­al for items with simi­lar con­tent allowing the view­er to quick­ly scan the page. The uni­form pre­sen­ta­ti­on in rows also allows mul­ti­ple posts on each row ins­tead of one per line like  a tra­di­tio­nal blog layout.

[vc_separator]

Default Set­tings

Blogs can be enab­led as the default home page, from a page tem­pla­te or by inser­ting a short­code. The blog set­tings let you con­fi­gu­re each opti­on exact­ly as nee­ded. When using a blog short­code you can spe­ci­fy the opti­ons for each blog individually.

Con­fi­gu­re the default blog set­tings from the “Set­tings > Blog Opti­ons” area of your admin.

[vc_single_image image=“3679” img_link_target=“_self” img_size=“full”][vc_single_image image=“3682” img_link_target=“_self” img_size=“full”]

Examp­le Blogs

We’­ve crea­ted a seri­es of examp­le blogs so you can see the results. The­se demons­tra­te just a frac­tion of what you can cus­to­mi­ze and the varie­ty of lay­out varia­ti­ons pos­si­ble. Cus­to­mi­ze the blog to fit your web­site with side­bars, wid­ge­ts, hea­ders and foo­ters. With all the­se opti­ons the poten­ti­al is vir­tual­ly end­less. Check out some of the examp­le blog pages.

[vc_wp_custommenu nav_menu=“58”][large_separator]

Con­tent Builder

The the­me has a cus­tom inter­face for the Visu­al Com­po­ser plugin (inclu­ded) to make it easier to set­up your blog shortcode.

[vc_single_image image=“3700” img_link_target=“_self” img_size=“full” img_link_large=“yes”][large_separator]

Short­code Attributes

[[blog]]

The blog short­code can be added manu­al­ly or using the con­tent buil­der inte­gra­ted into Visu­al Com­po­ser. When manu­al­ly inser­ting the blog short­code you can use the para­me­ters below to cus­to­mi­ze the output.

Attri­bu­tes
posts_per_page
Optio­nal. The num­ber of posts per page.
tem­pla­te
Optio­nal. The tem­pla­te style: blog-image-top, blog-image-left, grid-rows, grid-rows-fil­te­red, grid-stag­ge­red, grid-staggered-filtered
post_type
Optio­nal. The post type source. Default: post
post_excerpts
Exclu­de this para­me­ter for no excerpt. Value: true
excerpt_length
Optio­nal. The length of the excerpt.
colum­ns
Optio­nal. The num­ber of colum­ns in grid templates.
image_width
Optio­nal. The image width.
image_height
Optio­nal. The image height.
paging
Split results into mul­ti­ple pages. Value: true, false
read_more
Optio­nal. The text for the read more button.