建设工作站服务器
本文详细介绍了wordpress如何实现读者壁垒。 编辑觉得很实用，请参考。 希望你能通过阅读这篇文章得到。
wordpress如何实现读者的壁垒？
复制PAGE.php页，将其重命名为readerwall.php，并在其顶部添加以下代码：
代码如下所示。
？ php
/*
Template Name: Reader wall
*/
？
提示：请更正部分代码，然后再运行。
2 .在需要添加读者墙的地方添加以下代码。
代码如下所示。
！ -- start读者墙Edited By iSayme--
？ php
$query=&； #039； selectcount(comment_id ) AS cnt，comment_author，comment_author_url， comment _ author _ email from ( select * from $ wpd B-commentsleftouterjoin $ wpd B-posts on ( $ wpd B-posts.id=$ wpd B-con #039； 0&； #039； andcomment_author_email！=&； #039； 更改为您的邮箱帐户&； #039； andpost_password=&； #039； &； #039； andcomment_approved=&； #039； 1&； #039； andcomment_type=&； #039； &； #039； ) astempcmtgroupbycomment _ a utter//
？
大家把管理员的邮箱地址改成你的，最后这39选几个头像？ 大家可以根据自己的主题进行修改，使之适合主题的广度。 代码如下所示。
代码如下所示。
？ php
$wall=$wpdB-get_results($query )；
$maxNum=$wall[0]-cnt；
公式( $ wallas $ comment ) )。
{
$width=round(40/) $maxnum/$comment-CNT )，2 )； //这里是对应的血流宽度
if( $comment-comment_author_url )
$ URL=$ comment-comment _ author _ URL；
else $url=&； #039； #&； #039；
$ avatar=get _ avatar $ comment-comment _ author _ email，$size=&； #039； 36&； #039；$ default=get _ bloginfo ( WP URL & amp； #039；
$tmp=&； #039； liatarget=&； #039； _blank&； #039； href=&； #039； &； #039； $ comment-comment _ author _ URL.& amp； #039； &； #039； $avatar.&； #039； em&； #039； $comment-comment
$output .=$tmp；
}
$output=&； #039； ulclass=&； #039； 读列表& amp； #039； &； #039； $output.&； #039； /ul&； #039；
echo $output；
？
！ -- end读者之墙-
提示：请更正部分代码，然后再运行。
3 .在主题目录中将以下样式添加到style.css中：
代码如下所示。
. readers-list{line-height:18px； 文本-对齐：左； overflow:hidden； _zoom:1}
. readers-list li{width:200px； 浮：左； *margin-right:-1px}
. readers-list a， readers-lista:hover strong { background-color:# f2f 2； ack ground-image:- WebKit-linear-gradient ( # f8f8，#f2f2f2)； background-image:- moz-linear-gradient ( # f8f8，#f2f2f2)； background-image:linear-gradient ( # f8f8，#f2f2f2) }
. readers-lista { position:relative； 显示：块； height:36px； 边距： 4px； padding:4px 4px 4px 44px； color:#999； overflow:hidden； border:#ccc 1px solid； border-radius:2px； box-shadow:#eee 0 0 2px}
. readers-list img， readers-list em， readers-list strong {-WebKit-transition:all.2s ease-out； -moz-transition:all .2s ease-out； transition:all .2s ease-out}
. readers-list img{width:36px； height:36px； 浮：左； margin:0 8px 0 -40px； border-radius:2px}
. readers-list em{color:#666； font-style:normal； margin-right:10px}
. readers-list strong{color:#ddd； width:40px； text-align:right； 位置： absolute； right:6px； top:4px； font:bold 14px/16 pxmicrosoftyahei }
. readers-lista:hover { border-color:# BBB； box-shadow:#ccc 0 0 2px； background-color:#fff； background-image:none}
. readers-lista:hoverimg { opacity: 6； 边距- left:0 }
. readers-lista:hover em { color:# ee8b 17； font:bold 12px/36 pxmicrosoftyahei }
. readers-lista:hover strong { color:# ee8b 17； right:150px； top:0； 文本对齐： center； border-right:#ccc 1px solid； height:44px； line-height:40px}
提示：请更正部分代码，然后再运行。
关于wordpress如何实现读者之墙，我在这里分享了。 希望以上内容能对大家有所帮助，获得更多的知识。 如果你觉得文章好，你可以分享它给更多的人看。
详情请访问云服务器、域名注册、虚拟主机的问题，请访问西部数码代理商官方网站： www.chenqinet.cn