{"id":439,"date":"2022-03-18T21:47:18","date_gmt":"2022-03-18T21:47:18","guid":{"rendered":"https:\/\/platyform.io\/stacks\/?p=439"},"modified":"2022-03-19T04:54:55","modified_gmt":"2022-03-19T04:54:55","slug":"mobile-app-navigation-reveal-buttonizer-on-scroll-up","status":"publish","type":"post","link":"https:\/\/platyform.io\/stacks\/mobile-app-navigation-reveal-buttonizer-on-scroll-up\/","title":{"rendered":"Mobile App Navigation | Reveal Buttonizer On Scroll Up"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"439\" class=\"elementor elementor-439\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bf9148e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bf9148e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a837ee2\" data-id=\"a837ee2\" 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-da193cd elementor-widget elementor-widget-heading\" data-id=\"da193cd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Problem Overview<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fca57fe elementor-widget elementor-widget-text-editor\" data-id=\"fca57fe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit;\">&#8220;Extended Navigation&#8221; features are a common solution for improving UX on mobile apps. &#8220;Go back to last page&#8221; buttons and various other features can be seen on LinkedIn, Facebook, and many other popular apps.&nbsp;<\/span><\/p>\n<p><span style=\"color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit;\">On closer inspection you&#8217;ll notice that many of these &#8220;extended navigations&#8221; will hide when &#8220;scrolling down&#8221; and then<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: inherit; font-weight: var( --e-global-typography-text-font-weight );\">&nbsp;quickly reveal on &#8220;scroll-up&#8221;.<\/span><\/p>\n<p><b><a href=\"https:\/\/buttonizer.pro\" target=\"_blank\" rel=\"noopener\">Buttonizer Pro<\/a> is Platyform&#8217;s go-to solution for mobile navigation, BUT, there is currently only the feature to &#8220;Show On Page Position&#8221; &#8211; not scrolling direction. The Snippets below will quickly afford you this functionality!<\/b><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39b241c elementor-alert-info elementor-widget elementor-widget-alert\" data-id=\"39b241c\" data-element_type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">Do You Have Mobile Optimized Navigation On Your Site?<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\">QUICK TIP - Try and make sure nothing ever \"annoys\" you. Like buttons getting in the way of content you're trying to see! The opportunity for \"extended navigation\" is often underdeveloped on small sites. 1) Make sure that your own solutions don't frustrate you further and 2) always think of \"why\" if you notice something bothering you.<\/span>\n\t\t\t\n\t\t\t\t\t\t<button type=\"button\" class=\"elementor-alert-dismiss\">\n\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;<\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Dismiss this alert.<\/span>\n\t\t\t<\/button>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b22ea8 elementor-widget elementor-widget-heading\" data-id=\"0b22ea8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why It's Important for UX<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb9fb8b elementor-widget elementor-widget-text-editor\" data-id=\"cb9fb8b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>When &#8220;scrolling down&#8221; a page, a user is likely &#8220;actively engaged&#8221; with the content on that page. It then makes sense to hide anything in the bottom of the window that might get in the way of their reading and engagement.<\/p><p>HOWEVER, the inverse is true when scrolling up. &#8220;Scrolling Up&#8221; generally implies a user has &#8220;dis-engaged&#8221; from the content and is now looking for navigation options.<\/p><p>TADA!!! There&#8217;s your sub-nav again, ready and convenient for you!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad7d765 elementor-widget elementor-widget-heading\" data-id=\"ad7d765\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">No-Code Solution to Copy\/Paste<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aed7b27 elementor-widget elementor-widget-text-editor\" data-id=\"aed7b27\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>To accomplish this with &#8220;No-Code&#8221; it is best to have to have an initial understanding of web basics. Particularly &#8220;Adding Javascript\/jQuery&#8221; and &#8220;Applying CSS&#8221;.<\/p><p>Once you have installed and activated Buttonizer Pro. Use the No-Code drag-n-drop builder to create a &#8220;Group&#8221; of buttons to appear on your site. Then add the jQuery and CSS code snippets below*. That&#8217;s It!<\/p><p><strong>Notice on this page, how the &#8220;Platypus logo&#8221; (Buttonizer Button Group) in the bottom-right corner behaves on scroll.<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1b1fbf elementor-alert-warning elementor-widget elementor-widget-alert\" data-id=\"a1b1fbf\" data-element_type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">*Implementation May Vary<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\">The code below will work globally on ANY Buttonizer Pro deployment. However, it us up to you to understand how\/where this should be included on your site. Ask about our Platyform Stacks for a standardized implementation that follows best practices.<\/span>\n\t\t\t\n\t\t\t\t\t\t<button type=\"button\" class=\"elementor-alert-dismiss\">\n\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;<\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-screen-only\">Dismiss this alert.<\/span>\n\t\t\t<\/button>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3fba67 elementor-widget elementor-widget-code-highlight\" data-id=\"d3fba67\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><script>\r\n\/\/PTF SNIPPET - Show Buttonizer \"On Scroll Up\"\r\n\/\/Hide Header on on scroll down\r\njQuery(document).ready(function(){\r\nvar didScroll;\r\nvar lastScrollTop = 0;\r\nvar delta = 5;\r\nvar navbarHeight = jQuery('.buttonizer-group').outerHeight();\r\n\r\njQuery(window).scroll(function(event){\r\n    didScroll = true;\r\n});\r\n\r\nsetInterval(function() {\r\n    if (didScroll) {\r\n        hasScrolled();\r\n        didScroll = false;\r\n    }\r\n}, 250);\r\n\r\nfunction hasScrolled() {\r\n    var st = jQuery(this).scrollTop();\r\n    \r\n    \/\/ Make sure they scroll more than delta\r\n    if(Math.abs(lastScrollTop - st) <= delta)\r\n        return;\r\n    \r\n    \/\/ If they scrolled down and are past the navbar, add class .nav-up.\r\n    \/\/ This is necessary so you never see what is \"behind\" the navbar.\r\n    if (st > lastScrollTop && st > navbarHeight){\r\n        \/\/ Scroll Down\r\n        jQuery('.buttonizer-group').addClass('buttonizer-nav-down').removeClass('buttonizer-nav-up');\r\n    } else {\r\n        \/\/ Scroll Up\r\n        if(st + jQuery(window).height() < jQuery(document).height()) {\r\n            jQuery('.buttonizer-group').addClass('buttonizer-nav-up').removeClass('buttonizer-nav-down');\r\n        }\r\n    }\r\n    \r\n    lastScrollTop = st;\r\n}\r\n});\r\n<\/script>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-900b0c6 elementor-widget elementor-widget-text-editor\" data-id=\"900b0c6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>CSS (include style tags as necessary to your implementation solution)<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f85a96 elementor-widget elementor-widget-code-highlight\" data-id=\"4f85a96\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp><style>\r\n.buttonizer-group {\r\n    transition: bottom 0.2s ease-in-out !important;\r\n}\r\n\r\n.buttonizer-nav-down {\r\n    bottom: -60px !important;\r\n}\r\n<\/style><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50b1cc1 elementor-widget elementor-widget-heading\" data-id=\"50b1cc1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Go Further with Low-Code<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ffb15fa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ffb15fa\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0d870cb\" data-id=\"0d870cb\" 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-088a220 elementor-widget elementor-widget-image\" data-id=\"088a220\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"411\" height=\"698\" src=\"https:\/\/platyform.io\/stacks\/wp-content\/uploads\/sites\/7\/2022\/03\/Buttonizer-Example-Class.jpg\" class=\"attachment-large size-large wp-image-444\" alt=\"\" srcset=\"https:\/\/platyform.io\/stacks\/wp-content\/uploads\/sites\/7\/2022\/03\/Buttonizer-Example-Class.jpg 411w, https:\/\/platyform.io\/stacks\/wp-content\/uploads\/sites\/7\/2022\/03\/Buttonizer-Example-Class-177x300.jpg 177w\" sizes=\"(max-width: 411px) 100vw, 411px\" \/>\t\t\t\t\t\t\t\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2320a9a\" data-id=\"2320a9a\" 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-75b38f3 elementor-widget elementor-widget-text-editor\" data-id=\"75b38f3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The No-Code solution above will apply this &#8220;on scroll up&#8221; behavior globally to all Buttonizer Groups. This is because it is specified to the generic &#8220;.buttonizer-group&#8221; class that Buttonizer applies to all groups by default.<\/p><p>To add specificity (only apply this behavior to select groups), use the &#8220;Custom Class\/ID&#8221; feature Buttonizer provides. APPLY CLASSES &amp; ID&#8217;s TO THE GROUP &#8211; not individual buttons.<\/p><p>You can then leverage the wonders of jQuery (assuming it is installed) and simply replace all instances of .buttonizer-group with a comma separated list of classes and IDs you would like to apply the &#8220;reveal on scroll up&#8221; behavior to specifically.<\/p><p><span style=\"color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit;\">We do this on our <a href=\"https:\/\/cosbrews.com\/\" target=\"_blank\" rel=\"noopener\">COS Brews<\/a> site. Where only our Brewery Owner&#8217;s &#8220;quick nav group&#8221; is always available to click.\u00a0<\/span><\/p>\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 class=\"elementor-element elementor-element-bdc5d9a elementor-widget elementor-widget-heading\" data-id=\"bdc5d9a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Replace \".buttonizer-group\" with Specified Classes<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce32467 elementor-widget elementor-widget-text-editor\" data-id=\"ce32467\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>so all instances of the default class<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34894c3 elementor-widget elementor-widget-code-highlight\" data-id=\"34894c3\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp> jQuery('.buttonizer-group')<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d44f781 elementor-widget elementor-widget-text-editor\" data-id=\"d44f781\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>would be replaced with your own class and id specifications, like so<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d4f785 elementor-widget elementor-widget-code-highlight\" data-id=\"1d4f785\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp> jQuery('.exampleButtonGroup,.exampleTwoButtonGroup')<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-861ee14 elementor-widget elementor-widget-text-editor\" data-id=\"861ee14\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>To be clear, in the example above, the\u00a0 intended behavior will only be applied to Buttonizer Groups with the assigned classes of &#8220;exampleButtonGroup&#8221; and &#8220;exampleTwoButtonGroup&#8221;.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34ecd35 elementor-widget elementor-widget-heading\" data-id=\"34ecd35\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c5999 elementor-widget elementor-widget-text-editor\" data-id=\"c2c5999\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Let us know if you have any questions or thoughts in the comments below. We look forward to seeing what you can cook up yourself!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7daeff elementor-widget elementor-widget-heading\" data-id=\"a7daeff\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sources<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-609a9c2 elementor-widget elementor-widget-heading\" data-id=\"609a9c2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Thank you as always to our fellow code wranglers across the internet!<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e4cee0 elementor-widget elementor-widget-text-editor\" data-id=\"2e4cee0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><a href=\"https:\/\/codepen.io\/whins\/pen\/mPBREq\">CodePen with Initial Logic<\/a><\/p>\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>Problem Overview &#8220;Extended Navigation&#8221; features are a common solution for improving UX on mobile apps. &#8220;Go back to last page&#8221; buttons and various other features can be seen on LinkedIn, Facebook, and many other popular apps.&nbsp; On closer inspection you&#8217;ll notice that many of these &#8220;extended navigations&#8221; will hide when &#8220;scrolling down&#8221; and then&nbsp;quickly reveal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":448,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-439","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-snippets"],"_links":{"self":[{"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/posts\/439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":82,"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/posts\/439\/revisions"}],"predecessor-version":[{"id":566,"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/posts\/439\/revisions\/566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/media\/448"}],"wp:attachment":[{"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/media?parent=439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/categories?post=439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/platyform.io\/stacks\/wp-json\/wp\/v2\/tags?post=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}