News Grid Style 5

The News Grid plugin for WordPress can be used to include into a post or page a News Grid style container, showcasing latest posts and featured images from set categories or overall posts. With 10 different display styles, the News Grid is a visual must have for news websites or blogs. Check below for example implementations and shortcode documentation:

Style 5 News Grid Examples

conditional content
X3M Shortcodes

Conditional Content

The Conditional Content shortcode for WordPress can be used to display programmatic content to users based on various set conditions. With the use of different comparison operators, the Conditional Content is a powerful option to generating and displaying combination of predefined text snippets based on true or false statements. Check below for example implementations and […]

X3M Shortcodes

Geo-Redirect

X3M Shortcodes

Parallax Effect

X3M Shortcodes

Geo-Targeting

X3M Shortcodes

Geo-Blocking

News Grid Shortcodes

Shortcode
 [x3m-newsgrid style="5" sectionA-categoryid="4" sectionB-title="X3M Shortcodes" sectionB-categoryid="4" sectionC-categoryid="4" height="400px"] 
The shortcode can be used to display the Style 5 of the X3M News Grid. It can displays posts from 3 different categories, but one category only also works. Check above example for visual display of Style 5 News Grid. Section titles are not displayed in Style 5 except title for Section B.

You may also check design styles for other news grid options here: Style 1, Style 2, Style 3, Style 4, Style 5, Style 6, Style 7, Style 8, Style 9, Style 10.

News Grid Documentation

Here are the shortcode option settings available for News Grid Style 5:

Shortcode Settings Details
style=”5″ This is used to set the visual style of the News Grid.
sectionA-categoryid=”1″ This is used to set category ID from where latest posts will be pulled from to be displayed in Section A.
sectionB-title=”Title B” This is used to set the title of Section B, visible on top of the News Grid.
sectionB-categoryid=”1″ This is used to set category ID from where latest posts will be pulled from to be displayed in Section B.
sectionC-categoryid=”1″ This is used to set category ID from where latest posts will be pulled from to be displayed in Section C.
height=”400px” This is used to set New Grid countainer height in pixels.

Related