{"id":2195,"date":"2020-05-22T22:13:16","date_gmt":"2020-05-22T22:13:16","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=2195"},"modified":"2020-05-22T23:06:32","modified_gmt":"2020-05-22T23:06:32","slug":"displaying-portfolio","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/nl\/user-guide\/presentatie-portfolio\/","title":{"rendered":"Portfolio weergeven"},"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<div class=\"entry-content\">\n<p>Om de Portfolio-pagina weer te geven, kunt u onze superconfigureerbare WPBakery-portfolio-shortcodes gebruiken (fig.1):<\/p>\n<\/div>\n<div id=\"attachment_3282\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._1._Portfolio_shortcodes..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3282\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1._Portfolio_shortcodes.-2.png\" alt=\"Fig. 1. Portfolio shortcodes.\" width=\"1047\" height=\"256\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1. Portfolio shortcodes.<\/p>\n<\/div>\n<h2>Portfolio metselwerk en raster<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._2.1._Portfolio_Masonry__Grid_shortcode..png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3283\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2.1._Portfolio_Masonry__Grid_shortcode..png\" alt=\"\" width=\"813\" height=\"248\"><\/a><\/p>\n<div id=\"attachment_3284\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/2.1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3284\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/2.1.png\" alt=\"Afb.2.1. Portfolio Masonry &amp; Grid shortcode.\" width=\"1092\" height=\"508\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb.2.1. Portfolio Masonry &amp; Grid shortcode.<\/p>\n<\/div>\n<p>Eerste &quot;<strong>Algemeen<\/strong>\u201dBox in shortcode instellingen biedt om te selecteren welke berichten getoond moeten worden (fig. 2.2).<\/p>\n<div id=\"attachment_3286\" class=\"wp-caption aligncenter c3\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._2.2._General_portfolio_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3286\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2.2._General_portfolio_settings..png\" alt=\"Afb.2.2. Algemene portfolio-instellingen.\" width=\"692\" height=\"311\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb.2.2. Algemene portfolio-instellingen.<\/p>\n<\/div>\n<p>U kunt berichten selecteren op basis van hun categorie of alle berichten weergeven. Andere instellingen van dit tabblad maken het mogelijk om berichtenfeed te configureren:<\/p>\n<ul>\n<li>Metselwerk- of Rastermodus;<\/li>\n<li>laden effect;<\/li>\n<li>lay-out (klassiek, overlappende onderkant, overlapping aan de zijkant);<\/li>\n<li>\n<div class=\"wpb_element_label\">afstemming van inhoud;<\/div>\n<\/li>\n<li>afbeeldingsgrootte, opvulling, animatie, zweven;<\/li>\n<li>verdelers;<\/li>\n<li>achtergrondkleur en opvulling;<\/li>\n<li>kolominstellingen, waar u het aantal kolommen kunt specificeren, afhankelijk van het apparaat en de browserbreedte;<\/li>\n<li>reactievermogen (beslissen wanneer u wilt overschakelen naar een lay-out met \u00e9\u00e9n kolom).<\/li>\n<\/ul>\n<p>&quot;<strong>Project<\/strong>&quot;-Tabblad maakt het mogelijk om te specificeren welke link moet worden geopend wanneer een bezoeker op een enkel project op de portfoliopagina klikt: project zelf of een URL van de&quot;<a href=\"https:\/\/the7kennisbank.nl\/user-guide\/custom-post-types\/adding-editing-projects-the7-multipurpose-wordpress-theme\/\">externe link<\/a>\u201dInstelling. De rest van de opties bepaalt het uiterlijk van een enkel portfolio-bericht op de portfoliopagina:<\/p>\n<ul>\n<li>posttitel lettertype, kleur, grootte;<\/li>\n<li>meta-informatie (of berichtdatum, categorie, enz. moet worden weergegeven) en het uiterlijk;<\/li>\n<li>tekst of, met andere woorden, inhoud posten - de hoeveelheid en het uiterlijk;<\/li>\n<li>Knoplabel &quot;Lees meer&quot; en link \/ knopmodus.<\/li>\n<\/ul>\n<p>In &quot;<strong>Pictogrammen<\/strong>\u201dKunt u:<\/p>\n<ul>\n<li>beslissen of u de pictogrammen \u201cExterne link\u201d, \u201cZoom\u201d en \u201cLink naar projectpagina\u201d wilt weergeven bij het zweven van de aanbevolen afbeelding;<\/li>\n<li>selecteer een specifiek pictogram;<\/li>\n<li>configureer de grootte, kleur, achtergrond en rand.<\/li>\n<\/ul>\n<p>Het is mogelijk om verschillende manieren van paginering in te schakelen en het aantal weer te geven projecten aan te passen in &quot;<strong>Paginering en categorisering<\/strong>\u201dTabblad. U kunt hier ook het categoriefilter configureren: aflopende \/ oplopende volgorde, naam \/ datumvolgorde en uiterlijk van filterknoppen.<\/p>\n<h2 id=\"justified-grid\">Portfolio gerechtvaardigd raster<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.1._Portfolio_Justified_Grid._001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3295\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.1._Portfolio_Justified_Grid._001.png\" alt=\"Afb.3.1. Portfolio gerechtvaardigd raster.\" width=\"839\" height=\"229\"><\/a><\/p>\n<div id=\"attachment_3294\" class=\"wp-caption aligncenter c4\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.1._Portfolio_JUstified_Grid..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3294 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.1._Portfolio_JUstified_Grid..png\" alt=\"Afb.3.1. Portfolio gerechtvaardigd raster.\" width=\"981\" height=\"561\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb.3.1. Portfolio gerechtvaardigd raster.<\/p>\n<\/div>\n<p>Deze shortcode heeft minder instellingen dan de &quot;Masonry &amp; Grid&quot;. In &quot;<strong>Algemeen<\/strong>\u201dKunt u:<\/p>\n<ul>\n<li>selecteer de categorie\u00ebn om weer te geven (fig. 3.2);\n<div id=\"attachment_3296\" class=\"wp-caption aligncenter c5\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._3.2._General_Portfolio_Grid_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3296\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3.2._General_Portfolio_Grid_settings..png\" alt=\"Afb.3.2. Algemene Portfolio Grid-instellingen.\" width=\"707\" height=\"460\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb.3.2. Algemene Portfolio Grid-instellingen.<\/p>\n<\/div>\n<\/li>\n<li>specificeer hoeveel berichten moeten worden weergegeven;<\/li>\n<li>categoriefilter inschakelen.<\/li>\n<\/ul>\n<p>&quot;<strong>Uiterlijk<\/strong>\u201dTab laat toe om te specificeren:<\/p>\n<ul>\n<li>animatie-effect laden;<\/li>\n<li>rij doelhoogte en hiaten tussen afbeeldingen;<\/li>\n<li>uitgelichte afbeeldingen verhoudingen;<\/li>\n<li>verberg de laatste rij als er niet genoeg afbeeldingen zijn om deze te vullen (in een dergelijke situatie worden projecten in deze rij uitgerekt. Als een dergelijk effect niet bij u past, kan deze rij worden verborgen).<\/li>\n<\/ul>\n<p>U kunt hier ook beslissen:<\/p>\n<ul>\n<li>hoe projectbeschrijvingen weer te geven: op een gekleurde achtergrond, op een donker verloop, onderaan of met behulp van achtergrond en geanimeerde lijnen;<\/li>\n<li>welk animatie-effect moet worden toegepast;<\/li>\n<li>selecteer de achtergrondkleur van de afbeelding voor het zweven;<\/li>\n<li>content alignment toepassen;<\/li>\n<li>schakel projecttitels, fragmenten, details \/ link \/ zoompictogrammen in \/ uit.<\/li>\n<\/ul>\n<p>Ten slotte kunt u beslissen of u de meta van het project (datum, categorie, auteur, opmerkingen) wilt weergeven met behulp van &quot;<strong>Project Meta<\/strong>\u201dTabblad.<\/p>\n<h2>Portfolio-carrousel<\/h2>\n<p><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._4.1..png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3302\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._4.1..png\" alt=\"\" width=\"843\" height=\"245\"><\/a><\/p>\n<div id=\"attachment_3303\" class=\"wp-caption aligncenter c6\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._4.1._Portfolio_Carousel..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3303\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._4.1._Portfolio_Carousel..png\" alt=\"Afb.4.1. Portfolio-carrousel.\" width=\"1151\" height=\"509\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb.4.1. Portfolio-carrousel.<\/p>\n<\/div>\n<p>Portfolio Carousel heeft bijna dezelfde instellingen als Portfolio Masonry &amp; Grid, behalve opties voor scrollen: of u \u00e9\u00e9n dia tegelijk wilt scrollen of alle zichtbare dia&#039;s. Plus instellingen voor pijlen (fig.4.2) en kogels:<\/p>\n<ul>\n<li>uitzetten aanzetten;<\/li>\n<li>selecteer het pictogram, de kleur, achtergrond en positie.<\/li>\n<\/ul>\n<div id=\"attachment_3305\" class=\"wp-caption aligncenter c7\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._5.2._Arrows_settings..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3305\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._5.2._Arrows_settings..png\" alt=\"Afb.4.2. Pijlen instellingen.\" width=\"709\" height=\"448\"><\/a><\/p>\n<p class=\"wp-caption-text\">Afb.4.2. Pijlen instellingen.<\/p>\n<\/div>\n<h2>Paginasjablonen<\/h2>\n<p>Naast WPBakery Portfolio-elementen kunt u ook de sjablonen \u201cPortfolio - lijst\u201d, \u201cPortfolio - metselwerk &amp; raster\u201d of \u201cPortfolio - gerechtvaardigd raster\u201d gebruiken (fig. 5). Maar bedenk alstublieft dat ze minder instellingen hebben dan de hierboven beschreven shortcodes.<\/p>\n<div id=\"attachment_3307\" class=\"wp-caption aligncenter c8\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig.5._Portfolio_page_template..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3307\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig.5._Portfolio_page_template..png\" alt=\"Fig. 5. Portfoliopaginasjabloon.\" width=\"277\" height=\"304\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 5. Portfoliopaginasjabloon.<\/p>\n<\/div>\n<div class=\"mceTemp\"><\/div>","protected":false},"excerpt":{"rendered":"<p>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 &amp; 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&hellip;<\/p>","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\/nl\/wp-json\/wp\/v2\/posts\/2195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/comments?post=2195"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2195\/revisions"}],"predecessor-version":[{"id":2553,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/2195\/revisions\/2553"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/2381"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=2195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=2195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=2195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}