{"id":76,"date":"2020-08-04T15:40:40","date_gmt":"2020-08-04T13:40:40","guid":{"rendered":"https:\/\/hoyre.no\/dokumentasjon\/?post_type=teft-wiki&p=76"},"modified":"2020-08-04T16:13:49","modified_gmt":"2020-08-04T14:13:49","slug":"cards","status":"publish","type":"teft-wiki","link":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/","title":{"rendered":"Cards"},"content":{"rendered":"\n

This block is used to create navigation points to different articles and pages on hoyre.no. Use this block if you have multiple relevant content objects to defer the user to. If you would prefer the user to navigate to a specific page the banner block might be more suitable.<\/p>\n\n\n\n

The cards block lets you either manually select existing post objects (articles, pages, events and so on) or list them automatically based on parameters such as post type or category.<\/p>\n\n\n\n

The content of a card can be edited in the sidebar of the targeted post. Posts without a card image will default to a blue background with the first letter of the title.<\/p>\n\n\n\n

Options<\/h2>\n\n\n\n

There are three kinds of card blocks.<\/p>\n\n\n\n

Card grid<\/h3>\n\n\n\n

This lets you manually select what cards\/links to display, reorder them and manually resize either individual cards or the entire grid.<\/p>\n\n\n\n

Dynamic grid<\/h3>\n\n\n\n

This lets you select one or more parameter to filter out a automatic card listing. you can control how many cards will be shown, from where and if it should be possible to «load more» cards.<\/p>\n\n\n\n

Hand picked card<\/h3>\n\n\n\n

This lets you select a single card to add as a block, it can be usefull when adding a card in the context of a text in an article<\/p>\n\n\n\n

Styles<\/h2>\n\n\n\n

All card blocks can either be default or list style, you can see the difference bellow. They can also be set to either full width, wide width or content width.<\/p>\n\n\n\n

This is a card grid<\/h2>\n\n\n\n

The cards have been selected manually<\/p>\n\n\n\n

\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Numbers <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Dialog <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Quote <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div><\/div>\n\n\n\n

The cards can also be resized<\/p>\n\n\n\n

\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Accordion <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Image <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Redirects <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div><\/div>\n\n\n\n

This is a dynamic grid<\/h2>\n\n\n\n

Automaticlly lists cards by a specific filter, here it’s set to display 6 wiki posts from category «blocks»<\/p>\n\n\n

No posts found<\/div><\/div><\/div>\n\n\n

This is a handpicked card<\/h2>\n\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Redirects <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n\n

«List» style<\/h2>\n\n\n\n

You can also change the card block style to look more like a list. This is done by selecting «List» or «List with thumbnails» from the styles options. Here it is without images and in a 50% grid<\/p>\n\n\n\n

\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Cards <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Redirects <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Accordion <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Steps <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div><\/div>\n\n\n\n

And here with images in a 33% grid<\/p>\n\n\n\n

\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Cards <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Redirects <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Image <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Accordion <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Steps <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div>\n\n
\n\t
\n\t\t\n\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t

Download link <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/a>\n\t<\/div>\n\n\t<\/div><\/div>\n","protected":false},"parent":0,"menu_order":0,"template":"","meta":{"teft_cards_image_url":"","teft_cards_custom_pretitle":"","teft_cards_image_id":0,"teft_cards_image_focal_point_x":0,"teft_cards_image_focal_point_y":0,"teft_cards_title":"","teft_cards_excerpt":"","teft_show_chapters":false,"footnotes":""},"teft-wiki-topic":[2],"teft-wiki-audience":[],"class_list":["post-76","teft-wiki","type-teft-wiki","status-publish","hentry","teft-wiki-topic-block"],"yoast_head":"\nCards - Dokumentasjon<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"nb_NO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cards - Dokumentasjon\" \/>\n<meta property=\"og:description\" content=\"This block is used to create navigation points to different articles and pages on hoyre.no. Use this block if you […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/\" \/>\n<meta property=\"og:site_name\" content=\"Dokumentasjon\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-04T14:13:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ansl. lesetid\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/\",\"url\":\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/\",\"name\":\"Cards - Dokumentasjon\",\"isPartOf\":{\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/#website\"},\"datePublished\":\"2020-08-04T13:40:40+00:00\",\"dateModified\":\"2020-08-04T14:13:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/#breadcrumb\"},\"inLanguage\":\"nb-NO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Til hoyre.no\",\"item\":\"https:\/\/hoyre.no\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\",\"item\":\"https:\/\/hoyre.no\/dokumentasjon\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Blocks\",\"item\":\"https:\/\/hoyre.no\/dokumentasjon\/wiki-topic\/block\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Cards\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/#website\",\"url\":\"https:\/\/hoyre.no\/dokumentasjon\/\",\"name\":\"Dokumentasjon\",\"description\":\"Bare enda et H\u00f8yres nettsteder-nettsted\",\"publisher\":{\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/#organization\"},\"inLanguage\":\"nb-NO\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/#organization\",\"name\":\"Dokumentasjon\",\"url\":\"https:\/\/hoyre.no\/dokumentasjon\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg\",\"contentUrl\":\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg\",\"width\":821,\"height\":216,\"caption\":\"Dokumentasjon\"},\"image\":{\"@id\":\"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cards - Dokumentasjon","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"nb_NO","og_type":"article","og_title":"Cards - Dokumentasjon","og_description":"This block is used to create navigation points to different articles and pages on hoyre.no. Use this block if you […]","og_url":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/","og_site_name":"Dokumentasjon","article_modified_time":"2020-08-04T14:13:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Ansl. lesetid":"2 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/","url":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/","name":"Cards - Dokumentasjon","isPartOf":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#website"},"datePublished":"2020-08-04T13:40:40+00:00","dateModified":"2020-08-04T14:13:49+00:00","breadcrumb":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/#breadcrumb"},"inLanguage":"nb-NO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/cards\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Til hoyre.no","item":"https:\/\/hoyre.no"},{"@type":"ListItem","position":2,"name":"Home","item":"https:\/\/hoyre.no\/dokumentasjon\/"},{"@type":"ListItem","position":3,"name":"Blocks","item":"https:\/\/hoyre.no\/dokumentasjon\/wiki-topic\/block\/"},{"@type":"ListItem","position":4,"name":"Cards"}]},{"@type":"WebSite","@id":"https:\/\/hoyre.no\/dokumentasjon\/#website","url":"https:\/\/hoyre.no\/dokumentasjon\/","name":"Dokumentasjon","description":"Bare enda et H\u00f8yres nettsteder-nettsted","publisher":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#organization"},"inLanguage":"nb-NO"},{"@type":"Organization","@id":"https:\/\/hoyre.no\/dokumentasjon\/#organization","name":"Dokumentasjon","url":"https:\/\/hoyre.no\/dokumentasjon\/","logo":{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/","url":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg","contentUrl":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg","width":821,"height":216,"caption":"Dokumentasjon"},"image":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/"}}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Dokumentasjon","distributor_original_site_url":"https:\/\/hoyre.no\/dokumentasjon","push-errors":false,"_links":{"self":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki"}],"about":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/types\/teft-wiki"}],"version-history":[{"count":7,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/76\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/76\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"teft-wiki-topic","embeddable":true,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki-topic?post=76"},{"taxonomy":"teft-wiki-audience","embeddable":true,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki-audience?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}