优化新窗口打开相关问题 优化移动端体验教程-zibll教程分享社区-zibll子比主题-WordPress主题模板-zibll子比主题

优化新窗口打开相关问题 优化移动端体验教程

问题场景

在PC端打开新窗口体验还是不错的,但是到移动端打开新窗口就会出现下面的场景

就看了会儿网站打开一堆页面,这样体验是很差的

如何让PC打开文章进新的窗口,移动端在原页面打开文章?

微信截图_20220423152750.png

温馨提示

由于代码上传触发了老唐的防火墙,因此以截图的形式发在本文,您可以通过查看原文复制代码

解决方案

我们可以只让PC端打开文章打开新窗口,移动端不受影响,只需要增加一个判断

wp-content/themes/zibll/inc/functions/zib-theme.php第753行

微信截图_20220424085947.png

 

修改为

微信截图_20220424090019.png

 

然后,在后台文章&列表>新窗口打开文章

微信截图_20220423153137.png

 

拓展:帖子、版块也可以这么做

首先需要开启相应功能

  • 社区&论坛>全局设置>版块新窗口打开
  • 社区&论坛>全局设置>帖子新窗口打开

微信截图_20220423154203.png

 

针对版块,手机不打开新窗口的修改方法

则需修改/wp-content/themes/zibll/inc/functions/bbs/inc/plate.php第511行微信截图_20220424090233.png

修改为

微信截图_20220424090308.png

第555行

微信截图_20220424090323.png

 

修改为

微信截图_20220424090405.png

 

 

针对帖子,手机不打开新窗口的修改方法

/wp-content/themes/zibll/inc/functions/bbs/inc/posts.php第588行

微信截图_20220424090520.png

修改为

微信截图_20220424090548.png

 

第1137行

微信截图_20220424090612.png

 

修改为

微信截图_20220424090641.png

 

 

请登录后发表评论

      • ⁢FancyPig的头像-WordPress主题模板-zibll子比主题代理会员⁢FancyPig徽章-人气大使-WordPress主题模板-zibll子比主题等级-LV6-WordPress主题模板-zibll子比主题作者版主1
      • ⁢FancyPig的头像-WordPress主题模板-zibll子比主题代理会员⁢FancyPig徽章-人气大使-WordPress主题模板-zibll子比主题等级-LV6-WordPress主题模板-zibll子比主题作者版主0