wordpress分别在PC端和移动端显示不同代码

很多时间要在PC端和移动端显示不同代码都是在CSS里用display: none;隐藏区块,这样需要在样式上隐藏了,在源代码里还是有显示的。还有一种方式就是在让这些代码直接在不同的设备上彻底不显示,样式和源代码都不会显示。

代码如下:

<?php  if (!wp_is_mobile()) { //针对PC端显示的代码 ?>

在这里输入你要在PC端显示的代码

<?php }  //针对PC端显示的代码end ?>

以上代码只会在PC端显示,移动端不会显示。

<?php  if (wp_is_mobile()) { // 针对移动端显示的代码 ?>

在这里输入你要在移动端显示的代码

<?php }  //针对移动端显示的代码end ?>

以上代码只会在移动端显示,PC端不显示。

如果两段代码挨在一起,又想在不同的设备显示不同代码可以直接用以下代码。

<?php if ( wp_is_mobile() ){  ?>

这里是只在移动端显示的代码

<?php }else { ?>

这里是只在PC端显示的代码

<?php } ?>

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享