{"id":4906,"date":"2020-06-03T09:32:19","date_gmt":"2020-06-03T09:32:19","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=4906"},"modified":"2020-06-09T12:13:50","modified_gmt":"2020-06-09T12:13:50","slug":"create-a-card","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/nl\/wp-grid-builder\/create-a-card\/","title":{"rendered":"Gids maak een kaart"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"container flex items-center justify-between\">\n<h1 class=\"entry-title\">Maak een kaart<\/h1>\n<\/div>\n<div id=\"article-wrapper\" class=\"container\">\n<p>In deze gids zullen we het principe van de kaartenbouwer beschrijven om gemakkelijk kaarten te maken. De kaartbouwer biedt tal van blokken om in de kaart te plaatsen om de inhoud van uw berichten, termen of gebruikers te laten zien. Alle blokken worden op dezelfde manier afgehandeld en bieden dezelfde soort instellingen.<\/p>\n<p>Eerst moet u instellen welk type kaart u wilt bouwen. U heeft 2 soorten kaarten: <strong>Metselwerk<\/strong> of <strong>Metro \/ gerechtvaardigd<\/strong>. <strong>Een type kaart komt overeen met een soort raster<\/strong>. Masonry-kaarten werken alleen met Masonry-rasters en Metro \/ Justified-kaarten werken met elk type raster.<\/p>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-layout-1024x576-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1223\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-layout-1024x576-1.png\" alt=\"Card Builder - Stel het lay-outtype in\" width=\"1024\" height=\"576\" \/><\/a><\/p>\n<p>Kaartbouwer - Type lay-out<\/p>\n<p><strong>Op het linker hoofdpaneel van de kaartbouwer vindt u onder het tabblad Blokken<\/strong>, alle beschikbare blokken om in de kaart te plaatsen. U hoeft alleen maar op een blok te klikken om het in te voegen.<\/p>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-blocks-1024x576-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1225\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-blocks-1024x576-1.png\" alt=\"Kaartbouwer - Blok invoegen\" width=\"1024\" height=\"576\" \/><\/a><\/p>\n<p>Kaartbouwer - Blok invoegen<\/p>\n<p>Eenmaal ingebracht, kunt u <strong>blokken slepen en neerzetten<\/strong> en om ze te bewerken door erop te klikken.<\/p>\n<p>Om een blok te bewerken, hoeft u er alleen maar op te klikken. Bij het bewerken van een blok wordt een nieuwe pop-up geopend. U kunt vanuit deze pop-up het volgende instellen:<\/p>\n<ul>\n<li><strong>Inhoud<\/strong>: Inhoud weergegeven in blok. Zoals postvelden (titel, fragment, etc.) of aangepaste velden. U kunt de inhoud van een blok op elk moment wijzigen met behoud van de stijl en animatie.<\/li>\n<li><strong>Actie<\/strong>: Actie die plaatsvindt bij klikken. Een actie maakt het mogelijk om door te verwijzen naar een link, de lightbox te openen of een media (video \/ nummer) af te spelen.<\/li>\n<li><strong>Uiterlijk<\/strong>: Om stijlen in het blok in te stellen voor inactieve (zonder muis boven) en zweven (met muis boven) staten<\/li>\n<li><strong>Animatie<\/strong>: Om een animatie te activeren (zoals het blok met transformatie onthullen) met de muis erop. Animaties worden alleen weergegeven in de voorbeeldmodus.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-edit-block-1024x576-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1227\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-edit-block-1024x576-1.png\" alt=\"Card builder - Bewerk blok\" width=\"1024\" height=\"576\" \/><\/a><\/p>\n<p>Card builder - Bewerk blok<\/p>\n<p>U kunt het blok ook bewerken door met de rechtermuisknop op het blok te klikken. Op die manier kunt u eenvoudig blokken dupliceren of verwijderen zonder de pop-up voor het instellingenblok te openen.<\/p>\n<p>Om een laag van de kaart te bewerken, moet je een laag aanwijzen en op het tandwielpictogram klikken:<\/p>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-edit-layer-1024x576-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1228\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-edit-layer-1024x576-1.png\" alt=\"Card Builder - Bewerk een laag\" width=\"1024\" height=\"576\" \/><\/a><\/p>\n<p>Kaartbouwer - Laag bewerken<\/p>\n<p>Net als een blok kunt u actie, uiterlijk en animatie op een laag instellen.<\/p>\n<p>Er zijn twee manieren om blokken op een kaart uit te lijnen:<\/p>\n<ul>\n<li>Door blokstijlen te bewerken<\/li>\n<li>Door uitlijning in te stellen op de laag die blokken bevat<\/li>\n<\/ul>\n<div class=\"wp-block-columns has-2-columns\">\n<div class=\"wp-block-column\">\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-block-float-1024x576-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1230\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-block-float-1024x576-1.png\" alt=\"Card Builder - Stel een zwevend blok in\" width=\"1024\" height=\"576\" \/><\/a><\/p>\n<p>Card builder - Drijvend blok<\/p>\n<\/div>\n<div class=\"wp-block-column\">\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-layer-alignment-1024x576-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1231\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/04\/card-builder-layer-alignment-1024x576-1.png\" alt=\"Card Builder - Lijn blokken uit\" width=\"1024\" height=\"576\" \/><\/a><\/p>\n<p>Card builder - Blokkeert uitlijning<\/p>\n<\/div>\n<\/div>\n<p>De kaartbouwer kan aangepaste velden van uw berichten, termen of gebruikers weergeven. U kunt eenvoudig een aangepast veld weergeven door een aangepast veldblok te selecteren en uw aangepaste veldnaam in te stellen:<\/p>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_left\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-2.png\" target=\"_self\"  class=\"vc_single_image-wrapper   vc_box_border_grey rollover\" data-large_image_width=\"1024\" data-large_image_height = \"576\"     ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-2.png\" class=\"vc_single_image-img attachment-full\" alt=\"\" title=\"card-builder-color-schemes-1024x576-1\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-2.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-2-300x169.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-2-768x432.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"  data-dt-location=\"https:\/\/the7kennisbank.nl\/nl\/wp-grid-builder\/create-a-card\/attachment\/card-builder-color-schemes-1024x576-1-3\/\" \/><\/a>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\">Card builder - Aangepast veldblok<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_left\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-3.png\" target=\"_self\"  class=\"vc_single_image-wrapper   vc_box_border_grey rollover\" data-large_image_width=\"1024\" data-large_image_height = \"576\"     ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-3.png\" class=\"vc_single_image-img attachment-full\" alt=\"\" title=\"card-builder-color-schemes-1024x576-1\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-3.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-3-300x169.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/card-builder-color-schemes-1024x576-1-3-768x432.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"  data-dt-location=\"https:\/\/the7kennisbank.nl\/nl\/wp-grid-builder\/create-a-card\/attachment\/card-builder-color-schemes-1024x576-1-4\/\" \/><\/a>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\">Card builder - Aangepaste veldinstellingen<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Maak een kaart In deze gids zullen we het principe van de kaartenbouwer beschrijven om gemakkelijk kaarten te maken. De kaartbouwer biedt tal van blokken om in de kaart te plaatsen om de inhoud van uw berichten, termen of gebruikers te laten zien. Alle blokken worden op dezelfde manier afgehandeld en bieden de ...<\/p>","protected":false},"author":2,"featured_media":5008,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[44,52,43],"tags":[],"class_list":["post-4906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-documentation","category-guides","category-wp-grid-builder","category-44","category-52","category-43","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4906","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=4906"}],"version-history":[{"count":8,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4906\/revisions"}],"predecessor-version":[{"id":5219,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/posts\/4906\/revisions\/5219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media\/5008"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/media?parent=4906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/categories?post=4906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/nl\/wp-json\/wp\/v2\/tags?post=4906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}