{"id":2193,"date":"2020-05-22T22:13:19","date_gmt":"2020-05-22T22:13:19","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=2193"},"modified":"2020-05-22T23:14:31","modified_gmt":"2020-05-22T23:14:31","slug":"displaying-team","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/user-guide\/displaying-team\/","title":{"rendered":"Displaying Team"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>In order to display Team section on a page, you can use our super configurable WPBakery team shortcodes (fig. 1):<\/p>\n<div id=\"attachment_3432\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig._1._Team_shortcodes..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3432\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1._Team_shortcodes.-2.png\" alt=\"Fig. 1. Team shortcodes.\" width=\"1066\" height=\"252\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Team shortcodes.<\/p>\n<\/div>\n<h2>Team Masonry and Grid<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig.2.1.team_.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3433\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig.2.1.team_.png\" alt=\"\" width=\"837\" height=\"240\"><\/a><\/p>\n<div id=\"attachment_3434\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig._2.1._Team_Masonry__Grid_shortcde..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3434\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2.1._Team_Masonry__Grid_shortcde..png\" alt=\"Fig. 2.1. Team Masonry &amp; Grid shortcde.Fig. 2.1. Team Masonry &amp; Grid shortcde.\" width=\"987\" height=\"460\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2.1. Team Masonry &amp; Grid shortcde.<\/p>\n<\/div>\n<p>First \u201c<strong>General<\/strong>\u201d box in shortcode settings offers to select which team members display (fig. 2.2).<\/p>\n<div id=\"attachment_3436\" class=\"wp-caption aligncenter c3\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig._2.2._Team_Masonry__Grid_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3436\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2.2._Team_Masonry__Grid_settings..png\" alt=\"Fig. 2.2. Team Masonry &amp; Grid settings.\" width=\"688\" height=\"321\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2.2. Team Masonry &amp; Grid settings.<\/p>\n<\/div>\n<p>You can select posts basing on their category or display all posts. Other settings from this tab\u00a0allow to configure posts feed:<\/p>\n<ul>\n<li>Masonry or Grid mode;<\/li>\n<li>loading effect;<\/li>\n<li>background color and padding;<\/li>\n<li>image size, padding, animation, hover;<\/li>\n<li>columns settings, where you can specify number of columns depending on device and browser width;<\/li>\n<li>responsiveness (decide when to switch to a single-column layout).<\/li>\n<\/ul>\n<p>In \u201c<strong>Team Memeber<\/strong>\u201d tab you can:<\/p>\n<ul>\n<li>configure content alignment;<\/li>\n<li>whether to display team member position and description;<\/li>\n<li>configure font style, size, color for\u00a0team member name, position and description;<\/li>\n<li>set up\u00a0\u201cView Details\u201d button.<\/li>\n<\/ul>\n<p>You can apply required settings for contact info of a team member in the \u201c<strong>Social Links<\/strong>\u201d tab (fig. 2.3). Decide whether to display these icons at all, set their position and configure color \/ size options.<\/p>\n<div id=\"attachment_3438\" class=\"wp-caption aligncenter c4\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig._2.3._Social_Links_tab..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3438\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2.3._Social_Links_tab..png\" alt=\"Fig. 2.3. Social Links tab.\" width=\"683\" height=\"454\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2.3. Social Links tab.<\/p>\n<\/div>\n<p>It is possible to enable different modes of pagination and adjust the number of team memebrs 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>Team Carousel<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3441\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.1._Team_Carousel_shortcode..png\" alt=\"\" width=\"838\" height=\"236\"><\/p>\n<div id=\"attachment_3442\" class=\"wp-caption alignnone c6\"><a class=\"c5\" href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig.3.1._Team_Carousel_shortcode..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3442 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig.3.1._Team_Carousel_shortcode..png\" alt=\"Fig. 3.1. Team Carousel shortcode.\" width=\"1283\" height=\"232\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3.1. Team Carousel shortcode.<\/p>\n<\/div>\n<p>Team Carousel has almost the same settings as Team Masonry &amp; Grid, except options for scroll: whether to scroll one slide at time or all visible slides. Plus, settings for arrows (fig. 3.2) 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_3443\" class=\"wp-caption aligncenter c7\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig.3.2._Team_Carousel_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3443\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig.3.2._Team_Carousel_settings..png\" alt=\"Fig. 3.2. Team Carousel settings.\" width=\"684\" height=\"385\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3.2. Team Carousel settings.<\/p>\n<\/div>\n<h2>Page Templates<\/h2>\n<p>In addition to WPBakery Team elements, you can also use \u201cTeam\u201d page template (fig. 4). But please consider, it has less settings than the shortcodes described above.<\/p>\n<div class=\"mceTemp\">\n<div id=\"attachment_3444\" class=\"wp-caption aligncenter c8\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2014\/07\/Fig._4._Team_page_template...png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3444\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._4._Team_page_template...png\" alt=\"Fig. 4. Team page template.\" width=\"274\" height=\"300\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 4. Team page template.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In order to display Team section on a page, you can use our super configurable WPBakery team shortcodes (fig. 1): Fig. 1. Team shortcodes. Team Masonry and Grid Fig. 2.1. Team Masonry &amp; Grid shortcde. First \u201cGeneral\u201d box in shortcode settings offers to select which team members display (fig. 2.2). Fig. 2.2. Team Masonry &amp;&hellip;<\/p>\n","protected":false},"author":2,"featured_media":2366,"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-2193","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\/2193","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=2193"}],"version-history":[{"count":2,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2193\/revisions"}],"predecessor-version":[{"id":2508,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2193\/revisions\/2508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/2366"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=2193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=2193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=2193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}