In order to display Portfolio page, you can use our super configurable WPBakery portfolio shortcodes (fig. 1):<\/p>\n<\/div>\n

Fig. 1. Portfolio shortcodes.<\/p>\n<\/div>\n

Portfolio Masonry and Grid<\/h2>\n
$\"\"$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 2.1. Portfolio Masonry & Grid shortcode.<\/p>\n<\/div>\n
First \u201cGeneral<\/strong>\u201d box in shortcode settings offers to select which posts to display (fig. 2.2).<\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 2.2. General portfolio settings.<\/p>\n<\/div>\n
You can select posts basing on their category or display all posts. Other settings from this tab\u00a0allow to configure posts feed:<\/p>\n
\n
Masonry or Grid mode;<\/li>\n
loading effect;<\/li>\n
layout (classic, bottom overlap, side overlap);<\/li>\n
\n
content alignment;<\/div>\n<\/li>\n
image size, padding, animation, hover;<\/li>\n
dividers;<\/li>\n
background color and padding;<\/li>\n
columns settings, where you can specify number of columns depending on device and browser width;<\/li>\n
responsiveness (decide when to switch to a single-column layout).<\/li>\n<\/ul>\n
\u201cProject<\/strong>\u201d tab allows to specify what link should be opened when a visitor clicks on a single project on portfolio page: project itself or a URL from its \u201cexternal link<\/a>\u201d setting. The rest of options defines appearance of portfolio single post on portfolio page:<\/p>\n
\n
post title font, color, size;<\/li>\n
meta information (whether to display post date, category, etc.) and its look;<\/li>\n
text or, in another words, post content \u2013 its amount and appearance;<\/li>\n
\u201cRead more\u201d button label and link\/button mode.<\/li>\n<\/ul>\n
In \u201cIcons<\/strong>\u201d tab, you can:<\/p>\n
\n
decide whether to display \u201cExternal link\u201d, \u201cZoom\u201d and \u201cLink to project page\u201d icons on featured image hover;<\/li>\n
select a specific icon;<\/li>\n
configure its size, color, background and border.<\/li>\n<\/ul>\n
It is possible to enable different modes of pagination and adjust the number of project to display in \u201cPagination & Categorization<\/strong>\u201d tab. You can also configure category filter here: descending\/ascending order, name\/date ordering and look of filter buttons.<\/p>\n
Portfolio Justified Grid<\/h2>\n $\"Fig.$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 3.1. Portfolio Justified Grid.<\/p>\n<\/div>\n
This shortcode has less settings than the \u201cMasonry & Grid\u201d. In \u201cGeneral<\/strong>\u201d tab you can:<\/p>\n
\n
select categories to display (fig. 3.2);\n
$\"Fig.$ <\/a><\/p>\n
Fig. 3.2. General Portfolio Grid settings.<\/p>\n<\/div>\n<\/li>\n
specify how many posts should be displayed;<\/li>\n
enable categories filter.<\/li>\n<\/ul>\n
\u201cAppearance<\/strong>\u201d tab allows to specify:<\/p>\n
\n
loading animation effect;<\/li>\n
row target height and gaps between images;<\/li>\n
featured images proportions;<\/li>\n
hide last row if there\u2019s not enough images to fill it (in such a situation, projects get stretched in this row. If such an effect does not suit you, this row can be hidden).<\/li>\n<\/ul>\n
You can also decide here:<\/p>\n
\n
how to\u00a0display projects descriptions: on colored background, on dark gradient, in the bottom or with help of\u00a0background and animated lines;<\/li>\n
what animation effect to apply;<\/li>\n
select image hover background color;<\/li>\n
apply content alignment;<\/li>\n
switch on\/off projects titles, excerpts, details \/ link \/ zoom icons.<\/li>\n<\/ul>\n
Finally, you can decide whether to display project meta (date, category, author, comments) with help of \u201cProject Meta<\/strong>\u201d tab.<\/p>\n
Portfolio Carousel<\/h2>\n $\"\"$ <\/a><\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 4.1. Portfolio Carousel.<\/p>\n<\/div>\n
Portfolio Carousel has almost the same settings as Portfolio Masonry & Grid, except options for scroll: whether to scroll one slide at time or all visible slides. Plus, settings for arrows (fig. 4.2) and bullets:<\/p>\n
\n
disable\/enable;<\/li>\n
select icon, its color, background and position.<\/li>\n<\/ul>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 4.2. Arrows settings.<\/p>\n<\/div>\n
Page Templates<\/h2>\n
In addition to WPBakery Portfolio elements, you can also use \u201cPortfolio \u2013 list\u201d, \u201cPortfolio \u2013 masonry & grid\u201d or \u201cPortfolio \u2013 justified grid\u201d templates (fig. 5). But please consider, they have less settings than the shortcodes described above.<\/p>\n
$\"Fig.$ <\/a><\/p>\n
Fig. 5. Portfolio page template.<\/p>\n<\/div>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"
In order to display Portfolio page, you can use our super configurable WPBakery portfolio shortcodes (fig. 1): Fig. 1. Portfolio shortcodes. Portfolio Masonry and Grid Fig. 2.1. Portfolio Masonry & Grid shortcode. First \u201cGeneral\u201d box in shortcode settings offers to select which posts to display (fig. 2.2). Fig. 2.2. General portfolio settings. You can select…<\/p>\n","protected":false},"author":2,"featured_media":2381,"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-2195","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\/2195","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=2195"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2195\/revisions"}],"predecessor-version":[{"id":2553,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2195\/revisions\/2553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/2381"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=2195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=2195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=2195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}