三生万物-由手机自适应修改引发的问题及解决方案

2018-08-28 约 614 字 预计阅读 2 分钟

用手机模拟测试网站测试,发现标题没有很好的自适应手机屏幕。用三星屏幕模拟,发现用户必须左右移动方可阅读


 

 

这个是模板的问题了,立马上Elegant Themes网站搜索有没有同样问题,找到一个解决方案。

在custom css上增加如下几行:
#posts .post .no_thumb {
width: auto !important;
}

再去测试,没变化,嗯,因为为了加速优化将css文件设成最大值定期了,对方网站没有办法更新,还是去google pagespeed insights看看。结果已经好很多了。



 

不过道生一,一生二,二生三,三生万物。红尘中打滚,一个问题解决带来另一个问题。

上述代码是将标题自动根据屏幕及长度缩短,若标题长度短,则又出现了如下问题



 

正文会紧贴标题不放松,成了歪脖子。这个又得去改模板了。

打开wordpress的模板editor,找到发正文的那个函数



 

就是<?php the_content(''); ?>那句,下面原模板开发者加了个回车,上面却没有,那我自己加一句在上面。

改好了存盘一看,还没变化。发现模板文件太多,估计很多文件都有这句话。得找个工具找到所有有这句正文函数的文件。

记得用windows时有个notepad++非常好用。现在用Ubuntu也没问题,有windows程序模拟器,打开notepad++,寻找<?php the_content(''); ?>



 

很快找到12个结果,还很贴心的标明是哪一行 :-)



 

依次全部加了个回车,存盘,解决问题。



故此即便是三生万物,一个问题解决又产生多个问题,不用急,专注在新问题解决,若暂时解决不了放一边也无妨。 :)

Tags: wordpress

author

Jesse Lau

网名遁去的一,简称遁一。2012年定居新西兰至今,自由职业者。
本文采用知识共享署名 4.0 国际许可协议进行许可。简而言之,可随意转发转载,转载请注明出处。


留点评论吧:

本网站使用cookie技术以提高用户体验度。 了解我们的隐私政策 我已了解