{"id":7599,"date":"2022-03-31T08:24:36","date_gmt":"2022-03-31T08:24:36","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=7599"},"modified":"2023-05-01T08:10:33","modified_gmt":"2023-05-01T08:10:33","slug":"how-to-create-a-vertical-progress-tracker","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/","title":{"rendered":"How to Create a Vertical Progress Tracker"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7599\" class=\"elementor elementor-7599\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bcc8218 thesinglevideo elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bcc8218\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17befddb\" data-id=\"17befddb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-399478cb elementor-widget elementor-widget-video\" data-id=\"399478cb\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/D5mAPSvlhnM&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6014409f thesinglevideoOver elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6014409f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b26fbd3\" data-id=\"b26fbd3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52beabe4 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"52beabe4\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1381\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1381\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1382\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1382\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1381\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1381\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1381\" tabindex=\"0\" hidden=\"false\"><p>In this tips &amp; tricks tutorial we learn how to use the Progress Tracker Widget in a vertical position.<\/p><p>The tutorial will cover:<br \/>\u2714\ufe0e Using the Progress Tracker<br \/>\u2714\ufe0e Rotating the Progress Tracker<br \/>\u2714\ufe0e Making responsive amendments<br \/>\u2714\ufe0e And much more!<\/p><p>Custom code:<br \/><code><br \/>\n.elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal {<br \/>\nwidth: 50vh;<br \/>\n}<\/code><\/p><p>@media (min-width: 361px) {<br \/>.elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal {<br \/>width: 50vh;<br \/>}<br \/>}<\/p><p>Useful links:<br \/><a href=\"https:\/\/youtu.be\/vaD8sLjdyQk\" target=\"_blank\" rel=\"noopener\">How to Use the Progress Tracker Widget<\/a><\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1382\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1382\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1382\" tabindex=\"0\" hidden=\"hidden\"><p>Hey there, Ash here from Elementor.<\/p><p>Adding interactive elements to your website creations can really take them to the next level.<\/p><p>We\u2019ve created this website to celebrate \u2018The History of Hats\u2019 and we\u2019ve implemented several subtle animations to our text and images to provide a smooth and fun experience for our website visitors.<\/p><p>The last aspect to add in is a timeline feature and we&#8217;ll use the \u2018Progress Tracker widget\u2019 to accomplish this.<\/p><p>The progress tracker widget is ideal for our requirements as it provides the website visitors with a visual representation of how far down the page they\u2019ve scrolled.<\/p><p>We\u2019ll align this with our \u2018History of Hats Timeline\u2019 to create a truly interactive experience.<\/p><p>For a full overview of the progress tracker widget, check out our dedicated tutorial linked in this video&#8217;s description.<\/p><p>To get started we\u2019ll first search for and then drop in the \u2018Progress Tracker\u2019 widget into our pre-created page.<\/p><p>The tracker type we\u2019ll leave as horizontal, and we\u2019ll teach you how to position this vertically shortly.<\/p><p>For now though let\u2019s configure the content which the progress tracker will connect to.<\/p><p>Under \u2018Progress relative to\u2019 we have several options. We\u2019ll choose \u2018Selector\u2019 as our progress tracker will be connected to the inner section which contains our timeline.<\/p><p>If we select the inner section which holds our timeline and open the advanced tab, we\u2019re able to set a CSS ID which will be our selector. In our instance, we\u2019re going to call it \u2018article\u2019. Select this ID now and copy it.<\/p><p>Head back to the \u2018Progress Tracker\u2019 content tab now, type the \u2018hashtag\u2019 and then paste the ID into the selector field.<\/p><p>This directly connects the two.<\/p><p>The direction allows us to choose which way the progress tracker will fill, we\u2019ll select right for our website.<\/p><p>And finally we can choose to show a percentage if we so wish.<\/p><p>Let\u2019s now open up the style tab and apply some changes to our progress tracker so that it fits in with the branding of our website.<\/p><p>We\u2019ll set the progress color first of all\u2026and as you can see we\u2019ve set up our global colors for ease.<\/p><p>Next we\u2019ll enable a solid border\u2026with a radius of 50px.<\/p><p>Moving down to the tracker background now, we&#8217;ll set the background as transparent\u2026the border width\u2026border color\u2026and finally border radius.<\/p><p>Now with our general styling finalized, it\u2019s time to rotate our progress tracker to display vertically instead of horizontally.<\/p><p>We\u2019ll achieve this by using a small amount of custom CSS and also the transform options available within the advanced tab.<\/p><p>Paste in the following CSS code which you can find in this video\u2019s description.<\/p><p>Here we are setting the width of our progress tracker to be 50% of the viewports height.<\/p><p>Now we\u2019ll rotate this widget.<\/p><p>Expand the transform tab\u2026enable rotate\u2026then type 90 into the empty field. This will rotate our widget 90 degrees, giving us the desired vertical position.<\/p><p>We can also flip our element like so\u2026as well as using negative values to achieve the same result.<\/p><p>If we scroll down now, you\u2019ll see that our progress tracker is lost when we move down to our content. We need to make our progress tracker \u2018sticky\u2019 to ensure it remains within the viewport when we scroll.<\/p><p>We\u2019ll close down the transform options, and then open up the motion effects tab.<\/p><p>Sticky, we&#8217;ll set it to \u2018top\u2019&#8230;and then we\u2019ll apply a 100px offset so that our progress tracker has some space from the top of the viewport.<\/p><p>Scrolling down we can see our progress tracker in action and it looks great! It gradually fills as we move down the timeline&#8217;s content.<\/p><p>Let\u2019s now check out how this works on different devices.<\/p><p>Enable responsive mode, and then switch to the tablet device.<\/p><p>As you can see our tablet view inherits the same layout as our desktop view so no further amendments are required here.<\/p><p>Switching to mobile view next, we can see that our current configuration isn\u2019t going to work too well.<\/p><p>A better option here would be to rotate the progress tracker back to a horizontal position and then align it towards the top of the page.<\/p><p>Open up the transform tab and then enter 180 degrees into the rotate field.<\/p><p>Whilst this positions our progress tracker in the right place, we can see that the width of this element isn\u2019t quite right.<\/p><p>To correct this we\u2019re going to wrap our custom CSS in a media query, which will allow us to control the width on this specific device.<\/p><p>The custom code used in this tutorial can be found in the video description.<\/p><p>Just a couple more style amendments to make here and then we\u2019re finished.<\/p><p>Open up motion effects and adjust the offset.<\/p><p>Then under style amend the tracker background height.<\/p><p>Perfect!<\/p><p>Thinking outside the box with widget usage can really open endless possibilities with your website creations, just like we did here by using the progress tracker to create a sleek timeline effect.<\/p><p>Share with us your widget experiments in the comments below, and be sure to let us know what you\u2019d like to see in our next tips and tricks tutorial.<\/p><p>Thank you for watching. Be sure to like and subscribe for more amazing content.<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tips &amp; tricks tutorial we learn how to use the Progress Tracker Widget in a vertical position. The tutorial will cover: \u2714\ufe0e Using the Progress Tracker \u2714\ufe0e Rotating the Progress Tracker \u2714\ufe0e Making responsive amendments \u2714\ufe0e And much more! Custom code: .elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal { width: 50vh; } @media (min-width: 361px) { [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":9761,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-7599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Create a Vertical Progress Tracker - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Vertical Progress Tracker - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tips &amp; tricks tutorial we learn how to use the Progress Tracker Widget in a vertical position. The tutorial will cover: \u2714\ufe0e Using the Progress Tracker \u2714\ufe0e Rotating the Progress Tracker \u2714\ufe0e Making responsive amendments \u2714\ufe0e And much more! Custom code: .elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal { width: 50vh; } @media (min-width: 361px) { [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-31T08:24:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-01T08:10:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/03\/Vertical-Progress-Tracker.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ashley Whitehair\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashley Whitehair\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Vertical Progress Tracker - Academy","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:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Vertical Progress Tracker - Academy","og_description":"Overview Transcript Overview In this tips &amp; tricks tutorial we learn how to use the Progress Tracker Widget in a vertical position. The tutorial will cover: \u2714\ufe0e Using the Progress Tracker \u2714\ufe0e Rotating the Progress Tracker \u2714\ufe0e Making responsive amendments \u2714\ufe0e And much more! Custom code: .elementor-scrolling-tracker.elementor-scrolling-tracker-horizontal { width: 50vh; } @media (min-width: 361px) { [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/","og_site_name":"Academy","article_published_time":"2022-03-31T08:24:36+00:00","article_modified_time":"2023-05-01T08:10:33+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/03\/Vertical-Progress-Tracker.jpg","type":"image\/jpeg"}],"author":"Ashley Whitehair","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ashley Whitehair","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/"},"author":{"name":"Ashley Whitehair","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/a83ee0af0700704f04acf44839f06bd8"},"headline":"How to Create a Vertical Progress Tracker","datePublished":"2022-03-31T08:24:36+00:00","dateModified":"2023-05-01T08:10:33+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/"},"wordCount":983,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/03\/Vertical-Progress-Tracker.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/","url":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/","name":"How to Create a Vertical Progress Tracker - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/03\/Vertical-Progress-Tracker.jpg","datePublished":"2022-03-31T08:24:36+00:00","dateModified":"2023-05-01T08:10:33+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/03\/Vertical-Progress-Tracker.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/03\/Vertical-Progress-Tracker.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-vertical-progress-tracker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"How to Create a Vertical Progress Tracker"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/a83ee0af0700704f04acf44839f06bd8","name":"Ashley Whitehair","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/49062696ae45a42e9206626097d74b7bfc6a8e6c413f53449a154f67c73ab82b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/49062696ae45a42e9206626097d74b7bfc6a8e6c413f53449a154f67c73ab82b?s=96&d=mm&r=g","caption":"Ashley Whitehair"},"description":"Ashley is an Elementor Specialist with a keen eye for design and a passion for creating user-friendly and effective websites. When he is not creating websites and educational material, he enjoys CrossFit, mountain biking, reading, and exploring the world.","url":"https:\/\/elementor.com\/academy\/author\/user-60190f8d0e66e\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/7599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=7599"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/7599\/revisions"}],"predecessor-version":[{"id":9638,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/7599\/revisions\/9638"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/9761"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=7599"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=7599"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=7599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}