给typecho添加访客资料隐藏功能

关于wordpress添加访客资料隐藏功能网上是一搜一大堆,我最看好的还是我目前使用的这一套方案,用jQuery实现的这个功能。WordPress以其优美的臃肿曲线依然挺立,但是我心里已经离他远去,在本机折腾了一个typecho,测试了一下这个功能,小有心得,还有很多问题,因此发此博文,我们共同探讨。 :cool: :cool:

明确目的

1、当输入框有访客信息的时候将信息输入框隐藏(其实显示也无所谓,也不用再输入),以达到布局方面用户体验的提升。

2、访客可以更改自己的信息。

最终效果

没有评论过是这个样子:

image

评论过之后呢,是这个样子:

image

技术核心

1、使用Typecho的 $this->remember(‘author’) 这个函数,

2、jQuery

明确我的问题所在

1、我不懂php,不知道如何做用户信息的判断,就是判断用户是否评论过。通俗的说,那个函数我不知道怎么样去判断是否为空。

2、更改标题栏,如有“XX,欢迎回来 : title”

ACTION:

首先找到comments.php文件,找到

<h4 id="response"><?php _e(‘欢迎添加新评论'); ?></h4>

这一行,如下图第一行:

image

其次我们要做的就是把<h4></h4>里面的代码替换成

<?php _e($this->remember('author').' 童鞋,欢迎添加新评论'); ?> <span id="welcome"></span>

然后找到如图所示第56行,即评论者信息输入框,用:

<div id="author_info"></div>

括起来。

至此基本成型,下一步是引入jQuery库和隐藏输入框的代码。

在目录下新建js目录,把以下两个js文件下载并上传:

http://www.mobai.org/wp-content/uploads/2010/08/jquery.js (jQuery1.2的压缩版)

http://www.mobai.org/wp-content/uploads/2010/08/input.js

然后修改footer.php,添加这两行代码

<script type="text/javascript" src="<?php $this->options->themeUrl('/js/jquery.js'); ?>"></script>
<script type="text/javascript" src="<?php $this->options->themeUrl('/js/input.js'); ?>"></script>

至此,大功告成!

具体预览效果可以在这里查看:http://www.akuan001.info/hosting/start.html

有什么问题请留言,我第一时间解决。


做一个小广告:

如果大家需要国外空间话,联系我吧,虽然我没有小张那么大名气,但好歹我们也是一个学校的哈哈,我跟我同学合搞也卖主机,同时还有个性域名等等,如果大家需要的话,可以联系我。

测试速度:http://www.akuan001.info

Gtalk: chenglu99{AT}Gmail.com/hengxinsoft{AT}gmail.com(阿宽滴)

QQ: 337807460/1062889726(阿宽滴)

非reseller,所有服务均可以自定义,200MB空间/3G月流量 45元 VPN那啥的也可以送, :cry: :cry: 不过话说还没玩转那个Linux平台,希望大家能支持,我们一起发展。

52 thoughts on “给typecho添加访客资料隐藏功能

  1. 恩,这个效果早就看到过,确实挺不错的,占用没什么用的用户视觉空间的地方就该隐藏起来

  2. 哈哈,weisuo男还很能写一些技术文章呀,嘿嘿;
    虽然没学过php也不玩wp,但是从博文的介绍,还是了解标签中的一些功能哈,remember 当前user comment 的信息,支持修改current user profiles的功能,嘿嘿。。

  3. 很多主题都自带这个功能,所以要学习直接看主题的文件就好了
    还有代码用图片不专业啊

  4. style{
    Fuck GFW!important;
    Iam:黑莓控;Google控;代码控;
    IM:Gtalk!important;
    }

    嗯 这个自我简介很给力
    还有看到blog最下方我笑了,你用wp你自豪 ~. ~

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">