I’ve been building WordPress websites for quite a few years, I still use the classic theme with PHP templates and ACF approach. I recently had a request to build out a site, where the desktop and mobile designs are so very different. Now both designs I could build, this is not the issue. But my questions is around the architecture.
Usually I would build out a desktop site and create a responsive design through media queries etc. This approach is still possible, but seems to be slightly wasteful in terms of keeping the site lean and optimizing a page speed score.
Alternatively, I could create a seperate page for the mobile version, and issue redirects or rules such as wp_is_mobile() is_desktop().This keeps the templates lean but has obvious issues in terms of a redirect and managing multiple content (although it’s not a lot since the template is mostly a post feed).
Keen to hear the approach on this from other developers.
[ad_2]
The entire point of responsive design is to eliminate the need for both a mobile and desktop site.
I would start with the mobile-first approach and go additive as you get to desktop. Use media queries to display mobile- or desktop-only content and layouts.