{"id":2189,"date":"2020-05-22T22:13:25","date_gmt":"2020-05-22T22:13:25","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=2189"},"modified":"2020-05-22T22:55:02","modified_gmt":"2020-05-22T22:55:02","slug":"displaying-blog","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/user-guide\/displaying-blog\/","title":{"rendered":"Displaying Blog"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>In order to display Blog, you can use our super configurable WPBakery blog shortcodes (fig. 1):<\/p>\n<div id=\"attachment_3239\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._2._Blog_shortcodes..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3239\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2._Blog_shortcodes.-2.png\" alt=\"Fig. 2. Blog shortcodes.\" width=\"1006\" height=\"189\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Blog shortcodes.<\/p>\n<\/div>\n<h2>Blog List<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/2019-09-06_1137.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3243\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/2019-09-06_1137.png\" alt=\"\" width=\"652\" height=\"510\"><\/a><\/p>\n<div id=\"attachment_3240\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/fig._3.1._Blog_list_shortcode..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3240\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/fig._3.1._Blog_list_shortcode..png\" alt=\"fig. 3.1. Blog list shortcode.\" width=\"774\" height=\"247\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2.1. Blog List shortcode.<\/p>\n<\/div>\n<p>First \u201c<strong>General<\/strong>\u201d box in shortcode settings offers to select which posts to display (fig. 2.2).<\/p>\n<div id=\"attachment_3241\" class=\"wp-caption aligncenter c3\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.2._General_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3241\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.2._General_settings..png\" alt=\"Fig. 3.2. General settings.\" width=\"644\" height=\"318\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2.2. General settings.<\/p>\n<\/div>\n<p>You can select posts basing on their category or tags. Or display all posts. Other settings from this tab\u00a0allow to configure posts feed:<\/p>\n<ul>\n<li>layout (classic, centered, bottom overlap, side overlap);<\/li>\n<li>image size, padding, animation, hover;<\/li>\n<li>dividers;<\/li>\n<li>background color and padding;<\/li>\n<li>responsiveness (decide when to switch to a single-column layout).<\/li>\n<\/ul>\n<p>Appearance of a post in the posts feed can be configured in \u201c<strong>Post<\/strong>\u201d tab:<\/p>\n<ul>\n<li>post title font, color, size;<\/li>\n<li>meta information (whether to display post date, category, etc.) and its look;<\/li>\n<li>text or, in another words, post content \u2013 its amount and appearance;<\/li>\n<li>\u201cRead more\u201d button label and link\/button mode.<\/li>\n<\/ul>\n<p>\u201c<strong>Fancy Elements<\/strong>\u201d tab allows to display\/hide <a href=\"https:\/\/the7kennisbank.nl\/user-guide\/theme-options\/post-types-the7-multipurpose-wordpress-theme\/\">fancy elements<\/a> and adjust their color settings.<\/p>\n<p>In \u201c<strong>Hover Icon<\/strong>\u201d tab, you can:<\/p>\n<ul>\n<li>decide whether to display an icon on image hover;<\/li>\n<li>select a specific icon;<\/li>\n<li>configure its size, color, background and border.<\/li>\n<\/ul>\n<p>It is possible to enable different modes of pagination and adjust the number of posts to display in \u201c<strong>Pagination &amp; Categorization<\/strong>\u201d tab. You can also configure category filter here: descending\/ascending order, name\/date ordering and look of filter buttons.<\/p>\n<h2 id=\"masonry-grid\">Blog Masonry and Grid<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/2019-09-06_1226.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3252\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/2019-09-06_1226.png\" alt=\"\" width=\"970\" height=\"508\"><\/a><\/p>\n<div id=\"attachment_3253\" class=\"wp-caption aligncenter c4\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.1._Blog_Masonry__Grid_shortcode._.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3253\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.1._Blog_Masonry__Grid_shortcode._.png\" alt=\"Fig. 3.1. Blog Masonry &amp; Grid shortcode.\" width=\"776\" height=\"244\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3.1. Blog Masonry &amp; Grid shortcode.<\/p>\n<\/div>\n<p>\u201cMasonry &amp; Grid\u201d shortcode has almost the same settings as \u201cBlog List\u201d, apart from following:<\/p>\n<ul>\n<li>choose Masonry or Grid layout;<\/li>\n<li>choose Classic or Bottom overlap, or Overlay (plain background or gradient) style;<\/li>\n<li>columns settings (fig. 3.2), where you can specify number of columns depending on device and browser width:\n<div id=\"attachment_3254\" class=\"wp-caption aligncenter c5\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.2._Column_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3254\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.2._Column_settings..png\" alt=\"Fig. 3.2. Column settings.\" width=\"690\" height=\"457\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3.2. Column settings.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<h2>Blog Mini<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/fig4.1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3256\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/fig4.1.png\" alt=\"\" width=\"1184\" height=\"367\"><\/a><\/p>\n<div id=\"attachment_3257\" class=\"wp-caption aligncenter c6\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._4.1._Blog_Mini..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3257\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._4.1._Blog_Mini..png\" alt=\"Fig. 4.1. Blog Mini.\" width=\"775\" height=\"242\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 4.1. Blog Mini.<\/p>\n<\/div>\n<p>This shortcode is a light version of Blog Masonry WPBakery element. It has settings to:<\/p>\n<ul>\n<li>select post category to display;<\/li>\n<li>specify number of posts to display;<\/li>\n<li>choose among list, 2-columns and 3-columns layout;<\/li>\n<li>style featured images;<\/li>\n<li>switch on\/off post excerpt.<\/li>\n<\/ul>\n<h2>Blog Carousel<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._5.1._Blog_Carousel..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3259 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._5.1._Blog_Carousel..png\" alt=\"Fig. 5.1. Blog Carousel.\" width=\"774\" height=\"243\"><\/a><\/p>\n<div id=\"attachment_3259\" class=\"wp-caption alignnone c8\"><a class=\"c7\" href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig.5.1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3260 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig.5.1.png\" alt=\"\" width=\"1173\" height=\"505\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 5.1. Blog Carousel.<\/p>\n<\/div>\n<p>Blog Carousel has almost the same settings as Blog Masonry &amp; Grid, except options for scroll (fig. 5.2): whether to scroll one slide at time or all visible slides. Plus, settings for arrows and bullets:<\/p>\n<ul>\n<li>disable\/enable;<\/li>\n<li>select icon, its color, background and position.<\/li>\n<\/ul>\n<div id=\"attachment_3263\" class=\"wp-caption aligncenter c5\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._5.2._Blog_Carousle_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3263\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._5.2._Blog_Carousle_settings..png\" alt=\"Fig. 5.2. Blog Carousle settings.\" width=\"690\" height=\"402\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 5.2. Blog Carousle settings.<\/p>\n<\/div>\n<h2>Page Templates<\/h2>\n<p>In addition to WPBakery Blog elements, you can also use \u201cBlog \u2013 list\u201d or \u201cBlog \u2013 masonry &amp; grid\u201d templates (fig. 6). But please consider, they have less settings than the shortcodes described above.<\/p>\n<div id=\"attachment_1044\" class=\"wp-caption aligncenter c9\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/page-attributes.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1044 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/page-attributes.png\" alt=\"Fig. 1. Assigning page template.\" width=\"272\" height=\"312\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 6. Assigning page template.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In order to display Blog, you can use our super configurable WPBakery blog shortcodes (fig. 1): Fig. 1. Blog shortcodes. Blog List Fig. 2.1. Blog List shortcode. First \u201cGeneral\u201d box in shortcode settings offers to select which posts to display (fig. 2.2). Fig. 2.2. General settings. You can select posts basing on their category or&hellip;<\/p>\n","protected":false},"author":2,"featured_media":2345,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[16,9],"tags":[],"class_list":["post-2189","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-custom-post-types","category-user-guide","category-16","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2189\/revisions"}],"predecessor-version":[{"id":2549,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2189\/revisions\/2549"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/2345"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=2189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=2189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}