Skip to main content

Blog

This feature is available only for Premium members

NOTE: You can access all the shortcodes via the shortcodes icon on your visual editor. See this document if you need more information

 

Description and Code

 

The blog shortcode allows you to pull in blog posts and display them in a number of styles. Here's an example of the shortcode in code view:

[blog_component layout="1-column" number_posts="1" cat_slug="" exclude_cats="" show_title="yes" title_link="yes" thumbnail="yes" excerpt="yes" excerpt_length="35" strip_html="yes" meta_all="yes" meta_author="yes" meta_date="yes" meta_comments="yes" meta_categories="yes" meta_tags="yes" meta_link="yes" pagination="yes" scrolling="pagination" class="" id=""][/blog_component]

 

Parameters

 

  • layout
    • controls the grid layout of the blog shortcode
    • Possible values - 1-column, 2-column or 3-column
  • number_posts
    • controls how many posts to display in the blog shortcode
    • Possible values - number - like 5, 10, 20, etc.
  • cat_slug
    • defines the categories to include in the output
    • Possible values - array - like category 1, category 2 etc.
  • exclude_cats
    • defines the categories to exclude in the output, cat_slug value must be defined
    • Possible values - array - like category 1, category 2 etc.
  • show_title
    • defines if display the blog post titles
    • Possible values - yes or no
  • title_link
    • defines if the blog post titles will link to the single post
    • Possible valuesyes or no
  • thumbnail
    • enables/disables the featured images in the blog posts
    • Possible valuesyes or no
  • excerpt
    • enables/disables the excerpt of blog posts
    • Possible valuesyes or no
  • excerpt_length
    • defines the post excerpt maximum words/characters number
    • Possible values - number - like 5, 10, 20, etc.
  • strip_html
    • enables/disables the HTML stripping in excerpts
    • Possible values - yes or no
  • meta_all
    • controls visibility of the post meta datas
    • Possible values - yes or no
  • meta_author
    • enables/disables the post author in meta
    • Possible values - yes or no
  • meta_date
    • enables/disables the post date in meta
    • Possible values - yes or no
  • meta_comments
    • enables/disables the post comments in meta
    • Possible values - yes or no
  • meta_categories
    • enables/disables the post categories in meta
    • Possible values - yes or no
  • meta_tags
    • enables/disables the post tags in meta
    • Possible values - yes or no
  • meta_link
    • enables/disables the Read More button in meta
    • Possible values - yes or no
  • pagination
    • enables/disables the blog posts pagination
    • Possible values - yes or no
  • scrolling
    • defines the style of the blog pagination
    • Possible values - pagination, number_pagination or infinite
  • class
    • custom class for CSS of component
    • Possible values - string - like custom-element-class
  • id
    • custom ID for CSS of component
    • Possible values - string - like custom-element-id

 

Examples

 

1 Column

 

 

2 Columns

 

 

3 Columns

 

Leveraging CSS to Add Responsiveness SVG

SVG (Scalable Vector Graphic) is ba [...]

Practical Tips From Top WordPress Pros

In this article, we’ll provide some [...]

How To Protect Your WordPress Blog From Getting Penalized For Duplicate Content

When you are keeping a track of you [...]

AppPresser: A Fast Tool to create an App for a WordPress site

Are you running a website on the im [...]

How To Optimize A WordPress Blog Ethically To Rank Higher On Search Engines?

SEO – Search Engine Optimization is [...]

2 Most Common Fatal Errors in Wordpress and their Diagnosis

Seeing errors cropping up unexpecte [...]