{"id":26711,"date":"2024-10-23T12:07:14","date_gmt":"2024-10-23T04:07:14","guid":{"rendered":"https:\/\/visibleone.com\/blog-search\/"},"modified":"2025-07-10T15:20:55","modified_gmt":"2025-07-10T07:20:55","slug":"blog-search","status":"publish","type":"page","link":"https:\/\/visibleone.com\/zh-cn\/blog-search\/","title":{"rendered":"Blog Search"},"content":{"rendered":"\n<div block-name=\"BlogSearchFilter\"  x-data=\"blog_search_filter\">\n  <div class=\"relative z-30 pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px]\">\n    <div class=\"px-4 md:px-8 lg:px-24 2xl:px-36 max-w-screen-2xl mx-auto pt-6 md:pt-8 xl:pt-12\">\n      \n<div class=\"lg:flex items-center relative z-10\" x-data=\"blog_search_filter_filter\">\n  <h1 class=\"font-semibold text-[#2e475d] fs-5xl\" x-text=\"searched_text\">\n    Blog  <\/h1>\n    <div class=\"lg:ml-auto mt-5 lg:mt-auto\">\n    <form method=\"get\" action=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/\"\n      class=\"flex border rounded bg-white relative md:position-[unset] lg:max-w-max transition duration-300 border-[#7691AD]\"\n      x-ref=\"searchFormRef\">\n      <fieldset>\n        <legend class=\"h-full\">\n          <label for=\"search\" class=\"hidden\">Terms<\/label>\n          <input id=\"search\" type=\"text\" name=\"search\"\n            class=\"h-full min-w-0 px-4 outline-none lg:max-w-md bg-transparent flex-1\" value=\"\" x-model=\"search\"\n            placeholder=\"Search...\" aria-label=\"Search Keyword\" \/>\n        <\/legend>\n      <\/fieldset>\n      <fieldset>\n        <legend>\n          <label for=\"category\" class=\"hidden\">c id<\/label>\n          <input id=\"category\" type=\"text\" name=\"category\" hidden aria-hidden=\"true\" :value=\"category\" \/>\n        <\/legend>\n      <\/fieldset>\n      <div class=\"md:relative flex items-stretch md:border-l transition duration-300 border-[#7691AD]\">\n        <button tabindex=\"0\" title=\"Category Filter\" class=\"px-3 flex items-center cursor-pointer md:ml-3 searchFilterIcon\" @click=\"toggleDropdown\">\n        <img decoding=\"async\" alt=\"\" aria-hidden=\"true\" src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/blog\/hamburger-icon.svg\"\n              class=\"size-full object-contain mr-2.5 max-w-3\" \/>\n\n          <span class=\"fs-base md:min-w-[15ch] max-w-[15ch] whitespace-nowrap overflow-hidden text-ellipsis pointer-events-none hidden md:block pr-2 font-medium text-[#516F90]\"\n            x-text=\"c_text\">\n            All Categories          <\/span>\n        <\/button>\n        <ul x-ref=\"dropdown\"\n          class=\"searchFilterContent absolute -bottom-px right-0 md:right-[unset] min-w-[15ch] md:left-0 translate-y-full w-full bg-white py-3 px-5 shadow-lg hidden transition-opacity\">\n          <li class=\"mb-3 last:mb-0\">\n            <button tabindex=\"0\" aria-label='All Categories'\n            class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n            :class=\"category == '' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n            @click=\"changeCategory('', 'All Categories')\">\n            All Categories            <\/button>\n            \n          <\/li>\n\n                      <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"360 Virtual Tour\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == '360-virtual-tour' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('360-virtual-tour', '360 Virtual Tour')\">\n              360 Virtual Tour              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Awards\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'awards' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('awards', 'Awards')\">\n              Awards              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Content Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'content-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('content-marketing', 'Content Marketing')\">\n              Content Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Digital Marketing\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'digital-marketing' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('digital-marketing', 'Digital Marketing')\">\n              Digital Marketing              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Guidelines &amp; Tips\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'guidelines-tips' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('guidelines-tips', 'Guidelines &amp; Tips')\">\n              Guidelines &amp; Tips              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"IT Solutions\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'it-solutions' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('it-solutions', 'IT Solutions')\">\n              IT Solutions              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"SEO\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'seo' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('seo', 'SEO')\">\n              SEO              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"SSL Certificate\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'ssl-certificate' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('ssl-certificate', 'SSL Certificate')\">\n              SSL Certificate              <\/button>\n              \n            <\/li>\n                        <li class=\"mb-3 last:mb-0\">\n              <button tabindex=\"0\" aria-label=\"Web Design\"\n              class=\"mb-3 w-full text-left font-normal last:mb-0 fs-base cursor-pointer max-w-full overflow-hidden text-ellipsis transition duration-300 hover:text-[#00DB92]\"\n              :class=\"category == 'web-design' ? 'text-[#00DB92]' : 'text-[#516F90]'\"\n              @click=\"changeCategory('web-design', 'Web Design')\">\n              Web Design              <\/button>\n              \n            <\/li>\n                    <\/ul>\n      <\/div>\n\n      <button type=\"submit\" title=\"form submit\"\n        class=\"bg-[#00DB92] p-3 rounded-tr-sm rounded-br-sm transition-colors duration-300 hover:bg-themePrimary\/80\">\n        <div class=\"size-6\">\n          <img decoding=\"async\" alt=\"\" aria-hidden=\"true\" class=\"size-full object-contain\"\n            src=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/blog\/search-icon.svg\" \/>\n        <\/div>\n      <\/button>\n    <\/form>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('blog_search_filter_filter', () => ({\n        c_text: 'All Categories',\n        dropdown: null,\n        clickawayHandler: null,\n        showDropdown: false,\n        init() {\n          if (this.blockShowResult) {\n            this.$refs.searchFormRef.addEventListener(\"submit\", (e) => {\n              e.preventDefault();\n              this.getPosts();\n            });\n          }\n\n          this.dropdown = this.$refs.dropdown;\n          this.clickawayHandler = (e) => { this.clickaway(e) };\n        },\n        clickaway(e) {\n          if (e.target !== this.dropdown && !this.dropdown.contains(e.target)) {\n            this.toggleDropdown();\n          }\n        },\n        toggleDropdown() {\n          if (this.showDropdown) {\n            this.showDropdown = false;\n            this.dropdown.style.removeProperty('opacity');\n            setTimeout(() => {\n              this.dropdown.classList.add('hidden');\n            }, 150);\n            document.removeEventListener('click', this.clickawayHandler);\n          } else {\n            this.showDropdown = true;\n            this.dropdown.classList.remove('hidden');\n            void this.dropdown.clientHeight;\n            this.dropdown.style.setProperty('opacity', 1);\n            setTimeout(() => {\n              document.addEventListener('click', this.clickawayHandler);\n            }, 1);\n          }\n        },\n        changeCategory(id, text) {\n          this.category = id; \/\/ update parent variable\n          this.c_text = text;\n          this.toggleDropdown();\n          if (this.blockShowResult) {\n            this.getPosts();\n          }\n        }\n      }));\n    });\n  })();\n<\/script>        <div class=\"relative\">\n          <template x-if=\"loading\">\n            <div class=\"absolute size-full top-0 left-0 z-[1] bg-[#ffffff55]\">\n            <\/div>\n          <\/template>\n          <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-x-7 gap-y-9 py-8 xl:py-16 result-wrapper\">\n              <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67251\">\n    <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/shift-to-shorter-ssl-validity\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/02\/The-Shift-to-Shorter-SSL-Validity-1.jpg\" alt=\"The Shift to Shorter SSL Validity\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Guidelines &amp; Tips\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=guidelines-tips\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Guidelines &amp; Tips            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"IT Solutions\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=it-solutions\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              IT Solutions            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"SSL Certificate\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=ssl-certificate\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SSL Certificate            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/shift-to-shorter-ssl-validity\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          The Shift to Shorter SSL Validity: What the New 199\u2011Day Limit Means for Your Business (and Why You Shouldn\u2019t Panic)        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Learn about the upcoming 199-day SSL certificate validity limit, how it impacts your business, and why you shouldn&#8217;t panic. Discover the importance of SSL automation and renewal practices to ensure your website stays secure.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          26\/02\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67271\">\n    <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/beyond-meta-using-structured-data-for-better-search-visibility\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/01\/Beyond-Meta-Using-Structured-Data-for-Better-Search-Visibility.jpg\" alt=\"Beyond-Meta-Using-Structured-Data-for-Better-Search-Visibility\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Digital Marketing\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=digital-marketing\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Digital Marketing            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"Guidelines &amp; Tips\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=guidelines-tips\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Guidelines &amp; Tips            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"SEO\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=seo\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SEO            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/beyond-meta-using-structured-data-for-better-search-visibility\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Beyond Meta: Using Structured Data for Better Search Visibility        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Go beyond meta tags. Learn how structured data improves search visibility, rich results, and CTR with practical SEO strategies.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          26\/01\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67297\">\n    <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/visible-one-techbehemoths-global-awards-hk-2025\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/01\/Website-Award-Frame.jpg\" alt=\"Visible One Wins the 2025 TechBehemoths Global Awards for Hong Kong\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Awards\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=awards\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Awards            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/visible-one-techbehemoths-global-awards-hk-2025\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Visible One Wins the 2025 TechBehemoths Global Awards for Hong Kong        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Visible One has been recognised at the 2025 TechBehemoths Global Awards for Hong Kong, winning in WordPress, ReactJS, and Web Design for outstanding digital solutions.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          20\/01\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67291\">\n    <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/beyond-e-e-a-t-quality-signals-for-content\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2026\/01\/Beyond-E-E-A-T-New-Quality-Signals-for-Content-in-2026.jpg\" alt=\"Beyond-E-E-A-T-New-Quality-Signals-for-Content-in-2026\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Content Marketing\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=content-marketing\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Content Marketing            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"Digital Marketing\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=digital-marketing\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Digital Marketing            <\/a>\n          <\/div>\n                    <div class=\"block pr-2\">\n            <a title=\"SEO\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=seo\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              SEO            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/beyond-e-e-a-t-quality-signals-for-content\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Beyond E-E-A-T: New Quality Signals for Content in 2026        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          360\u00b0 virtual tours are transforming retail and real estate by boosting engagement, increasing dwell time, and improving conversion rates through immersive digital experiences.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          19\/01\/26        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67302\">\n    <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/360-virtual-tour-revolutionising-retail-real-estate\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/12\/How-360-Virtual-Tours-Are-Revolutionizing-Retail-and-Real-Estate.jpg\" alt=\"How-360-Virtual-Tours-Are-Revolutionizing-Retail-and-Real-Estate\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"360 Virtual Tour\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=360-virtual-tour\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              360 Virtual Tour            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/360-virtual-tour-revolutionising-retail-real-estate\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          The Immersive Advantage: How 360\u00b0 Virtual Tours Are Revolutionizing Retail and Real Estate        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          360\u00b0 virtual tours are transforming retail and real estate by boosting engagement, increasing dwell time, and improving conversion rates through immersive digital experiences.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          29\/12\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n    <div class=\"w-full group overflow-hidden flex flex-col false \" id=\"67281\">\n    <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/responsive-vs-adaptive-web-design-2\/\" class=\"block w-full\">\n      <div class=\"text-center\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"215\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2025\/11\/Responsive-vs-Adaptive-Web-Design.jpg\" alt=\"Responsive-vs-Adaptive-Web-Design\"\n          class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n      <\/div>\n    <\/a>\n\n    <div class=\"py-4\">\n      <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n                  <div class=\"block pr-2\">\n            <a title=\"Web Design\" href=\"https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=web-design\"\n              class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \">\n              Web Design            <\/a>\n          <\/div>\n                <\/div>\n\n      <a href=\"https:\/\/visibleone.com\/zh-cn\/blog\/responsive-vs-adaptive-web-design-2\/\">\n        <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\">\n          Responsive vs. Adaptive Web Design: What\u2019s the Difference        <\/div>\n        <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\">\n          Discover the key differences between Responsive vs. Adaptive Web Design in this guide. Discover the approach that optimises SEO, user experience, and performance for modern websites.        <\/p>\n        <p class=\"fs-sm text-[#516f90] font-light\">\n          24\/11\/25        <\/p>\n      <\/a>\n    <\/div>\n  <\/div>\n            <\/div>\n\n          <div class=\"flex items-center justify-center mt-5 md:mt-10 xl:mt-[60px]\" :class=\"showPagination ? '' : 'hidden'\"\n  x-data=\"vo_blog_paginations\">\n  <button\n    class=\"h-8 px-2 flex items-center justify-center bg-[#f3f6f9] disabled:opacity-50 disabled:bg-[#f3f6f9] hover:bg-[#71FFD226] mr-3\"\n    :disabled=\"current == 1\" @click=\"onPrev\">\n    <span>\n      <svg width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.4 0.5L8 2.125L3.2 7L8 11.875L6.4 13.5L0 7L6.4 0.5Z\"\n          fill=\"#516F90\" class=\"transition-all duration-300\"><\/path>\n      <\/svg>\n    <\/span>\n    <span class=\"inline-block ml-2 text-[#516f90]\">Prev<\/span>\n  <\/button>\n\n  <div class=\"flex items-center\">\n    <template x-for=\"pageNumber in visiblePages\">\n      <button class=\"fs-base mr-2.5 lg:mr-5 last:mr-0 transition hover:text-[#516f90] hover:opacity-100\"\n        :class=\"pageNumber === current ? 'text-[#516f90]' : 'text-[#5A5A5A] opacity-90'\"\n        x-text=\"pageNumber\" @click=\"onPaginate(pageNumber)\" :disabled=\"!parseInt(pageNumber)\">\n      <\/button>\n    <\/template>\n  <\/div>\n\n  <button\n    class=\"h-8 px-2 flex items-center justify-center bg-[#f3f6f9]  disabled:opacity-50 disabled:bg-[#f3f6f9] hover:bg-[#71FFD226] ml-3\"\n    :disabled=\"current == totalPages\" @click=\"onNext\">\n    <span class=\"inline-block mr-2 text-[#516f90]\">Next<\/span>\n    <span>\n      <svg width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M1.6 0.5L-1.19209e-07 2.125L4.8 7L-1.19209e-07 11.875L1.6 13.5L8 7L1.6 0.5Z\" fill=\"#516F90\"\n          class=\"transition-all duration-300\"><\/path>\n      <\/svg>\n    <\/span>\n  <\/button>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('vo_blog_paginations', () => ({\n        onPrev: function () {\n          if (this.current - 1) {\n            this.current -= 1;\n          } else {\n            this.current = 1;\n          }\n          this.getPosts(false);\n        },\n        onNext: function () {\n          if (this.current + 1 <= this.totalPages) {\n            this.current += 1;\n          } else {\n            this.current = this.totalPages;\n          }\n          this.getPosts(false);\n        },\n        onPaginate: function (index) {\n          this.current = index;\n          this.getPosts(false);\n        },\n        get visiblePages() {\n          const range = 2;\n          const visible = [];\n\n          if (this.totalPages <= 7) {\n            for (let i = 1; i <= this.totalPages; i++) {\n              visible.push(i);\n            }\n          } else {\n            if (this.current <= 4) {\n              for (let i = 1; i <= 5; i++) {\n                visible.push(i);\n              }\n              visible.push('...');\n              visible.push(this.totalPages);\n            } else if (this.current > this.totalPages - 4) {\n              visible.push(1);\n              visible.push('...');\n              for (let i = this.totalPages - 4; i <= this.totalPages; i++) {\n                visible.push(i);\n              }\n            } else {\n              visible.push(1);\n              visible.push('...');\n              for (let i = this.current - 1; i <= this.current + 1; i++) {\n                visible.push(i);\n              }\n              visible.push('...');\n              visible.push(this.totalPages);\n            }\n          }\n\n          return visible;\n        }\n      }));\n    })\n  })();\n<\/script>        <\/div>\n            <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function () {\n    function formatToDDMMYY(date) {\n      const day = String(date.getDate()).padStart(2, '0');\n      const month = String(date.getMonth() + 1).padStart(2, '0'); \n      const year = String(date.getFullYear()).slice(-2); \n\n      return `${day}\/${month}\/${year}`;\n    }\n\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('blog_search_filter', () => ({\n        category: '',\n        search: '',\n        searched_text: `Blog`,\n        posts: [],\n        loading: false,\n        per_page: 12,\n        current: 1,\n        showPagination: Math.ceil(6 \/ 12),\n        totalPages: Math.ceil(6 \/ 12),\n        lang: 'ICL_LANGUAGE_CODE',\n        blockShowResult: Boolean('1'),\n        formatDate: (date) => formatToDDMMYY(new Date(date)),\n        updateSearchedText() {\n          if (!this.search) {\n            this.searched_text = 'Blog';\n            return;\n          }\n\n          const prefix = 'Search Results for' + ' \"';\n          const suffix = '\"';\n          this.searched_text = prefix + `${this.search}` + suffix;\n        },\n        getPosts: async function (resetCurrent = true) {\n          this.updateSearchedText();\n          \/\/ clean up paged\n          if (resetCurrent) this.current = 1;\n          this.loading = true;\n\n          \/\/ fetch\n          const baseUrl = 'https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/posts';\n          const param = {\n            category: this.category,\n            search: this.search,\n            page: this.current,\n            per_page: this.per_page\n          }\n          if (this.lang) {\n            param.lang = this.lang;\n          }\n          const fetchURL = baseUrl + \"?\" + this.objectToQueryString(param);\n\n          try {\n            const res = await fetch(fetchURL);\n            const fetchPosts = await res.json();\n            const totalPost = res.headers.get('X-WP-Total');\n            this.posts = fetchPosts;\n            this.totalPages = Math.ceil(totalPost \/ 12);\n            this.showPagination = Math.ceil(totalPost \/ 12);\n\n            \/\/ render\n            const content = document.querySelector('[block-name=\"BlogSearchFilter\"] .result-wrapper');\n            if (content) {\n              if (!content.querySelector('template')) {\n                const template = `<template x-for=\"post in posts\" :key=\"post.id\">\n    <div class=\"w-full group overflow-hidden flex flex-col false \" :id=\"post.id\">\n      <a :href=\"post.link\" class=\"block w-full\">\n        <div class=\"text-center\">\n          <img :src=\"post.img\"\n            class=\"max-h-[190px] xl:max-h-[208px] 2xl:max-h-[215px] w-full object-cover aspect-video rounded\">\n        <\/div>\n      <\/a>\n\n      <div class=\"py-4\">\n        <div class=\"flex flex-nowrap items-start overflow-x-auto\">\n          <template x-for=\"category in post.categories\" :key=\"category.term_id\">\n            <div class=\"block pr-2\">\n              <a :href=\"'https:\/\/visibleone.com\/zh-cn\/blog-search\/?category=' + category.term_id\"\n                class=\"block max-w-[250px] overflow-hidden text-ellipsis  whitespace-nowrap fs-sm leading-relaxed font-light text-primary hover:text-[#5f8bb9] mb-2 py-1 px-2 rounded-2xl bg-[#d9d9d975] hover:bg-[#d9d9d990] duration-75 \" x-text=\"category.name\">\n              <\/a>\n            <\/div>\n          <\/template>\n        <\/div>\n\n        <a :href=\"post.link\">\n          <div class=\"fs-base  text-[#213343] font-semibold line-clamp-2 my-3 group-hover:underline\" x-text=\"post.title\">\n          <\/div>\n          <p class=\"fs-sm text-[#213343] font-light line-clamp-3 mb-3\" x-text=\"post.excerpt\">\n          <\/p>\n          <p class=\"fs-sm text-[#516f90] font-light\" x-text=\"formatDate(post.date)\">\n          <\/p>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/template>`;\n                Alpine.morph(content, `\n                  <div class=\"${content.className}\">\n                    ${template}\n                  <\/div>\n                `)\n              }\n            }\n\n            \/\/ update url\n            const hrefParams = {\n              category: this.category,\n              search: this.search,\n              current: this.current,\n            }\n            const newUrl = window.location.href.split(\"?\")[0] + \"?\" + this.objectToQueryString(hrefParams);\n            window.history.replaceState({}, document.title, newUrl);\n          } catch (e) {\n            console.log(e);\n          } finally {\n            this.loading = false;\n          }\n        },\n        objectToQueryString: function (obj) {\n          for (let key in obj) {\n            if (!obj[key]) delete obj[key];\n          }\n\n          return Object.keys(obj).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(obj[key])).join('&');\n        }\n      }));\n    })\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-26711","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/pages\/26711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/comments?post=26711"}],"version-history":[{"count":1,"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/pages\/26711\/revisions"}],"predecessor-version":[{"id":65227,"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/pages\/26711\/revisions\/65227"}],"wp:attachment":[{"href":"https:\/\/visibleone.com\/zh-cn\/wp-json\/wp\/v2\/media?parent=26711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}