{"id":249,"date":"2024-05-16T12:11:21","date_gmt":"2024-05-16T19:11:21","guid":{"rendered":"https:\/\/blogs.ubc.ca\/h5pflo\/?page_id=249"},"modified":"2024-05-16T15:27:15","modified_gmt":"2024-05-16T22:27:15","slug":"dialog-card","status":"publish","type":"page","link":"https:\/\/blogs.ubc.ca\/h5pflo\/dialog-card\/","title":{"rendered":"Dialog Card"},"content":{"rendered":"\n<p>In this demonstration, we will walk through the creation of a Dialog Card content type. This is how it will appear:<\/p>\n\n\n\n<p><iframe loading=\"lazy\" src=\"https:\/\/h5p.open.ubc.ca\/wp-admin\/admin-ajax.php?action=h5p_embed&#038;id=3423\" width=\"744\" height=\"669\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" title=\"TLEF - Dialog Cards\"><\/iframe><script src=\"https:\/\/h5p.open.ubc.ca\/wp-content\/plugins\/h5p\/h5p-php-library\/js\/h5p-resizer.js\" charset=\"UTF-8\"><\/script><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Title, Heading, Task Description<\/h3>\n\n\n\n<p>Title (consider a naming convention, this will only be used for searching and copyright): <strong>TLEF &#8211; Dialog Card<\/strong><\/p>\n\n\n\n<p>Metadata: Consider the copyright of your content type and license. Consider the changelog and comments area as a way to track changes<\/p>\n\n\n\n<p>Heading: <strong>Learn Spanish berry names<\/strong><\/p>\n\n\n\n<p>Task Description: <strong>Berry names are presented in Spanish. You can turn the cards to see the correct English translations.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add Dialog<\/h3>\n\n\n\n<p>Text*: <strong>Ar\u00e1ndanos azules<\/strong><\/p>\n\n\n\n<p>Answer*: <strong>Blueberries<\/strong><\/p>\n\n\n\n<p>Image: <em>Right-click, save as<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"240\" src=\"http:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-568b7660dc188.jpg\" alt=\"\" class=\"wp-image-254\" srcset=\"https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-568b7660dc188.jpg 480w, https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-568b7660dc188-300x150.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<p>Edit Copyright: Title &#8211; Blueberries; Author: Rosa-Maria Rinkl; Source: <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Gepfl%C3%BCckte_Wald-Heidelbeeren.JPG\">https:\/\/commons.wikimedia.org\/wiki\/File:Gepfl%C3%BCckte_Wald-Heidelbeeren.JPG<\/a>; Licencese: CC-SA 4.0<\/p>\n\n\n\n<p>Alternative Text: Blueberries<\/p>\n\n\n\n<p>Audio File: <em>Click on the 3 Ellipses next to the file and download the audio clip.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"http:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/audio-5694acdfdeadc.mp3\"><\/audio><\/figure>\n\n\n\n<p>Consider: Tip text, Behavioural Settings, Text Overrides<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Add Dialog<\/h3>\n\n\n\n<p>Text*: <strong>Frambuesas<\/strong><\/p>\n\n\n\n<p>Answer*: <strong>Raspberries<\/strong><\/p>\n\n\n\n<p>Image: <em>Right-click, save as<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"240\" src=\"http:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-568b73cbd217e.jpg\" alt=\"\" class=\"wp-image-252\" srcset=\"https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-568b73cbd217e.jpg 480w, https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-568b73cbd217e-300x150.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<p>Edit Copyright: Title: Raspberries; Author: www.bluewaikiki.com; Source: <a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Summer_raspberries,_2008.jpg\">https:\/\/commons.wikimedia.org\/wiki\/File:Summer_raspberries,_2008.jpg<\/a>; Licencese: CC-SA 4.0<\/p>\n\n\n\n<p>Alternative Text: Red Berries<\/p>\n\n\n\n<p>Audio File: <em>Click on the 3 Ellipses next to the file and download the audio clip.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"http:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/audio-568b70e381d48.mp3\"><\/audio><\/figure>\n\n\n\n<p>Consider: Tip text, Behavioural Settings, Text Overrides<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Add more Dialog Cards<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Set Display Options<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"305\" height=\"189\" src=\"https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-1.png\" alt=\"\" class=\"wp-image-267\" style=\"width:305px;height:auto\" srcset=\"https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-1.png 305w, https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-1-300x186.png 300w\" sizes=\"auto, (max-width: 305px) 100vw, 305px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"883\" height=\"662\" src=\"https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-3.png\" alt=\"\" class=\"wp-image-269\" srcset=\"https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-3.png 883w, https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-3-300x225.png 300w, https:\/\/blogs.ubc.ca\/h5pflo\/files\/2024\/05\/image-3-768x576.png 768w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this demonstration, we will walk through the creation of a Dialog Card content type. This is how it will appear: Step 1: Title, Heading, Task Description Title (consider a naming convention, this will only be used for searching and copyright): TLEF &#8211; Dialog Card Metadata: Consider the copyright of your content type and license. [&hellip;]<\/p>\n","protected":false},"author":12724,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/users\/12724"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/comments?post=249"}],"version-history":[{"count":8,"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/pages\/249\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/blogs.ubc.ca\/h5pflo\/wp-json\/wp\/v2\/media?parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}