WordPress评论美化技巧：gravatar头像实时预览和用户Cookie记录_源码_站长之家
WordPress评论美化技巧：gravatar头像实时预览和用户Cookie记录
[摘要]本文讲讲Wordpress如何利用JS记住用户Cookie记录，使用户实现不需要输入用户名和邮箱等信息即可发表评论，另外当用户在输入自己的邮箱时，可以实时预览自己的gravatar头像，提高Wordpress评论体验。
　　下面就讲讲如何利用JS记住用户Cookie记录，使用户实现不需要输入用户名和邮箱等信息即可发表评论，另外当用户在输入自己的邮箱时，可以实时预览自己的gravatar头像，提高Wordpress评论体验。一、gravatar头像实时预览和用户Cookie记录准备条件1、你只需要在你的Wordpress中引用一段JS即可（此JS来源网络），这里是。2、还有一个用户Cookie记录是用到的JS文件，这里是。二、Wordpress评论美化―gravatar头像实时预览1、要实现当留言者在输入自己的邮箱时即可预览到自己的gravatar头像，前提是你的Wordpress评论框中要有一个显示gravatar头像的地方。2、如果你的Wordpress评论部分没有gravatar头像显示，请将下列代码放到合理的位置。&div id=”set-avatar”&&a target=”_blank” href=”/gravatar/”& &div id=”real-avatar”& &?php if(isset($_COOKIE['comment_author_email_'.COOKIEHASH])) : ?& &?php echo get_avatar($comment_author_email, 80,$default = get_bloginfo(‘template_directory’) .’/images/set-avatar.png’);?& &??& &?php global $user_?&&?php echo get_avatar($user_email, 80,$default = get_bloginfo(‘template_directory’) .’/images/set-avatar.png’); ?& &??& &/div&&/a&&/div& 3、上面代码的意思是如果是已经留过言的朋友，会自动显示填写的邮箱的gravatar头像，假如邮箱没有对应的gravatar头像，会显示默认头像set-avatar.png。没有留过言的人直接显示默认头像set-avatar.png。4、在你的Wordpress模板中引用刚才下载的一段JS文件，具体的引用方式可以自己决定。直接复制下列代码即可，注意更改路径。&script type=”text/javascript” src=”&?php bloginfo(‘template_url’); ?&/js/realgravatar.js”&&/script&5、这个时候就已经成功实现了当留言者发表评论时，如果是第一次，则直接显示默认头像，在输入评论邮箱后，会即刻显示gravatar头像，不管你发没发评论。效果见下图：三、Wordpress评论美化-用户Cookie记录1、Wordpress评论美化-用户Cookie记录主要是为了方便评论者，也就是当用户第二次发表评论时，可以自动调用上一次填写的邮箱和用户名，实现免输入即可发表评论。2、先根据浏览器的Cookie来判断是不是已经评论过的，如果是已经发表评论的，则显示欢迎XX回来的字样，代码如下：&?php if(isset($_COOKIE['comment_author_email_'.COOKIEHASH]) && isset($_COOKIE['comment_author_'.COOKIEHASH]))
&div id=”commentwelcome”&
&?php printf(__(‘ &strong&%1s&/strong&, 欢迎回来!’), $comment_author); ?& &/div& &? ?& 3、效果如下图：4、接下来要解决的问题就是，当用户觉得需要更换信息时，可以让他们自由编辑Cookie信息，另外如果是公用电脑，可能不同的人需要使用不同的Cookie来发表评论。5、所以接下来，我们要为Wordpress评论添加一个编辑信息的功能，让用户可以自由更换Cookie信息，也就是用户名和邮箱。6、请在Wordpress的评论模板中添加下列代码，意思是判断是否已经存在Cookie，如果存在，则显示编辑信息链接，如下：&?php if ( $comment_author != “” ) : ?& &div id=”welcome”& &div id=”welcome1″& &?php printf(__(‘不是 &strong&%s&/strong& ？ ‘), $comment_author) ?& &/div& &/div& &? ?&
7、现在请在你的Wordpress中引用上面下载的用户Cookie记录JS，直接复制下列代码即可，注意更改路径。&script type=”text/javascript” src=”&?php bloginfo(‘template_url’); ?&/js/lovecookie.js”&&/script& 8、由于JS中定义的DIV的author_info，所以你需要用&div id=”author_info”&&/div&来包括你的评论代码，类似于这样的：&div id=”set-avatar”&&a target=”_blank” href=”/gravatar/”& &div id=”real-avatar”& &?php if(isset($_COOKIE['comment_author_email_'.COOKIEHASH])) : ?& &?php echo get_avatar($comment_author_email, 80,$default = get_bloginfo(‘template_directory’) .’/images/set-avatar.png’);?& &??& &?php global $user_?&&?php echo get_avatar($user_email, 80,$default = get_bloginfo(‘template_directory’) .’/images/set-avatar.png’); ?& &??& &/div&&/a&&/div& 9、然后把&div id=”author_info”&&/div&所有内容放在第2步的&? ?&中，这样当点击编辑信息时，就会显示信息输入框，用户可以自己再次输入信息即可。如下图：10、点击编辑后，就会显示信息输入框，如下图（图片缩略图，点击还原放大）：四、gravatar头像实时预览和用户Cookie记录效果测试1、大家可以直接在本文下方的评论留言即可体验到gravatar头像实时预览和Cookie记录效果，输入邮箱后会看到头像，发表过评论后第二次评论时信息实现“免输入”。2、gravatar头像实时显示可能会在网速不好的情况下不起作用，另外如果浏览器的Cookie被删除，那么再次发表评论是还是需要输入用户信息的。五、Wordpress评论美化技巧小结1、上面Wordpress评论美化技巧的操作其实挺简单的，网上也有不少的教程，关键是学会将这些JS改装适用在自己的Wordpress。2、另外需要注意的是上面我只讲到了JS，具体的CSS部分大家还是需要自己修改，调成最适合自己的Wordpress评论模板。Wordpress下载： 软件大小：6.28MB 软件类别：国外软件 |
软件语言：简体中文 运行环境：PHP/Mysql 软件授权：免费版 更新时间： 16:05:30 相关链接： 软件大小：7.37MB 软件类别：国外软件 |
软件语言：英文 运行环境：PHP/MySQL 软件授权：开源软件 更新时间： 9:47:33 相关链接：本文转自：
本次DEDECMS教程小编为大家讲解DEDECMS列表页中随机调用缩略图的方法，默认的缩略图是取第一张图片，通过修...
热门源码下载推荐
最受关注报导
编辑推荐排行求人帮忙制作字母头像:cookieser_百度知道
求人帮忙制作字母头像:cookieser
请帮我做一个带有字母YH和WR的情侣头像，谢谢
我有更好的答案
com/zhidao/wh%3D600%2C800/sign=7fbaa1ba794fbde736d12f2eb9387b4bee8fddd6fad.hiphotos.hiphotos://g.baidu://g.baidu.hiphotos.baidu
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁热门搜索：
您的位置： -&
软件教程分类查找
非常抱歉！2345软件大全没能为您提供完善服务，万分感谢能得到您的指点！
您的建议：
精品软件课程
人气：4478179
photoshop教程让你从入门到精通，从新手快
人气：1197048
Excel是office的重要组成部分。多特Excel教
人气：3847362
WPS是金山公司的中文办公软件，包含文字，
人气：867213
AutoCAD是美国Autodesk公司开发的计算机辅
小游戏推荐
教程周榜教程总榜
12345678910
你不知道的 Cookie正在泄露你的隐私
出处：2345软件大全
核心提示：关于电脑上的Cookie，我想很多朋友都还是有所了解的，遇到诸如论坛帐号无法登录此类问题的时候，大家都知道先清除一下IE的Cookie，然后再重新登录就很有可能可以解决问题。
　　关于电脑上的Cookie，我想很多朋友都还是有所了解的，遇到诸如论坛帐号无法登录此类问题的时候，大家都知道先清除一下IE的Cookie，然后再重新登录就很有可能可以解决问题。然而，即使是最熟悉的东西也有可能变得陌生，除了浏览器的http Cookie之外，还有几种Cookie潜伏在我们的电脑中，不知道不觉中，隐私已经被泄露。 　　你熟悉的只是Http Cookie而已 　　虽然经常把清除Cookie这样的技巧挂在嘴边，其实这里说的Cookie只是浏览器Cookie，也就是Http Cookie。可是Cookie具体能做什么，估计能说上来的就没几个了，所以首先看看Cookie的具体作用有哪些。 　　Http Cookie的具体作用 　　Cookie是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存，或是从客户端的硬盘读取数据的一种技术。Cookie是当你浏览某网站时，由Web服务器置于你硬盘上的一个非常小的文本文件，它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。 　　当你再次来到该网站时，网站通过读取Cookie，得知你的相关信息，就可以做出相应的动作，如在页面显示欢迎你的标语，或者让你不用输入ID、密码就直接登录等等。从本质上讲，它可以看作是你的身份证。但Cookie不能作为代码执行，也不会传送病毒，且为你所专有，并只能由提供它的服务器来读龋保存的信息片断以“名/值”对(name-value pairs)的形式储存，一个“名/值”对仅仅是一条命名的数据。一个网站只能取得它放在你的电脑中的信息，它无法从其它的Cookie文件中取得信息，也无法得到你的电脑上的其它任何东西。Cookie中的内容大多数经过了加密处理，因此一般用户看来只是一些毫无意义的字母数字组合，只有服务器的CGI处理程序才知道它们真正的含义。 　　Http Cookie有何利用价值? 　　除了可以记住用户名、密码自动登录网站、论坛这样经常接触到的功能之外，对于网站来说，通过阅读用户的Cookie来发现用户的爱好、使用习惯，从而推送对应的广告，这已经是使用了很久的招数了。 　　比如在淘宝中，如果你喜欢在网上淘电脑的配件，那么多次登录淘宝搜索相关的配件信息之后，淘宝的“猜你喜欢的”功能就会推断出你的爱好，从而推送相应的商品，这就是通过阅读你的Cookie从而获取了你的使用习惯。 　　应对方法 　　网站通过读取你的Cookie信息从而有针对性地推送适合你的广告，在一定程度上这已经泄露了你的隐私。不过，要清除和禁用Http Cookie都很简单，不论是IE还是Chrome这样的第三方核心浏览器，都在浏览器设置中提供了删除Cookie的功能，任何人都可以通过鼠标点击来删除Cookie。 　　但是为了在登录某些论坛时更加快速，我们也可以用针对性地选择是否留下Cookie信息，这就是目前很多浏览器的隐私浏览模式，在IE8和火狐中早有了这个功能，在开启了这个功能之后，在访问网站的时候不会留下Cookie信息，从而达到保护隐私的目的。
相关教程推荐
相关软件推荐
资源统计：无插件软件：94333个 无病毒软件：94629个 昨日已处理133个带插件、病毒的软件
本站总软件：94629个 软件总下载次数：21.393亿次
软件教程文章：94972篇 总浏览次数：3.001亿次}