{"id":157698,"date":"2016-07-30T14:00:59","date_gmt":"2016-07-30T14:00:59","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=157698"},"modified":"2016-07-29T05:41:14","modified_gmt":"2016-07-29T05:41:14","slug":"yes-to-sliders","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/yes-to-sliders\/","title":{"rendered":"Sliders Don\u2019t Suck and Here\u2019s Why Your WordPress Site Needs One"},"content":{"rendered":"<p>Sliders and carousels were a really hot design trend a few years ago. You would\u2019ve been hard-pressed to find a website that didn\u2019t have some sort of rotating element on the homepage \u2013 especially above the fold.<\/p>\n<p>But then something changed. Designers and developers started to abandon sliders for static imagery. As the interest in minimalistic designs and longer scrolling websites grew, sliding banners became a perceived distraction and threat to the rest of super simple designing. And if designers had chosen to apply any sense of movement to a website, it was contained in a parallax scroll, animated icons, or a video player.<\/p>\n<p>Still, there are some designers who will argue that sliders and carousels are effective design elements that help improve user engagement, when used correctly. We\u2019re going to explore the validity of this argument today and give you pro-sliders some helpful tips and tools to use in order to ensure user engagement within your website\u2019s sliding elements.<\/p>\n<h2>To Slide or Not to Slide, That is the Question<\/h2>\n<p>Most design trends will face doubt or criticism at some point as newer, cooler ways of web design take over. So for many designers who are focused on simplicity right now, it may be difficult for them to understand how rotating content can fit into that ideal.<\/p>\n<div  class=\"wpdui-pic-large   \" >\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1364x1364 size-1364x1364\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/should-i-carousel.gif\" alt=\"To carousel or not to carousel?\" width=\"1364\" height=\"365\" \/><figcaption class=\"wp-caption-text\">To carousel or not to carousel?<\/figcaption><\/figure>\n<\/div>\n<h3>Not to Slide?<\/h3>\n<p>Here are some of the most common arguments we hear from the naysayer camp:<\/p>\n<ul>\n<li><b>Slow to Load<\/b>: The addition of sliders and carousels slows down a website\u2019s load time, which will not only drive visitors away but will also negatively affect SEO.<\/li>\n<li><b>Bad for SEO<\/b>: Since so much content is jam-packed into a single slider, it\u2019s difficult to optimize the page and SEO for all of that content.<\/li>\n<li><b>Unnecessary Distraction<\/b>: The rotation of sliders keeps visitors distracted from the content around it.<\/li>\n<li><b>Difficult to Use<\/b>: Multiple slides give visitors too many options to keep track of and it\u2019ll require too much effort to dig back through the slides to find the one they want.<\/li>\n<li><b>Interrupts UX<\/b>: For visitors who prefer a quick vertical scroll for their content, sliders can wear on their patience as they have to sit and wait for each one to rotate through.<\/li>\n<li><b>Poor Click-Through Rate<\/b>: According to some studies, sliders are ineffective at getting visitors to click. While visitors may be interested in reading one or maybe even a few slides, most don\u2019t take any action.<\/li>\n<li><b>Unattractive<\/b>: Many designers believe that sliders and carousels look tacky, especially when used to promote advertisement-looking images and messages.<\/li>\n<\/ul>\n<p>Many times, the slider and carousel opponents will cite the 2013 study conducted by <a href=\"https:\/\/erikrunyon.com\/2013\/01\/carousel-stats\/\" rel=\"noopener\" target=\"_blank\">Erik Runyon<\/a> on the Notre Dame University website. In his study, he tracked information on the number of clicks for each slide, the manual rotation of slides, as well as the performance of auto-forwarding slides. These are the numbers most anti-sliders will bring up:<\/p>\n<ul>\n<li>Of the total site visitors, only 1% clicked on a call-to-action (CTA) in the slider.<\/li>\n<li>When someone did click on a slide, 84% of the clicks were on the first one. All subsequent slides received 4% each of the total amount of clicks.<\/li>\n<\/ul>\n<p>If you read the one-page study closely though, you\u2019ll see that Runyon isn\u2019t making the argument that carousels are a weak or even obsolete design trend. In fact, the other stats included in his study (which most people leave out of their argument) showed that visitors were more receptive to carousels when used on different types of websites or when used in other ways (auto-forwarding vs. manual rotation).<\/p>\n<p>Like with anything in design, there\u2019s a proper time and place for everything. You just have to know when it\u2019s right for you.<\/p>\n<h3>To Slide?<\/h3>\n<p>Now, let\u2019s take a look at the argument for the supporters of sliders and carousels:<\/p>\n<ul>\n<li><b>Space Saver<\/b>: Carousels allow for a large number of images or content to exist within a single space instead of forcing visitors to scroll down a too-long page.<\/li>\n<li><b>Reduce Clutter<\/b>: For some websites, it\u2019s important to showcase different products, work samples, team members, and more. Sliders can reduce the clutter which may inevitably come with all those moving, yet related pieces.<\/li>\n<li><b>Attention Grabber<\/b>: Adding the right type of movement to a website\u2019s design can help draw visitors into high quality and relevant content.<\/li>\n<li><b>Provide Perspective<\/b>: Some websites have a product or service that needs to be highlighted from different angles. A great example of this is a phone retailer who wants to display a number of images of their mobile devices from different viewpoints.<\/li>\n<li><b>Multi-Purpose<\/b>: While the University of Notre Dame\u2019s website didn\u2019t work well with the carousel, there are other business types that will. Retails, freelancers, and others looking to highlight their products and services (rather than random promotions) can benefit from a sliding design element.<\/li>\n<li><b>Video Replacement<\/b>: Video is \u201cin\u201d right now\u2026 but it\u2019s not that affordable of a marketing investment for smaller businesses or those with a tight budget. Slideshows are a great alternative that still allow for creativity in design and movement.<\/li>\n<\/ul>\n<p>For those that support the slider and carousel movement, you should check out this study conducted by <a href=\"https:\/\/www.smashingmagazine.com\/2015\/02\/carousel-usage-exploration-on-mobile-e-commerce-websites\/#unique-interaction-rates\" rel=\"noopener\" target=\"_blank\">Mobify<\/a>. While the results cannot be placed side-by-side with the Notre Dame study since the variables don\u2019t align, the end results do show that, when used in the right setting, carousels work very well with an online audience. Here are some of the results that came out of this experiment:<\/p>\n<ul>\n<li>The very nature of e-commerce websites makes them a better breeding ground for carousels than education websites.<\/li>\n<li>Mobile users may be more receptive to a carousel because it\u2019s easier to swipe on a device than to click or wait for auto-forwarding on a desktop.<\/li>\n<li>Visitors find carousels showcasing a variety of marketing messages as irrelevant and too salesy in the wrong setting.<\/li>\n<li>The definition of \u201csuccess\u201d (number of clicks on a CTA vs. number of clicks to the next slide) is relative. You just need to have a solid understanding of what they really aim to achieve.<\/li>\n<\/ul>\n<p>While the results from the Mobify and Notre Dame tests are not definitive proof regarding the performance of carousels and sliders on a website, they do demonstrate one very important fact: Designers and developers need to know their audience fairly well before applying any design principle to a website. It\u2019s ultimately the pains and goals of your customers and prospects that drive them to visit the website in the first place. If a carousel can be effectively used to deliver content around those ideas, then there\u2019s a good chance they\u2019ll be well-received.<\/p>\n<h2>15 Ways to Add Value to a Website with a Slider or Carousel<\/h2>\n<p>Your website is expected to function properly. That\u2019s why many of the concerns of anti-sliders are valid. If you\u2019re using a slider for the sake of appeasing a client just because they really want one or you just haven\u2019t taken the time to research the tips and tools you need to properly pull it off, you could end up putting your website\u2019s performance and reception in danger.<\/p>\n<p>If user engagement is what you\u2019re looking for, then the user experience always needs to be top-of-mind in web development. So when adding a slider to your website, keep the following tips in mind:<\/p>\n<h3>#1: Optimize Placement<\/h3>\n<p>When sliders came into prominence, they would\u2019ve sat right at the top of the home page where most designers currently place hero images. As a WordPress developer though, you know there are other areas of the website that have the potential to make good use of denser sliding content.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/zappos-sm.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/zappos-sm.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>The Zappos website features a centrally placed slider.<\/small><\/p>\n<h3>#2: Consider the Size<\/h3>\n<p>Do you need to include a full-width slider or is it taking up unnecessary space? Consider the purpose of the slider, the size of the images within it, and the balance it can create with the rest of the elements on a page to determine what will be the best size for it.<\/p>\n<h3>#3: Use High-Value Content<\/h3>\n<p>If the studies above proved anything, it was that your visitors want to view content that provides some sort of value to them. Make sure the images and copy used in your slider reinforce your website\u2019s mission and messaging and give visitors the motivation to look through it in its entirety.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/philly-sm.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/philly-sm.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>The Visit Philadelphia website features professionally shot photographs of the city.<\/small><\/p>\n<h3>#4: Select High-Res Images<\/h3>\n<p>In general, it\u2019s a bad practice to use images of low resolution or poor quality on your website. The same should apply to a slider or carousel\u2014especially since the big draw for this type of design element is usually the photos included within.<\/p>\n<h3>#5: Keep Text to a Minimum<\/h3>\n<p>Sliders and carousels are fantastic at showing off imagery, but text can detract from that experience. Busy images can often make text placed on top of them hard to read. Also, if a slider rotates too quickly, visitors may not have enough time to read. And then you also need to consider that text embedded in an image probably won\u2019t display properly on mobile devices. If possible, avoid using text as it will only complicate matters. If it can\u2019t be avoided, try to keep it to a minimum.<\/p>\n<h3>#6: Pay Attention to the Scroll<\/h3>\n<p>There are a number of ways you can approach scrolling controls. The decision to choose one over the other usually depends on the content contained within the slider. Auto-scrolls work fine for image-only sliders, so long as the scroll doesn\u2019t happen too quickly. Your best bet may be to force-stop the slide as soon as someone clicks or views the slider. It will then be up to them to click or swipe when they\u2019re ready for the next slide.<\/p>\n<p style=\"text-align: center;\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/wpmu-dev-slider-sm.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/wpmu-dev-slider-sm.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>We use a slider on our homepage (when you&#8217;re logged out) to display testimonials.<\/small><\/p>\n<h3>#7: Give Visitors Control<\/h3>\n<p>Whether your slider is an auto-scroll or manual scroll, make sure slider controls exist for when your visitors are ready to take over the scrolling experience. Keep in mind that arrows, buttons, and dots can distract from the content in the slide, so see if you can find a way to display them only once a visitor hovers or clicks on a slide.<\/p>\n<h3>#8: Create a Subtle Slide<\/h3>\n<p>Sliders don\u2019t need to be jarring in their motions in order to gain attention. There are a variety of transition movements that are much subtler\u2014like a fade\u2014that will still grab attention enough to get your content viewed.<\/p>\n<h3>#9: Emphasize the Important Stuff<\/h3>\n<p>In the contrasting studies mentioned above, they both noted that the first slide is always the most looked at and clicked. That\u2019s why it\u2019s important to sort your slides strategically. If there is a product or service element that is most important for your audience to see, put it in the first position.<\/p>\n<h3>#10: Limit the Slides<\/h3>\n<p>On a related note, there will be some visitors who want to view more than just the first slide or image. However, that doesn\u2019t mean their patience won\u2019t wear thin after a while. Use your slides to share your message, but be brief. Cap it at four slides where appropriate.<\/p>\n<h3>#11: Focus on Speed<\/h3>\n<p>It\u2019s always difficult to get excited about adding more images to your website when you already know how much the current ones bog down your site\u2019s speed. So if you\u2019re going to use a slider, make sure you have a good image optimization tool to keep them from slowing things down.<\/p>\n<h3>#12: Customize Each Slide<\/h3>\n<p>If you\u2019re going to include a CTA on your slides, try to keep the design and placement consistent for each of the CTAs. However, if each slide links to a different service or product, you might want to apply a unique color to each. If someone wants to scroll back through the slides and find the one they were interested in, the colors will more easily set them apart from one another.<\/p>\n<h3>#13: Consider Accessibility Obstacles<\/h3>\n<p>There are a number of accessibility considerations you\u2019ll need to take into consideration before adding a carousel to your website. <a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/carousels\/\" rel=\"noopener\" target=\"_blank\">W3C<\/a> has done a great job in detailing what you\u2019ll need to do in order to make your carousels keyboard- and screen reader-friendly.<\/p>\n<h3>#14: Make It Responsive<\/h3>\n<p>Carousels and sliders can be tricky to pull off on mobile devices if you\u2019re planning to include text, oversized images, or scrolling buttons\/arrows. There are ways to make this work though, so be sure that you start by using a slider plugin that advertises itself as \u201cresponsive.\u201d<\/p>\n<h3>#15: Use Plugins<\/h3>\n<p>Last, but definitely not least, you\u2019ll need plugins to help you create your website\u2019s slider, capture the desired effects you want it to have, and optimize the content for high performance. Here are some of our top picks:<\/p>\n<ul class=\"dev-tutorial-list\"><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">WP Smush<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"276\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2019\/11\/Smush-plugin-600x276.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"WP Smush image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>If you don\u2019t already have a way to compress your website\u2019s images, this is a great place to start. This plugin will automatically downsize\u00a0<em>and<\/em>\u00a0optimize the images you use inside and outside your slider, and ensure they never get in the way of your website\u2019s load time or performance.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in WP Smush?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Carousel Horiztonal Posts Content Slider<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"171\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/Carousel-plugin-image-600x171.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Carousel Horiztonal Posts Content Slider image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>Typical website designs call for no more than 3 or 4 columns of horizontal widgets or blocks of content. With a carousel though, you can now showcase multiple batches of content within a single space. In addition, this plugin offers various transition effects, pagination options, and is fully responsive.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Carousel Horiztonal Posts Content Slider?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/carousel-horizontal-posts-content-slider\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Kiwi Logo Carousel<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"171\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/Kiwi-logo-plugin-600x171.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Kiwi Logo Carousel image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>If you\u2019re planning to use your carousel to show off logos\u2014be they of your partners, clients, sponsors, or something else altogether\u2014this plugin will do the trick. You can also play around with greyscale coloring if you want to give all your logos a muted, but consistent look (which is great if you want to keep the focus on your own website\u2019s logo and brand). With a drag-and-drop interface, this plugin is an easy one to use if all you want to do is showcase logos.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Kiwi Logo Carousel?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/kiwi-logo-carousel\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">Huge-IT Slider<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"171\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/Huge-IT-Slider-plugin-600x171.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"Huge-IT Slider image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>This is by far the most popular slider plugin available on WordPress at the moment. If you\u2019re looking for a responsive slider for your website\u2019s videos and images as well as one that\u2019s chock-full of customizations, go with this.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in Huge-IT Slider?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/slider-image\/\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><li class=\"dev-tutorial-list__item\"><header class=\"dev-tutorial-list__item__header\"><h3 class=\"dev-tutorial-list__item__title\">A\/B Theme Testing<\/h3><\/header><section class=\"dev-tutorial-list__item__image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"176\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/07\/AB-Testing-600x176.png\" class=\"attachment-ratio-large size-ratio-large\" alt=\"A\/B Theme Testing image\" aria-hidden=\"true\" \/><\/section><!-- end dev-tutorial-list__item__image --><section class=\"dev-tutorial-list__item__content\"><p>So let\u2019s say you do end up adding a slider or carousel to your WordPress site, but you\u2019re worried it\u2019s just clogging up space or driving people to click away. It might just be that you haven\u2019t used the right transition effects, colors, images, size, or placement, right? With A\/B testing you can test out different versions of your slider before completely dumping it and jumping on the anti-slider bandwagon.<\/p>\n<\/section><!-- end dev-tutorial-list__item__content --><footer class=\"dev-tutorial-list__item__footer\"><p>Interested in A\/B Theme Testing?<\/p><div class=\"dev-tutorial-list__item__cta\"><a target=\"_blank\" href=\"https:\/\/github.com\/wpmudev\/ab-theme-testing\" class=\"dui-btn dui-btn--sm dui-btn--brand dev-btn--Details\">Details<\/a><\/div><!-- end dev-tutorial-list__item__cta --><\/footer><!-- end dev-tutorial-list__item__footer --><\/li><!-- end dev-tutorial-list__item --><\/ul><!-- end dev-tutorial-list -->\n<h2>Wrapping Up<\/h2>\n<p>The most important thing to remember in all this is that if you choose to use a slider or carousel on your website, that it needs to serve your audience\u2019s needs. It can\u2019t just be to stuff a bunch of product images or testimonials into a small space on your sidebar. Everything about your slider element should be strategically designed, from the placement of it to the transition styling. If you have content worthy of displaying in rotation on your site, then make sure you\u2019re using the right design element to let it shine.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sliders and carousels were a really hot design trend a few years ago. You would\u2019ve been hard-pressed to find a website that didn\u2019t have some sort of rotating element on the homepage \u2013 especially above the fold. But then something changed. Designers and developers started to abandon sliders for static imagery. As the interest in [&hellip;]<\/p>\n","protected":false},"author":344989,"featured_media":150688,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263],"tags":[10506,8158,9851],"tutorials_categories":[],"class_list":["post-157698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-carousel","tag-sliders","tag-user-engagement"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/157698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/344989"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=157698"}],"version-history":[{"count":9,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/157698\/revisions"}],"predecessor-version":[{"id":189462,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/157698\/revisions\/189462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/150688"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=157698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=157698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=157698"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=157698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}