读了一位站长朋友的文章“wordpress博主添加admin认证标识”,决定给自己的小站也加个
记录下给自己小站添加admin个性认证标识的整个操作过程,备忘。
1、自己做个admin个性标识,或拿现成的(这个是素材图片,等下会用到的):
2、打开主题下的function.php文件搜索“<?php comment_text(); ?>”紧跟其后加上这段代码:
<?php if($comment->user_id == 1) echo "<div class='comment_admin_img'></div>" ?>
3、打开主题样式style.css文件,在适当的位置加上样式定义,如下:
.comment_admin_img{width:60px;height:41px;position:absolute;right:10px;top:0;background:url(images/admin.gif) no-repeat;} /*此新式定义是笔者根据自己的留言代码结构,作的调试,限于主题结构不同,可能效果会有多少出入*/
4、本地刷新页面查看页面显示效果,出来了吗?!没问题的话将functions.php、style.css、admin.gif三文件直接上传至服务器再刷新页面就能看到效果啦......
实际上,笔者由于使用了多说留言插件,照上面改是没有效果,因为原默认留言结构已被多说给替换掉了,假如你也是这种情况,可直接跳过上面步骤,直接仿下面的jquery语句:
$(function(){ $(".ds-comment-body").find("a[href*='https://www.phpvar.com']").each(function(index, element) { //console.log($(this).parent().parent().attr("class")); $(this).parents(".ds-comment-body").append("<div class='comment_admin_img'></div>"); }); })
并在多说自定义样式中添加:
#ds-reset div.comment_admin_img{width:60px;height:41px; position:absolute;right:10px;top:0;background:url(https://www.phpvar.com/wp-content/xx/xxx/xxx/admin.gif) no-repeat;}
呵,看似有点麻烦,笔者搞这个也花了点时间,能力有待提高啊,小汗一个...
最终效果,本页底部留言处,已作测试,不信你试试,你没有这个标识的哦,亲...得瑟一个先,呵
小透露下,如果你有看出上面的写法是有BUG的话,你也可以在小站的留言内加上admin标识哦,知道的话不许告诉别人哦,哈....
請求: /wp-comments-post.php
方式: 未經評論表格
內容: 很多东西都挺实用呢
— 記錄成功 —