自动隐藏评论区的用户信息输入框

今天下午对评论做了一点小调整,首先是评论分页了,这样每次打开文章页面不至于冗长,加载也会快那么一丢丢,应该没多少人会翻看旧的评论吧?

其次,就是评论区的用户信息,如果之前评论过,则自动隐藏姓名、邮件、站点的输入框,只显示名称以及修改的按钮。这样页面看上去更简洁,要不然四个输入框,看着确实乱一些。这个功能在很多博客见过的,刚开始搜了一下现成的代码,发现要么需要引用jQuery等Javascript库,要么需要修改主题评论的html代码。

可是,我不喜欢用不到的代码出现,所以jQuery不用;而且我的主题,是默认的主题修改而成,评论框部分是直接一个函数调用WP系统的,要么修改系统代码,下次升级重新改一遍,要么把系统代码复制到主题里面,都好麻烦。

因为要隐藏的这几个元素(被p标签包裹),恰好没有id,js不好选择,最后就遍历它们的父级下的所有p标签,然后判断其class,设置display属性,毕竟一共就那么几个元素,效率没问题的。然后再用js加个显示/隐藏切换的按钮,方便修改信息,最后在主题里加一行判断是否有信息填写过,有就输出执行js的代码。代码很简单,一共俩js函数,位于根目录的script.js中,不一定完美,简单能用就行~各位试一下行不行吧。

随便看看

本文共有69条评论

    1. 既然是收藏,那就先不急了,我这主题是官方默认的twenty-fourteen删改的,好多都把函数替换成固定的我的博客内容了,分享了别人也不好用。
      主要就是删除侧边栏、顶部图片,其它css可以直接下载了。

      1. Twenty Fourteen被你精简成现在这样,那真是技术活,这也更引起我的兴趣了,共享一份?嘻嘻,也让我研究研究你所精简的内容。谢了。

        1. 后台代码里有些私人的信息,暂时就别了吧,等我以后整理一下,搞个正式的主题再说。其实研究的话,看看网页的HTML代码及css更快捷。

    1. 嗯,的确,不过现在看上去也还算舒服,以后再说吧。因为评论部分是调用系统代码,要修改且不受升级影响,可能得靠css或者js操作了~

你好,哪位? 填写