{"id":981,"date":"2024-09-17T16:09:52","date_gmt":"2024-09-17T20:09:52","guid":{"rendered":"https:\/\/sites.smith.edu\/project-resources\/?p=981"},"modified":"2026-03-04T14:17:07","modified_gmt":"2026-03-04T19:17:07","slug":"create-interactive-images-using-h5p-image-hotspots","status":"publish","type":"post","link":"https:\/\/sites.smith.edu\/project-resources\/create-interactive-images-using-h5p-image-hotspots\/","title":{"rendered":"Create Interactive Images using H5P Image Hotspots"},"content":{"rendered":"\n<style>\n\nh3 {\n\tbackground-color: #BAEFFF;\n}\n\n<\/style\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>H5P allows you to create images with \u201chotspots\u201d \u2013 buttons that users can click to see additional information. This document will walk you through the process of navigating to H5P in the WordPress dashboard, creating an Image Hotspot content type, adding hotspots to an image, and adding your finished image to a WordPress post.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#creating\">Creating an H5P Image Hotspot<\/a><\/li>\n\n\n\n<li><a href=\"#content\">Adding Content to an Image Hotspot<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#add-background\">Adding the Background Image<\/a><\/li>\n\n\n\n<li><a href=\"#add-hotspot\">Adding the Hotspots<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"#save-content\">Saving your Image Hotspot Content<\/a><\/li>\n\n\n\n<li><a href=\"#shortcode\">Add the Shortcode to the Post<\/a><\/li>\n<\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-1\" class=\"h5p-iframe\" data-content-id=\"1\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Keyel - Biscuits and Gravy\"><\/iframe><\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating\">Creating an Image Hotspot in H5P<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the <em>Dashboard<\/em> of your WordPress site.&nbsp;<\/li>\n\n\n\n<li>From the main navigation menu on the left side, select <strong>H5P Content.<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"34\" class=\"wp-image-63\" style=\"width: 150px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-06-22_09-40-43.png\" alt=\"H5P Content link\"><\/li>\n\n\n\n<li>Select the <strong>Add New <\/strong>button.<br><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"56\" class=\"wp-image-1002\" style=\"width: 450px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-23-01.png\" alt=\"The H5P Add New button circled in red\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-23-01.png 603w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-23-01-300x37.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-23-01-400x50.png 400w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/li>\n\n\n\n<li>A new page will open and display the H5P Hub.<br><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"551\" class=\"wp-image-1003\" style=\"width: 550px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-25-35.png\" alt=\"The H5P Content hub\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-25-35.png 790w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-25-35-300x300.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-25-35-150x150.png 150w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-25-35-768x770.png 768w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-25-35-200x200.png 200w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-25-35-400x401.png 400w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/li>\n\n\n\n<li>Select <strong>Image Hotspots<\/strong> to open the <em>Image Hotspots<\/em> creator.<\/li>\n\n\n\n<li>On the <em>Add New<\/em> page, you\u2019ll add images and text to create your interactive picture. There are three main sections you\u2019ll need to fill out to create an image hotspot, a <strong>Title<\/strong>, your <strong>Background Image<\/strong>, and the <strong>Hotposts<\/strong> themselves.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"content\"><strong>Adding Content to an Image Hotspot<\/strong><\/h2>\n\n\n\n<p>When creating an image hotspot, you\u2019ll need to first choose the picture you want to annotate, and then choose where you want to add your annotations <em>before<\/em> you add the annotation information.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-background\">Adding the Background Image<\/h3>\n\n\n\n<p>In the first section of the content builder, you'll add a <strong>Title<\/strong>, your <strong>Background<\/strong> <strong>Image<\/strong> and alt text, and choose the <strong>icon<\/strong> and <strong>color<\/strong> of your hotspots.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Title<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">*<\/mark><\/strong>:\n<ul class=\"wp-block-list\">\n<li><strong>A descriptive title<\/strong> you\u2019ll be able to recognize later. This won\u2019t appear on your page, but it will appear on the list of H5P content.\n<ul class=\"wp-block-list\">\n<li>Tip: You can search the list of available content, so choose a title that will be easy to find, like your last name and a short description, e.g. \u201cSmith \u2013 NY Daily News, Jan 22 1918\u201d or \"Smith \u2013 Assignment 1 Image\"<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Background image<\/strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">*<\/mark>:&nbsp;The image you plan to annotate or add hotspots to.\n<ul class=\"wp-block-list\">\n<li><mark style=\"background-color:#f6e1a8\" class=\"has-inline-color\">NOTE: Image suffixes must be in lowercase letters, eg. .jpg not .JPG<\/mark> <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Alternative text for background image:<\/strong> Alternative text is important for screen readers and other kinds of assistive technology. Type in a short phrase that describes your image. \n<ul class=\"wp-block-list\">\n<li>You can also <a href=\"https:\/\/sites.smith.edu\/project-resources\/wordpress-accessibility\/\" data-type=\"post\" data-id=\"29\">read more about alt text.<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Hotspot Icon<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">*<\/mark><\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Predefined icon<\/strong> vs <strong>Uploaded image<\/strong> - Use <strong>Predefined icon<\/strong> to use one of the 7 included options for your annotations.<br> <img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"243\" class=\"wp-image-1050\" style=\"width: 250px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/icons.png\" alt=\"H5P Predefined icons\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/icons.png 757w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/icons-300x292.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/icons-400x389.png 400w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/>\n<ul class=\"wp-block-list\">\n<li>If you\u2019d like to upload your own icon, you can choose <strong>Uploaded image<\/strong> to upload an image of your choice. <\/li>\n\n\n\n<li>Want inspiration? Take a look at <a href=\"https:\/\/bit.ly\/freemediasources\">Free Media Sources<\/a> for places to find free to use media.<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Hotspot color <\/strong>- This option changes the color of the hotspots. It\u2019s a good idea to use a color that has a high contrast from the background image. Use a tool like <a href=\"https:\/\/color.adobe.com\/create\/color-contrast-analyzer\">Adobe Color Contrast Analyzer<\/a> to find a likely color.<br><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"451\" class=\"wp-image-999\" style=\"width: 550px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-16-15.png\" alt=\"The hotspot color dropdown with the color picker expanded\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-16-15.png 1144w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-16-15-300x246.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-16-15-1024x840.png 1024w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-16-15-768x630.png 768w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-16-15-940x771.png 940w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-16-15-400x328.png 400w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-hotspot\">Adding the Hotspots<\/h3>\n\n\n\n<p>Each hotspot is added individually. First, choose where your hotspot will appear, then add the text, image, or video you'd like to appear when the hotspot is opened.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Hotspots<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">*<\/mark><\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Hotspot position<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">*<\/mark> <\/strong>- You will see a preview of your image. Click on the location you want to annotate to choose where your hotspot will appear.<br><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"302\" class=\"wp-image-995\" style=\"width: 350px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-24-33-1.gif\" alt=\"A gif showing how to set a hotspot\"><\/li>\n\n\n\n<li>Use the magnifying glass to open a larger preview of your background image<img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"316\" class=\"wp-image-997\" style=\"width: 450px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-34-29.png\" alt=\"A screenshot of the image hotspot tool with a red arrow pointing to the magnifying glass that opens a larger version of the image\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-34-29.png 673w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-34-29-300x211.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_10-34-29-400x281.png 400w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><br><\/li>\n\n\n\n<li><mark style=\"background-color:#7bdcb5\" class=\"has-inline-color\">Optional:<\/mark> Check <strong>Cover entire background image<\/strong> if you want to have the entire image covered by your annotation when that annotation is selected. <\/li>\n\n\n\n<li><mark style=\"background-color:#7bdcb5\" class=\"has-inline-color\">Optional:<\/mark> <strong>Header<\/strong> - Enter a title or description if you\u2019d like the popup to have a title.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Popup content<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">*<\/mark><\/strong>\n<ol class=\"wp-block-list\">\n<li><strong>Content Item - <\/strong>Choose from<strong> Text, Video, Image<\/strong>.<\/li>\n\n\n\n<li>Add the text, image, or video content into the new fields. <\/li>\n\n\n\n<li>To add more than one content item, for example, text and an image, choose <strong>Add item<\/strong>.<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>When you have added the content for your first hotspot, choose <strong>Add Hotspot<\/strong><em>.<\/em><\/li>\n\n\n\n<li>To add more hotspots, select the&nbsp;<strong>Add Hotspot<\/strong> button at the bottom of the page to add a new hotspot. Add your new hotspot information and repeat as needed.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"save-content\">Saving your Image Hotspot Content <\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>When you have&nbsp; finished creating hotspots, at the top-right side of the page in the Actions block, select <strong>Create<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"429\" class=\"wp-image-1010\" style=\"width: 850px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52.png\" alt=\"The create button circled in red\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52.png 1828w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52-300x151.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52-1024x516.png 1024w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52-768x387.png 768w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52-1536x775.png 1536w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52-940x474.png 940w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-16_11-19-52-400x202.png 400w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/li>\n\n\n\n<li>The page will refresh showing the Image Hotspot final result on the left, and a Shortcode block will replace the Actions block on the right.<br><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"421\" class=\"wp-image-1011\" style=\"width: 850px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38.png\" alt=\"The short code block circled in red\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38.png 1806w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38-300x149.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38-1024x507.png 1024w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38-768x381.png 768w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38-1536x761.png 1536w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38-940x466.png 940w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/09\/2024-09-17_13-10-38-400x198.png 400w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><br><\/li>\n<\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"shortcode\"><strong>Add the Shortcode to the Post <\/strong><\/h2>\n\n\n\n<p>The last step is to add the article to your WordPress post.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Copy the short code displayed in the block in the top corner of your new iframe<br><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"226\" class=\"wp-image-64\" style=\"width: 350px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-06-22_09-41-23.png\" alt=\"H5P Shortcode window\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-06-22_09-41-23.png 425w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-06-22_09-41-23-300x194.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-06-22_09-41-23-400x259.png 400w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/li>\n\n\n\n<li>Navigate to the post or page where you would like to embed your article.<\/li>\n\n\n\n<li>In the Block editor workspace, add a new paragraph block wherever you'd like the Image hotspot to appear on your page.<\/li>\n\n\n\n<li>Paste the shortcode into the new paragraph block.<\/li>\n\n\n\n<li>To preview your new article, select <strong>the laptop icon<\/strong> from the top navigation bar, then select Preview in new tab.<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"237\" class=\"wp-image-65\" style=\"width: 400px;\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-11-27_10-31-19.png\" alt=\"Preview in a new tab\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-11-27_10-31-19.png 449w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-11-27_10-31-19-300x178.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/02\/2023-11-27_10-31-19-400x237.png 400w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/li>\n\n\n\n<li>When you are finished adding content, choose <strong>Save draft<\/strong> or <strong>Publish <\/strong>to save your work.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:90px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>h3 { background-color: #BAEFFF; }<\/p>\n","protected":false},"author":5691,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,26,34],"tags":[15,14,16,8],"class_list":["post-981","post","type-post","status-publish","format-standard","hentry","category-class-instructions","category-h5p","category-tools","tag-ant347","tag-h5p","tag-hotspot","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/users\/5691"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/comments?post=981"}],"version-history":[{"count":33,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/981\/revisions"}],"predecessor-version":[{"id":1058,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/posts\/981\/revisions\/1058"}],"wp:attachment":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/media?parent=981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/categories?post=981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/tags?post=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}