现在的位置: 首页 > WordPress教程 > 正文

WordPress Hotnews主题侧边内容及效果升级

2014年10月22日 WordPress教程 ⁄ 共 1097字 暂无评论 ⁄ 阅读 1,189 次

要说这次升级,真的是相当乌龙。一次偶然点击,发现所用知更鸟主题的侧边Tab菜单竟然点击时不能切换了!然后我就突然想到,不要是因为前两天的升级改了什么不该改的地方,然后改挂的吧。

于是,各种测试开始了。先是换上旧版本主题,结果依然处于失效状态。然后我就想,难道跟主题没关系,而是我前几天给WordPress核心做了一下升级导致的么?于是,换成3.4版本的,结果发现,问题还是存在。这我就郁闷了,莫非跟服务器有关?不应该啊,前两天就在这个服务器上是没有问题的。真是百思不得其解!然后亮点出现了,用另外一个浏览器打开了一下,竟然可以了!然后我就想,难道是浏览器的问题?结果问题又出现了,我登录后台再看前台,结果发现,又失效了!

看到这里大概就能猜到原因了,竟然跟后台登录有关!也就是处于登录状态时屏幕滚动会失效。我擦啊,倒腾了半天,尼玛竟然是这样一个BUG,太伤心了……

后期经查找,发现处于登录状态时有多级菜单功能。这个功能使用了superfish.js,而这个js使用时则屏幕滚动效果就失效了。好吧,瞎猫碰见死耗子,我又忽然想起曾经看到过关jQuery的一篇文章。说是先加载的js可能会影响后面,如果出现了影响,可以尝试更改js加载的顺序,可能就好了。于是,抱着试试看的态度,我把superfish.js放到页脚加载了。于是,真的好了……好吧,编程有时还要靠点瞎猜的,万一实现了呢?

反正已经开始倒腾了,索性就一次倒腾到让自己基本满意为止,于是就有了下面这些修改升级:

标签页等文章归档页、搜索页、404页等不再使用后台小工具中其他页面的模板,而改为跟首页一样,但不包含公告小栏目的侧边内容。且,这些页面不再跟文章内容页使用相同侧边内容。具体修改文件为主题目录下sidebar.php文件。

文章内容页,去除相关文章栏目(这个可以在后台设置里实现)。侧边内容修改为,仅tab菜单,且该栏目随着屏幕滚动而滚动,而且tab之间的切换效果,由原来的点击改为鼠标滑过即切换。好吧,这些说起来容易,但做起来真心不容易啊!我恨jQuery,我恨JS!(近期没时间再去学JS和了解jQuery了,所以基本看不懂那些东西,都是靠猜的,猜的啊…)

而且,本次修改的亮点不在于侧边随窗口滚动,而在于把侧边tab的内容设置为了“相关文章”、“最新文章”和“近期热门”三个。其中,相关文章主要为获取相同tag里的最新文章,当文章数量不足12个时随机补齐,这样样式看起来好看点。

主要修改的内容为主题目录下includes/tab.php文件,将原先内容清空并使用如下代码:

» 声明:本站文章源于个人经验总结或书籍、互联网转载,内容仅用于个人学习,请勿转载,否则后果自负!

给我留言

留言无头像?