This project involved creating a custom archive page for portfolio projects in WordPress. The purpose of the archive was to display multiple case studies in a consistent and visually appealing format so that users could browse projects easily.<\/p>\n\n\n\n
The archive was designed using a card layout. Each card includes the project title, featured image, and a short description. This approach helps users scan the page quickly and choose which project they want to explore in more detail.<\/p>\n\n\n\n
One important goal of this project was responsiveness. The archive page was built mobile-first so it works well on both small and large screens. On smaller devices, the cards stack in a single column, while on larger screens the layout expands into multiple columns.<\/p>\n\n\n\n
The development process also helped me understand WordPress template hierarchy. I created a dedicated archive template for the custom post type so WordPress could automatically load the correct design for the project archive page.<\/p>\n\n\n\n
Another part of this project was styling hover effects for the project cards. This small interaction makes the page feel more dynamic and professional. Even a simple movement or shadow on hover improves the user experience and makes the archive more engaging.<\/p>\n\n\n\n
This project was valuable because it helped me connect design thinking with coding. I learned how to structure content, style reusable components, and use WordPress features to display dynamic content in a meaningful way.<\/p>\n","protected":false},"excerpt":{"rendered":"
A responsive archive layout created to display project case studies in a clear and organized card-based format.<\/p>\n","protected":false},"featured_media":40,"template":"","meta":{"_acf_changed":false},"class_list":["post-42","project","type-project","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/233.rparekh.imgd.ca\/project-2\/wp-json\/wp\/v2\/project\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/233.rparekh.imgd.ca\/project-2\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/233.rparekh.imgd.ca\/project-2\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/233.rparekh.imgd.ca\/project-2\/wp-json\/wp\/v2\/media\/40"}],"wp:attachment":[{"href":"https:\/\/233.rparekh.imgd.ca\/project-2\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}