wp 评论头像 调用

/ 5评 / 0
评论头像演示

评论头像演示

WordPress评 论者头像功能其服务来源于Gravatar的服务,它是Gravatar推出的一种头像身份标识服务。只要你在?Gravatar?上注册你邮箱,和上传 头像图片,然后当你在启动 Gravatar 服务的博客上留言并留下你的邮箱地址,就可以显示你自定义的头像。Gravatar 服务使我们的博客留言不再仅仅停留在单独的文字层面,它的出现极大地丰富了留言的观赏性,同时我们也可以通过读者的头像使留言者可视化和个性化……但之前 都是利用插件实现,而且很麻烦。wordpress2.5开始已经开始自带评论头像功能,

评论头像引用代码,当然要插入到comment.php评论页面的适当位置,我就试了几次才觉的放的位置符合我的要求:

<?php if (function_exists(’get_avatar’)) { ?> <div class=”gravatar”><?php echo get_avatar(get_comment_author_email(),’32′); ?></div> <?php } ?>

插入好了引用代码,其实你在代码中也可发现调用了样式。所以要在你的CSS文件中, 添加以下样式的定义:

/* 评论头像左对齐 */

.gravatar {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #009900;
padding-bottom: 5px;
}
.gravatar img {
border: none;
float: left;
margin: 0 5px 0 0;
}

/* 到 */ 之间的内容是注释部分, 不会干扰其它代码。

.gravatar (随便定义个名字而已, 名称随便你, 只是用来被DIV调用) {
下面的-边框-粗细: 1像素;
下面的-边框-样式: 虚线;
下面的-边框-颜色: 深绿色; (#RRGGBB是颜色表)
区域内放置-距离底部: 5像素;
}
.gravatar img (对这个区域内出现的IMG标记进行定义) {
边框: 没有;
放置: 左边;
区域外放置: 0 5像素 0 0; (这里是4个数值, 分别代表距离”上 右 下 左”的长度, 这个例子中就是距离右边5像素, 其它方向0像素)
}

这个就要看你自己的要求了,我只用了img样式表。

  1. leftkey说道:

    可以。·

  2. 贡米说道:

    学习了

  3. Time说道:

    居然搜索wp头像,午夜大哥直接跳到首页,可喜可喜.

发表评论

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