Blog - Security Design
9
page-template-default,page,page-id-9,page-parent,theme-bridge,woocommerce-no-js,ajax_fade,page_not_loaded,,columns-4,qode-theme-ver-16.7,qode-theme-bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive
 

Blog

The Striking Blog Page

The striking theme has two ways to set a page to a blog listing page.

[tabs]
[tab title=”By WordPress Reading Settings” icon=”book” icon_color=”#3cabce”]

By setting a static page as your blog listing page
in the striking blog general settings.

striking-global-blog-page
[/tab]
[tab title=”By Shortcode” icon=”bolt” icon_color=”#3cabce”]

By inserting a Blog shortcode into any location in any page.

[image source_type=”attachment_id” source_value=”3245″ caption=”Blog Shortcode Options Panel” alt=”Blog Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Blog Shortcode Options Panel”]
[/tab]
[/tabs]

Note : This means you can have unlimited blog listing pages.

Creating a blog listing page with the blogshortcode

Any page or even post can contain a bloglist showing one or more blogposts. This way a page can, for example show a small list of posts about a certain subject/topic, below the default story of that page. The bloglist can be inserted by a shortcode at any point into the body content of a page, post or even portfolio item. The shortcode is created and generated by the buildin striking shortcode generator and could look like this:
[code] [divider_line]

Bloglist with full featured image above the title

[divider_line]
[blog count=”2″ nopaging=”true” imageType=”full”] [divider_line]

Bloglist with full featured image below the title

[divider_line]
[blog count=”2″ nopaging=”true” imageType=”below”]
[/code]
The shortcode generator can be found above the content editor and is shown in two different ways.

[tabs]
[tab title=”Content Editor Visual Mode” icon=”check” icon_color=”#3cabce”]

In visual mode of the editor.

striking-shortcode-generator-visualmode
[/tab]
[tab title=”Content Editor Text Mode” icon=”check” icon_color=”#3cabce”]

In text mode of the editor.

striking-shortcode-generator-textmode

[/tab]
[/tabs]

Bloglist presentation

The striking bloglist can have different layouts and presentations.

[tabs]
[tab title=”Above” icon=”check” icon_color=”#3cabce”]
[divider_line]

A full featured image above the title.

[divider_line]
bloglist-full-above
[/tab]
[tab title=”Below” icon=”check” icon_color=”#3cabce”]
[divider_line]

A full featured image below the title.

[divider_line]
bloglist-full-below-title
[/tab]
[tab title=”Left” icon=”check” icon_color=”#3cabce”]
[divider_line]

A left side located feature image.

[divider_line]
bloglist-leftfloat-image
[/tab]
[tab title=”Right” icon=”check” icon_color=”#3cabce”]
[divider_line]

A right side located feature image.

[divider_line]
bloglist-rightfloat-image
[/tab]
[tab title=”Column” icon=”check” icon_color=”#3cabce”]
[divider_line]

A Bloglist in more then one and up to 6 columns.

[divider_line]
bloglist-multi-columns
[/tab]
[tab title=”Boxed” icon=”check” icon_color=”#3cabce”]
[divider_line]

A Bloglist with a border around each of the posts.

[divider_line]
bloglist-framed-full
[divider_line]

A Bloglist with a border around each of the posts with inner background coloring of the blogposts.

[divider_line]
striking-bloglist-boxmode-bgcolor
[/tab]
[/tabs]

Note : Size of the image for each layout (left, right, full, below or above title) and its effect (border, coloring, lightbox popup etc) can be set in the shortcode and/or striking blog settings.