{"id":272,"date":"2024-01-17T17:22:44","date_gmt":"2024-01-17T22:22:44","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/pbtips\/?post_type=chapter&#038;p=272"},"modified":"2024-01-29T13:24:46","modified_gmt":"2024-01-29T18:24:46","slug":"multimedia-podcast","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/pbtips\/chapter\/multimedia-podcast\/","title":{"raw":"Adding Media to the Glossary","rendered":"Adding Media to the Glossary"},"content":{"raw":"Pressbooks allows you to create and display [pb_glossary id=\"223\"]glossary[\/pb_glossary] terms throughout your book content and to display an automatically generated alphabetized list of all selected glossary terms in your book.\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Resourcces<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nTo learn how to use the glossary functionality in Pressbooks, review the following guides:\r\n<ul>\r\n \t<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/create-and-display-glossary-terms\/\">Pressbooks User Guide - Create and Display Glossary Terms<\/a><\/li>\r\n \t<li><a href=\"https:\/\/pressbooks.library.ryerson.ca\/h5pbook\/chapter\/glossaries-in-pressbooks\/\">Adding Interactivity to Pressbooks: Glossaries in Pressbooks<\/a><\/li>\r\n \t<li><a href=\"https:\/\/opentextbc.ca\/pressbooks\/chapter\/glossary-terms\/\">BCcampus Pressbooks Video Tutorial: Glossary Terms<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div style=\"font-weight: 400\">\r\n<h2>Issue<\/h2>\r\nThe glossary functionality in Pressbooks allows for the automatic generation of a Glossary at the end of the book; however, the glossary list is limited to textual content only. Images, audio, and video are not compatible with the glossary functionality. This has some limits for users who wish to provide audio-visual descriptions of glossary terms For example, language learning texts may want to include an audio file of the pronunciation of a glossary term.\r\n<h2>Solution<\/h2>\r\nA solution to develop a glossary with media files is to manually develop the glossary using anchor links and the Media Library.\r\n\r\n&nbsp;\r\n<div class=\"textbox textbox--examples\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Example - Let's Read French<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\n<a href=\"https:\/\/globalstorybooks.net\/\"><img class=\" wp-image-963 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Lets-Read-French-Books-Cover-350x544-1-193x300.jpg\" alt=\"\" width=\"193\" height=\"300\" \/><\/a>\r\n\r\nSomayeh Kamranian, a sessional instructor of the French language arts in the Department of French, Hispanic and Italian Studies at British Columbia University, developed the <em>Let's Read French Books <\/em>reader.\u00a0 The book\u00a0aims to make reading literary books easier for students by creating an open textbook reader using Public Domain 19th-century French literature.\r\n\r\nThe text uses the glossary to provide students with the definition of the term and pronunciation using audio files.\r\n\r\nTo experience the multimedia glossary in action, go to the <em>L<\/em><em>et's Read French Books\u00a0<\/em>example - <a href=\"https:\/\/pressbooks.bccampus.ca\/letsreadfrenchbooks\/\">https:\/\/pressbooks.bccampus.ca\/letsreadfrenchbooks\/<\/a>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n\r\nThe process below is working with audio files.\r\n<h1>Step 1 - Upload Files to the Media Library<\/h1>\r\n<ol>\r\n \t<li>Go to the <strong>Dashboard<\/strong>, select <strong>Media<\/strong> from the menu, and <strong>Add New<\/strong>.<\/li>\r\n \t<li>Drag and drop all the files you will be using for your glossary or use the upload button.<\/li>\r\n \t<li>Select the <strong>Edit Media link<\/strong> to rename the image if needed and add attribution details including licensing.<\/li>\r\n<\/ol>\r\n<h1>Step 2 - Create a Glossary Page<\/h1>\r\n<ol>\r\n \t<li>Go to the <strong>Dashboard<\/strong> Menu, select <strong>Add Part<\/strong> from the <strong>Organize<\/strong> menu, and\u00a0Title the part Glossary<\/li>\r\n \t<li>Add the glossary term to the page. Consider putting the term under an H1 accordion heading to limit the issue of long page scrolling, To turn an H1 heading into an accordion, review the Web Options section of the <a href=\"https:\/\/guide.pressbooks.com\/chapter\/appearance\/\">Appearance guide.<\/a><\/li>\r\n \t<li>Place your cursor next to the glossary term.<\/li>\r\n \t<li>Create an <strong>Anchor<\/strong> link by selecting the ribbon image on the menu. Name the anchor the same as the glossary term without spaces.<\/li>\r\n \t<li>Add the textual glossary definition and audio file underneath the term using the <strong>Add Media<\/strong> button.<\/li>\r\n \t<li><strong>Save<\/strong><\/li>\r\n<\/ol>\r\n<img class=\"aligncenter wp-image-150 size-large\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-1024x463.png\" alt=\"\" width=\"1024\" height=\"463\" \/>\r\n\r\n<\/div>\r\n<div>\r\n<h1>Step 3 - Add Glossary Term to Text<\/h1>\r\n<ol>\r\n \t<li>Highlight the glossary term where you want it to appear in the text and select the <strong>GL<\/strong> function.<\/li>\r\n \t<li>Add the definition of the term in the <strong>Glossary Terms<\/strong> box that appears<\/li>\r\n \t<li>Some code will appear on the page once you have done this. Leave the code as is.<\/li>\r\n \t<li><strong>Save<\/strong><\/li>\r\n<\/ol>\r\n<img class=\"wp-image-162 aligncenter\" style=\"margin-bottom: 4.44444em\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL.png\" alt=\"\" width=\"621\" height=\"411\" \/>\r\n<h1>Step 4 - Edit the Glossary Term<\/h1>\r\n<ol>\r\n \t<li>Go to the <strong>Dashboard<\/strong>, and select <strong>Glossary Terms<\/strong> under the <strong>Organize<\/strong> menu<\/li>\r\n \t<li>Highlight the term and click the <strong>Insert\/Edit Link<\/strong> button<\/li>\r\n \t<li>Add the full URL of the glossary chapter, followed by \/#anchorname (the anchor name you created), or scroll through the list to find the anchor link.<\/li>\r\n \t<li><strong>Save<\/strong><\/li>\r\n<\/ol>\r\n<img class=\"aligncenter wp-image-161 \" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/editGL.png\" alt=\"\" width=\"454\" height=\"549\" \/>\r\n\r\n<\/div>","rendered":"<p>Pressbooks allows you to create and display <a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_272_223\">glossary<\/a> terms throughout your book content and to display an automatically generated alphabetized list of all selected glossary terms in your book.<\/p>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Resourcces<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>To learn how to use the glossary functionality in Pressbooks, review the following guides:<\/p>\n<ul>\n<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/create-and-display-glossary-terms\/\">Pressbooks User Guide &#8211; Create and Display Glossary Terms<\/a><\/li>\n<li><a href=\"https:\/\/pressbooks.library.ryerson.ca\/h5pbook\/chapter\/glossaries-in-pressbooks\/\">Adding Interactivity to Pressbooks: Glossaries in Pressbooks<\/a><\/li>\n<li><a href=\"https:\/\/opentextbc.ca\/pressbooks\/chapter\/glossary-terms\/\">BCcampus Pressbooks Video Tutorial: Glossary Terms<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div style=\"font-weight: 400\">\n<h2>Issue<\/h2>\n<p>The glossary functionality in Pressbooks allows for the automatic generation of a Glossary at the end of the book; however, the glossary list is limited to textual content only. Images, audio, and video are not compatible with the glossary functionality. This has some limits for users who wish to provide audio-visual descriptions of glossary terms For example, language learning texts may want to include an audio file of the pronunciation of a glossary term.<\/p>\n<h2>Solution<\/h2>\n<p>A solution to develop a glossary with media files is to manually develop the glossary using anchor links and the Media Library.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"textbox textbox--examples\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Example &#8211; Let&#8217;s Read French<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p><a href=\"https:\/\/globalstorybooks.net\/\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-963 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Lets-Read-French-Books-Cover-350x544-1-193x300.jpg\" alt=\"\" width=\"193\" height=\"300\" \/><\/a><\/p>\n<p>Somayeh Kamranian, a sessional instructor of the French language arts in the Department of French, Hispanic and Italian Studies at British Columbia University, developed the <em>Let&#8217;s Read French Books <\/em>reader.\u00a0 The book\u00a0aims to make reading literary books easier for students by creating an open textbook reader using Public Domain 19th-century French literature.<\/p>\n<p>The text uses the glossary to provide students with the definition of the term and pronunciation using audio files.<\/p>\n<p>To experience the multimedia glossary in action, go to the <em>L<\/em><em>et&#8217;s Read French Books\u00a0<\/em>example &#8211; <a href=\"https:\/\/pressbooks.bccampus.ca\/letsreadfrenchbooks\/\">https:\/\/pressbooks.bccampus.ca\/letsreadfrenchbooks\/<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<p>The process below is working with audio files.<\/p>\n<h1>Step 1 &#8211; Upload Files to the Media Library<\/h1>\n<ol>\n<li>Go to the <strong>Dashboard<\/strong>, select <strong>Media<\/strong> from the menu, and <strong>Add New<\/strong>.<\/li>\n<li>Drag and drop all the files you will be using for your glossary or use the upload button.<\/li>\n<li>Select the <strong>Edit Media link<\/strong> to rename the image if needed and add attribution details including licensing.<\/li>\n<\/ol>\n<h1>Step 2 &#8211; Create a Glossary Page<\/h1>\n<ol>\n<li>Go to the <strong>Dashboard<\/strong> Menu, select <strong>Add Part<\/strong> from the <strong>Organize<\/strong> menu, and\u00a0Title the part Glossary<\/li>\n<li>Add the glossary term to the page. Consider putting the term under an H1 accordion heading to limit the issue of long page scrolling, To turn an H1 heading into an accordion, review the Web Options section of the <a href=\"https:\/\/guide.pressbooks.com\/chapter\/appearance\/\">Appearance guide.<\/a><\/li>\n<li>Place your cursor next to the glossary term.<\/li>\n<li>Create an <strong>Anchor<\/strong> link by selecting the ribbon image on the menu. Name the anchor the same as the glossary term without spaces.<\/li>\n<li>Add the textual glossary definition and audio file underneath the term using the <strong>Add Media<\/strong> button.<\/li>\n<li><strong>Save<\/strong><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-150 size-large\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-1024x463.png\" alt=\"\" width=\"1024\" height=\"463\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-1024x463.png 1024w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-300x136.png 300w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-768x347.png 768w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-65x29.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-225x102.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle-350x158.png 350w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/Sensorielle.png 1445w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<\/div>\n<div>\n<h1>Step 3 &#8211; Add Glossary Term to Text<\/h1>\n<ol>\n<li>Highlight the glossary term where you want it to appear in the text and select the <strong>GL<\/strong> function.<\/li>\n<li>Add the definition of the term in the <strong>Glossary Terms<\/strong> box that appears<\/li>\n<li>Some code will appear on the page once you have done this. Leave the code as is.<\/li>\n<li><strong>Save<\/strong><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-162 aligncenter\" style=\"margin-bottom: 4.44444em\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL.png\" alt=\"\" width=\"621\" height=\"411\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL.png 799w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL-300x199.png 300w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL-768x508.png 768w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL-65x43.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL-225x149.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/GL-350x232.png 350w\" sizes=\"auto, (max-width: 621px) 100vw, 621px\" \/><\/p>\n<h1>Step 4 &#8211; Edit the Glossary Term<\/h1>\n<ol>\n<li>Go to the <strong>Dashboard<\/strong>, and select <strong>Glossary Terms<\/strong> under the <strong>Organize<\/strong> menu<\/li>\n<li>Highlight the term and click the <strong>Insert\/Edit Link<\/strong> button<\/li>\n<li>Add the full URL of the glossary chapter, followed by \/#anchorname (the anchor name you created), or scroll through the list to find the anchor link.<\/li>\n<li><strong>Save<\/strong><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-161\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/editGL.png\" alt=\"\" width=\"454\" height=\"549\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/editGL.png 581w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/editGL-248x300.png 248w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/editGL-65x79.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/editGL-225x272.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2020\/06\/editGL-350x423.png 350w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" \/><\/p>\n<\/div>\n<div class=\"glossary\"><span class=\"screen-reader-text\" id=\"definition\">definition<\/span><template id=\"term_272_223\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_272_223\"><div tabindex=\"-1\"><p>A glossary is an alphabetical list of terms in a particular domain of knowledge with the definitions for those terms. (<a href=\"https:\/\/en.wikipedia.org\/wiki\/Glossary\">Wikipedia<\/a>, CC BY SA 4.0)<\/p>\n<\/div><button><span aria-hidden=\"true\">&times;<\/span><span class=\"screen-reader-text\">Close definition<\/span><\/button><\/div><\/template><\/div>","protected":false},"author":1076,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-272","chapter","type-chapter","status-publish","hentry"],"part":270,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/users\/1076"}],"version-history":[{"count":4,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/272\/revisions"}],"predecessor-version":[{"id":311,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/272\/revisions\/311"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/parts\/270"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/272\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapter-type?post=272"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/contributor?post=272"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/license?post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}