{"id":674,"date":"2025-04-01T14:56:04","date_gmt":"2025-04-01T14:56:04","guid":{"rendered":"http:\/\/localhost:8888\/mivox\/?p=674"},"modified":"2026-03-01T16:18:32","modified_gmt":"2026-03-01T16:18:32","slug":"blog-with-cms-integration","status":"publish","type":"post","link":"https:\/\/wpdemo.ajufbox.com\/zaya\/2025\/04\/01\/blog-with-cms-integration\/","title":{"rendered":"Blog with CMS Integration"},"content":{"rendered":"\n<h3 class=\"wp-block-heading has-x-large-font-size\">Project Detail<\/h3>\n\n\n\n<div class=\"wp-block-columns row is-layout-flex wp-container-core-columns-is-layout-27d81cff wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow col-lg-6\">\n<div class=\"wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-d5209ea4 wp-block-group-is-layout-constrained\">\n<p style=\"margin-bottom:var(--wp--preset--spacing--30)\">Build a dynamic blog platform that allows users to manage posts easily. The blog should be optimized for readability and performance, using a CMS like WordPress or headless options like Strapi or Contentful.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow col-lg-6\">\n<div class=\"wp-block-group flex-lg-row is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-4e0567f5 wp-block-group-is-layout-flex justify-content-lg-between\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-1-color has-text-color has-link-color wp-elements-4de3331f484f9c9b932ca18fdae70861\" style=\"margin-bottom:var(--wp--preset--spacing--10);font-style:normal;font-weight:500;line-height:1.1\">Client<\/p>\n\n\n\n<p class=\"has-large-font-size\" style=\"margin-bottom:0;font-style:normal;font-weight:600;line-height:1.3\">Themeforest<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-1-color has-text-color has-link-color wp-elements-13772277aec6ea83e6e5be7d537e7a0d\" style=\"margin-bottom:var(--wp--preset--spacing--10);font-style:normal;font-weight:500;line-height:1.1\">Year<\/p>\n\n\n\n<p class=\"has-large-font-size\" style=\"margin-bottom:0;font-style:normal;font-weight:600;line-height:1.3\">2024<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-contrast-1-color has-text-color has-link-color wp-elements-77d4f97ba4c16e49e053d964b34fb6ab\" style=\"margin-bottom:var(--wp--preset--spacing--10);font-style:normal;font-weight:500;line-height:1.1\">Services<\/p>\n\n\n\n<p class=\"has-large-font-size\" style=\"margin-bottom:0;font-style:normal;font-weight:600;line-height:1.3\">Web Development, Branding<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--50)\"><div \nclass=\"wp-block-zaya-core-slider\">\n<div class='swiper zaya-slider'>\n\t<div class='swiper-wrapper'>\n\t<div class=\"swiper-slide\">\n\t\n<figure class=\"wp-block-image size-large has-custom-border\"><a data-fslightbox=\"\" href=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-1-1024x576.webp\" alt=\"\" class=\"wp-image-691\" style=\"border-radius:16px\" srcset=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-1-1024x576.webp 1024w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-1-300x169.webp 300w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-1-768x432.webp 768w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-1-1536x864.webp 1536w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-1-2048x1152.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><div class=\"swiper-slide\">\n\t\n<figure class=\"wp-block-image size-large has-custom-border\"><a data-fslightbox=\"\" href=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-2.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-2-1024x576.webp\" alt=\"\" class=\"wp-image-692\" style=\"border-radius:16px\" srcset=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-2-1024x576.webp 1024w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-2-300x169.webp 300w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-2-768x432.webp 768w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-2-1536x864.webp 1536w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-2-2048x1152.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><div class=\"swiper-slide\">\n\t\n<figure class=\"wp-block-image size-large has-custom-border\"><a data-fslightbox=\"\" href=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-3.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-3-1024x576.webp\" alt=\"\" class=\"wp-image-693\" style=\"border-radius:16px\" srcset=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-3-1024x576.webp 1024w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-3-300x169.webp 300w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-3-768x432.webp 768w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-3-1536x864.webp 1536w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-3-2048x1152.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><div class=\"swiper-slide\">\n\t\n<figure class=\"wp-block-image size-large has-custom-border\"><a data-fslightbox=\"\" href=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-4.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-4-1024x576.webp\" alt=\"\" class=\"wp-image-694\" style=\"border-radius:16px\" srcset=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-4-1024x576.webp 1024w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-4-300x169.webp 300w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-4-768x432.webp 768w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-4-1536x864.webp 1536w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-4-2048x1152.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><div class=\"swiper-slide\">\n\t\n<figure class=\"wp-block-image size-large has-custom-border\"><a data-fslightbox=\"\" href=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-5.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-5-1024x576.webp\" alt=\"\" class=\"wp-image-695\" style=\"border-radius:16px\" srcset=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-5-1024x576.webp 1024w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-5-300x169.webp 300w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-5-768x432.webp 768w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-5-1536x864.webp 1536w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-5-2048x1152.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><div class=\"swiper-slide\">\n\t\n<figure class=\"wp-block-image size-large has-custom-border\"><a data-fslightbox=\"\" href=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-6.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-6-1024x576.webp\" alt=\"\" class=\"wp-image-696\" style=\"border-radius:16px\" srcset=\"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-6-1024x576.webp 1024w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-6-300x169.webp 300w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-6-768x432.webp 768w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-6-1536x864.webp 1536w, https:\/\/wpdemo.ajufbox.com\/zaya\/wp-content\/uploads\/2025\/04\/project-6-2048x1152.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\t<\/div>\n\t<div class=\"zaya-slider-action-container\">\n\t\t\n\t\t\t\t<div class='zaya-slider-pagination'><\/div>\n\t\t\n\t\t\n\t<\/div>\n\t<\/div>\n\t<script type=\"application\/json\" class=\"slider-attributes\">\n\t\t{\"blockId\":\"slider-38cd4548-e9cf-4ff5-9f77-36b50accc9e6\",\"showNavigation\":false,\"speed\":2000,\"sliderResponsiveSettings\":{\"desktop\":{\"slidesPerView\":2,\"spaceBetween\":42},\"tablet\":{\"slidesPerView\":1,\"spaceBetween\":42},\"mobile\":{\"slidesPerView\":1,\"spaceBetween\":0}},\"showPagination\":true,\"loop\":false,\"paginationType\":\"bullets\",\"autoPlay\":false,\"autoPlayDelay\":3000}\t<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-17f68c99 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--50)\">\n<p data-aos=\"scroll-down-reveal\" data-splitting=\"chars\" class=\"has-text-align-center has-2-x-large-font-size splitting-char\" style=\"margin-bottom:0;font-style:normal;font-weight:400;line-height:1.4\">From discovery to deployment, every phase of the project focused on delivering a seamless user experience.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-bbac5a6b wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--40)\">\n<h3 class=\"wp-block-heading\">From Idea to Launch<\/h3>\n\n\n\n<p>The development process began with a discovery and planning phase, where we clarified the client&#8217;s goals, audience, and technical requirements. Next came wireframing and design, where we translated those ideas into structured layouts and a modern visual identity<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Launch &amp; Handoff \u2013 Deploying the site and providing client training on content updates.<\/li>\n\n\n\n<li>Discovery &amp; Planning \u2013 Understanding the client\u2019s goals, target audience, and required features.<\/li>\n\n\n\n<li>Wireframing &amp; Design \u2013 Creating layout mockups and defining a modern yet minimal visual language.<\/li>\n\n\n\n<li>Development \u2013 Building the site using WordPress and the Gutenberg editor for flexibility.<\/li>\n\n\n\n<li>Testing &amp; Optimization \u2013 Ensuring responsiveness, accessibility, and fast load times across all devices.<\/li>\n<\/ol>\n\n\n\n<p>Once the core functionality was in place, we thoroughly tested the site for responsiveness, accessibility, and performance across various devices and browsers. Finally, we launched the site and walked the client through content management so they could confidently update and maintain their new digital presence.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Key Features We Implemented<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fully responsive layout with smooth animations<\/li>\n\n\n\n<li>Custom Gutenberg blocks for flexible content editing<\/li>\n\n\n\n<li>Portfolio filtering with category-based navigation<\/li>\n\n\n\n<li>Integrated blog section for thought leadership<\/li>\n\n\n\n<li>Contact form with reCAPTCHA protection<\/li>\n<\/ul>\n\n\n\n<p>Each feature was chosen to not only elevate the visual appeal but also to improve usability. For example, the custom Gutenberg blocks allow the client to edit sections like testimonials or portfolio projects without touching a line of code.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Understanding the Client\u2019s Vision<\/h3>\n\n\n\n<p>Before writing a single line of code, we kicked things off with a deep dive into the client\u2019s goals. The client\u2014a graphic designer\u2014wanted a clean, fast website that emphasized visuals without sacrificing usability. They also needed to manage content on their own, which meant we had to build with user-friendly tools from the start.<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-cf77ab0d wp-block-group-is-layout-constrained\" style=\"border-radius:16px;margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--10);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--10)\">\n<div class=\"wp-block-group has-base-2-background-color has-background is-layout-constrained wp-container-core-group-is-layout-644e5aca wp-block-group-is-layout-constrained\" style=\"border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--30)\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-large-font-size\" style=\"margin-bottom:var(--wp--preset--spacing--20);font-style:normal;font-weight:500;line-height:1.7\">The final result felt like <em>my brand<\/em>\u2014clean, intuitive, and easy to maintain. I couldn\u2019t be happier<\/p>\n\n\n\n<p class=\"has-contrast-1-color has-text-color has-link-color has-medium-font-size wp-elements-ef761dad017426328d8c7cd277f74efc\">Client<\/p>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<p>This project highlighted the importance of close collaboration and user-centered design. By combining modern development tools with strategic thinking, we delivered a site that\u2019s not only beautiful but built to grow with the client\u2019s business.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Video &amp; motion design trends 2026: AI, craft, and chaos\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/XRIh-m23-DM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Final Thoughts<\/h3>\n\n\n\n<p>This project highlighted the importance of close collaboration and user-centered design. By combining modern development tools with strategic thinking, we delivered a site that\u2019s not only beautiful but built to grow with the client\u2019s business. If you\u2019re planning to build your own portfolio or need help making your site work harder for you, this approach can offer a solid blueprint.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Project Detail Build a dynamic blog platform that allows users to manage posts easily. The blog should be optimized for readability and performance, using a CMS like WordPress or headless options like Strapi or Contentful. Client Themeforest Year 2024 Services Web Development, Branding From discovery to deployment, every phase of the project focused on delivering [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":682,"comment_status":"open","ping_status":"open","sticky":false,"template":"single-post-full-width","format":"standard","meta":{"footnotes":""},"categories":[9,16],"tags":[],"class_list":["post-674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-portfolio"],"_links":{"self":[{"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/posts\/674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/comments?post=674"}],"version-history":[{"count":6,"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/posts\/674\/revisions"}],"predecessor-version":[{"id":870,"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/posts\/674\/revisions\/870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/media\/682"}],"wp:attachment":[{"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/media?parent=674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/categories?post=674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdemo.ajufbox.com\/zaya\/wp-json\/wp\/v2\/tags?post=674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}