Wordpress - 在移动设备上更改主页

Question

I have been searching for some solution to make my home page on mobile devices different than on normal browsers. I need 100% reliable solution but i found only:

• Checking with $is_mobile (it doesn't work in all cases)
• Using JS scripts to calculate device screen. Not sure how to apply that, all the solutions i have found were only useful for some elements on website not to change the home page in genereal.

Is there any solution to that? Most of the posts seems to be outdated also.

Answer 1

I too spent a lot of time on this topic. I would simply say do not use wp_is_mobile. It can be used to load an entirely new page but it is not reliable. And since you are looking for a reliable solution I would say do not use it. It fails.

Rather use javascript to alter different elements of your home page based on the screen size. Also use media queries.

Some important URLs which you might like to read to get more idea :

https://codex.wordpress.org/Function_Reference/wp_is_mobile

https://wordpress.stackexchange.com/questions/188881/proper-usage-of-wp-is-mobile

https://wordpress.stackexchange.com/questions/73273/wp-is-mobile-function

https://wordpress.stackexchange.com/questions/50219/responsive-theme-design-how-have-slideshow-on-desktops-tablets-and-static-photo/50265#50265