{"id":8761,"date":"2024-09-17T14:03:21","date_gmt":"2024-09-17T14:03:21","guid":{"rendered":"https:\/\/maestrolearning.com\/?p=8761"},"modified":"2024-10-02T00:29:44","modified_gmt":"2024-10-02T00:29:44","slug":"how-to-make-custom-image-slider-in-articulate-rise","status":"publish","type":"post","link":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/","title":{"rendered":"How to Make a Custom Image Slider in Articulate Rise"},"content":{"rendered":"<p>Adding a custom image slider to your Rise course is a fantastic way to make your eLearning course pop. More than just elevating your aesthetic, a customized interactable is a great way to grab your audience\u2019s attention (and, also, maybe show off some pictures of your cats). Historically, users have had to build their sliders in Storyline from the ground up before adding them manually. Since this can be both intimidating and time consuming, here\u2019s some good news: there\u2019s a Chrome extension that makes adding an interactive carousel easy (and less cumbersome) for everyone.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-8762\" src=\"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/In-post-image-1-How-to-Make-a-Custom-Image-Slider-in-Articulate-Rise-.gif\" alt=\"\" width=\"1801\" height=\"1000\" \/><\/p><p><span style=\"font-weight: 400;\">Say hello to <\/span><a href=\"https:\/\/maestrolearning.com\/mighty\/\"><span style=\"font-weight: 400;\">Mighty<\/span><\/a><span style=\"font-weight: 400;\">. Developed in-house by Maestro, Mighty is a Chrome extension that supercharges the already powerful tools of Articulate Rise and allows for even more customization. Give yourself maximum creativity over your courses: from extended font control like adjusting your text size or line height and custom transitions with no Photoshop or Illustrator required, to a reflection block complete with hint text and PDF download options, to a lightning-fast color picker and, not-so-incidentally, adding a custom image slider.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With a custom image carousel in Rise, you not only have more control and flexibility over image placement and structure but also can create a more interactive and visually engaging course design. Using Mighty\u2019s interactive HTML block, you can make a custom image slider in Rise in just a few easy steps. Best of all, you don\u2019t even need to be a developer to finetune the digital DNA of your course.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In any particular section of your Rise course, you can choose to add an image carousel. You could use a Storyline block, but do you really want to open yet another tool to make one? Why not make things easier for yourself? Let\u2019s walk through it, step by step.<\/span><\/p><p><iframe title=\"How to Make a Custom Image Slider in Articulate Rise\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/qvMEtKLb3pY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2><span style=\"font-weight: 400;\">How to make a custom image slider in Articulate Rise<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">First things first: head over to Google.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Search up custom carousel sliders. One of the tools we like is called <\/span><a href=\"https:\/\/codepen.io\/John-Pinkster\/pen\/QWPRdbY\"><span style=\"font-weight: 400;\">CodePen<\/span><\/a><span style=\"font-weight: 400;\">\u2014it\u2019s a site for developers to upload custom HTML, JavaScript, and CSS to show off their work. It\u2019s free, open source, and an absolutely wonderful resource for finding community assets you can use in your courses.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once you&#8217;ve poked around in CodePen and found a responsive slideshow that matches your course&#8217;s needs and aesthetics, follow these steps to add it to your course using Mighty.<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">1)<\/span><\/i> <i><span style=\"font-weight: 400;\">Sign up for a Mighty account\u00a0<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Before anything else, sign up for a free 30-day trial with Mighty. There\u2019s no credit card required and you\u2019ll be on your way in no time.<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">2)<\/span><\/i> <i><span style=\"font-weight: 400;\">Export and unzip<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Export the carousel as a zip file to your preferred location, drag it to your desktop,\u00a0 then select the new file and hit \u201cunzip\u201d from the menu.<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">3)<\/span><\/i> <i><span style=\"font-weight: 400;\">Compress<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Check it out locally. Open up the dist folder, select index.html\u2014check to see how awesome it is\u2014then select the files (including the index.html, ensuring that it is at the root level), and compress them.<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">4)<\/span><\/i> <i><span style=\"font-weight: 400;\">Back to Rise to swap it out and upload<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Move back to Rise. Open up Mighty\u2019s interactive HTML block and upload your custom image carousel located in your dist folder. This will upload your carousel inside of Rise.<\/span><\/p>\n<p><span style=\"font-weight: 500;\"><div class='related-insight'><a href='https:\/\/maestrolearning.com\/blogs\/remove-start-button-in-rise\/'><h5>Related<\/h5><p>How to Remove the \u201cStart Course\u201d Button in Articulate Rise<\/p><svg width='38' height='34' viewBox='0 0 38 34' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M20.805 0l-.984 1.038 15.423 15.248H0v1.428h35.244L19.821 32.962 20.805 34 38 17z' fill='#BA774A' fill-rule='evenodd'><\/path><\/svg><\/a><\/div><\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">5)<\/span><\/i> <i><span style=\"font-weight: 400;\">Clean it up\u00a0<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Remove borders, match to height, make it beautiful. This is also a great opportunity to make any cosmetic adjustments you may want, such as changing the background or font color. If this feels new, easy, and intuitive, it\u2019s because these are just a few of the features available through Mighty.\u00a0<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">6)<\/span><\/i> <i><span style=\"font-weight: 400;\">Make it yours<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Once your customized carousel is placed where you want it, it\u2019s time to replace the stock photos with your own. Open up the dist folder into a (free) code editor such as <\/span><a href=\"https:\/\/code.visualstudio.com\/\"><span style=\"font-weight: 400;\">VS Code<\/span><\/a><span style=\"font-weight: 400;\">. Once you locate the images within the code, you can swap them out. You may find that the pre-existing images are being remotely hosted\u2014if you already have your images hosted, awesome: just update the image URLs with your own. If, however, your images are local, simply drag and drop your files into VS code.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-8764 size-full\" src=\"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/In-post-image-2-BIGHow-to-Make-a-Custom-Image-Slider-in-Articulate-Rise-.gif\" alt=\"\" width=\"1801\" height=\"766\" \/><\/p>\n<h3><i><span style=\"font-weight: 400;\">7) <\/span><\/i> <i><span style=\"font-weight: 400;\">Make an images folder<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">To make things easier, organize your images into a folder and give them each a unique name (even something as simple as I<\/span><i><span style=\"font-weight: 400;\">mage 1<\/span><\/i><span style=\"font-weight: 400;\">, <\/span><i><span style=\"font-weight: 400;\">Image 2<\/span><\/i><span style=\"font-weight: 400;\">, and<\/span><i><span style=\"font-weight: 400;\"> Image 3)<\/span><\/i><span style=\"font-weight: 400;\">. This can help set you up for success down the line if you want to replace them\u2014you\u2019ll only have to swap out the custom slider image files and won\u2019t have to fuss with the HTML.<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">8)<\/span><\/i> <i><span style=\"font-weight: 400;\">Swap out the images<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">In the HTML itself, locate the pre-loaded carousel image files in the code, then start swapping in your own files. For example, images\/image1.png; for the next image, images\/image2.png; and so on. If there are additional spaces for images, don\u2019t worry, just delete the article. You can go ahead and clean up whatever other labels you aren\u2019t using as well. Save it, then move on to the next step.<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">9)<\/span><\/i> <i><span style=\"font-weight: 400;\">Fine-tune your Rise image carousel<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Almost done. Open your slideshow to see how it looks. If you want to fine-tune anything, hop back into the code editor to add text or style the images as you see fit (there\u2019s that new, easy, and intuitive feeling again). If it looks good, then it\u2019s time to re-upload back into Rise using Mighty. Highlight all of your files, right-click, and choose compress.<\/span><\/p>\n<h3><i><span style=\"font-weight: 400;\">10)<\/span><\/i> <i><span style=\"font-weight: 400;\">Replace\u00a0<\/span><\/i><\/h3>\n<p><span style=\"font-weight: 400;\">Go back to your course, open Mighty\u2019s interactive HTML block, and select Replace File. Select your fancy new compressed zip file, let it upload, then voila: you\u2019ve successfully added a new interactive to your Rise course!<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Adding a custom image slider to your Rise course is a fantastic way to make your eLearning course pop. More than just elevating your aesthetic, a customized interactable is a great way to grab your audience\u2019s attention (and, also, maybe show off some pictures of your cats). Historically, users have had to build their sliders [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":8763,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3895,3869,3896],"tags":[],"role":[3891,3893],"class_list":["post-8761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learning-technologies","category-learning-experience-design","category-virtual-learning","role-instructional-designer","role-visual-designer"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Make a Custom Image Slider Carousel in Articulate Rise<\/title>\n<meta name=\"description\" content=\"With a step-by-step explanation, here\u2019s all the information you need to know to make a custom image slider in Articulate Rise.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make a Custom Image Slider Carousel in Articulate Rise\" \/>\n<meta property=\"og:description\" content=\"With a step-by-step explanation, here\u2019s all the information you need to know to make a custom image slider in Articulate Rise.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/\" \/>\n<meta property=\"og:site_name\" content=\"Maestro\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MeetMaestro\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-17T14:03:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-02T00:29:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/Blog-Website-2-1024x576.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steven Scales\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TeamMaestro\" \/>\n<meta name=\"twitter:site\" content=\"@TeamMaestro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steven Scales\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/\"},\"author\":{\"name\":\"Steven Scales\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/653d4eea408733cba2e74c444722a84c\"},\"headline\":\"How to Make a Custom Image Slider in Articulate Rise\",\"datePublished\":\"2024-09-17T14:03:21+00:00\",\"dateModified\":\"2024-10-02T00:29:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/\"},\"wordCount\":971,\"image\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Blog-Website-2-scaled.jpg\",\"articleSection\":[\"Learning technologies\",\"Learning-experience design\",\"Virtual learning\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/\",\"name\":\"How to Make a Custom Image Slider Carousel in Articulate Rise\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Blog-Website-2-scaled.jpg\",\"datePublished\":\"2024-09-17T14:03:21+00:00\",\"dateModified\":\"2024-10-02T00:29:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/653d4eea408733cba2e74c444722a84c\"},\"description\":\"With a step-by-step explanation, here\u2019s all the information you need to know to make a custom image slider in Articulate Rise.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/#primaryimage\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Blog-Website-2-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/maestrolearning.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Blog-Website-2-scaled.jpg\",\"width\":2560,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/blogs\\\/how-to-make-custom-image-slider-in-articulate-rise\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/maestrolearning.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Make a Custom Image Slider in Articulate Rise\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#website\",\"url\":\"https:\\\/\\\/maestrolearning.com\\\/\",\"name\":\"Maestro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/maestrolearning.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/maestrolearning.com\\\/#\\\/schema\\\/person\\\/653d4eea408733cba2e74c444722a84c\",\"name\":\"Steven Scales\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make a Custom Image Slider Carousel in Articulate Rise","description":"With a step-by-step explanation, here\u2019s all the information you need to know to make a custom image slider in Articulate Rise.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/","og_locale":"en_US","og_type":"article","og_title":"How to Make a Custom Image Slider Carousel in Articulate Rise","og_description":"With a step-by-step explanation, here\u2019s all the information you need to know to make a custom image slider in Articulate Rise.","og_url":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/","og_site_name":"Maestro","article_publisher":"https:\/\/www.facebook.com\/MeetMaestro\/","article_published_time":"2024-09-17T14:03:21+00:00","article_modified_time":"2024-10-02T00:29:44+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/Blog-Website-2-1024x576.jpg","type":"image\/jpeg"}],"author":"Steven Scales","twitter_card":"summary_large_image","twitter_creator":"@TeamMaestro","twitter_site":"@TeamMaestro","twitter_misc":{"Written by":"Steven Scales","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/#article","isPartOf":{"@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/"},"author":{"name":"Steven Scales","@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/653d4eea408733cba2e74c444722a84c"},"headline":"How to Make a Custom Image Slider in Articulate Rise","datePublished":"2024-09-17T14:03:21+00:00","dateModified":"2024-10-02T00:29:44+00:00","mainEntityOfPage":{"@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/"},"wordCount":971,"image":{"@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/#primaryimage"},"thumbnailUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/Blog-Website-2-scaled.jpg","articleSection":["Learning technologies","Learning-experience design","Virtual learning"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/","url":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/","name":"How to Make a Custom Image Slider Carousel in Articulate Rise","isPartOf":{"@id":"https:\/\/maestrolearning.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/#primaryimage"},"image":{"@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/#primaryimage"},"thumbnailUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/Blog-Website-2-scaled.jpg","datePublished":"2024-09-17T14:03:21+00:00","dateModified":"2024-10-02T00:29:44+00:00","author":{"@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/653d4eea408733cba2e74c444722a84c"},"description":"With a step-by-step explanation, here\u2019s all the information you need to know to make a custom image slider in Articulate Rise.","breadcrumb":{"@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/#primaryimage","url":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/Blog-Website-2-scaled.jpg","contentUrl":"https:\/\/maestrolearning.com\/wp-content\/uploads\/2024\/09\/Blog-Website-2-scaled.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/maestrolearning.com\/blogs\/how-to-make-custom-image-slider-in-articulate-rise\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/maestrolearning.com\/"},{"@type":"ListItem","position":2,"name":"How to Make a Custom Image Slider in Articulate Rise"}]},{"@type":"WebSite","@id":"https:\/\/maestrolearning.com\/#website","url":"https:\/\/maestrolearning.com\/","name":"Maestro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/maestrolearning.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/maestrolearning.com\/#\/schema\/person\/653d4eea408733cba2e74c444722a84c","name":"Steven Scales"}]}},"_links":{"self":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts\/8761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/comments?post=8761"}],"version-history":[{"count":0,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/posts\/8761\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/media\/8763"}],"wp:attachment":[{"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/media?parent=8761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/categories?post=8761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/tags?post=8761"},{"taxonomy":"role","embeddable":true,"href":"https:\/\/maestrolearning.com\/wp-json\/wp\/v2\/role?post=8761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}