昨天心血來潮想搞個讀者墻,由于清音陋屋主要是分享音樂,自己就改成了聽眾墻,在網(wǎng)上搜了一下,自己再修改和調(diào)整下基本搞定,效果見http://m.spank-bang.net/listeners-wall,如下圖所示:
我是直接建立了個頁面來放聽眾墻的,如果想要放側(cè)邊欄,也可以自己修改下sidebar.php來實(shí)現(xiàn),只是需要將聽眾墻的代碼放到sidebar.php中,我個人建議單獨(dú)建立個頁面放這部分內(nèi)容,言歸正傳,下面分享下自己實(shí)現(xiàn)的過程。
首先自己建立一個頁面的模板,如果不想建立,可以下載附件根據(jù)自己模板修改,代碼如下:
- <?php ??
- ?
- ??
- ?> ??
- <?php?get_header();??> ??
- ????????????<?php?if?(?have_posts()?)?while?(?have_posts()?)?:?the_post();??> ??
- <?php? ??
- ??
- $exclude_emails?=?array(‘xx@163.com’,”);??
- $imgsize?=?48;??
- global?$imgsize?;? ??
- global?$exclude_emails;? ??
- ??
- ??
- ??
- $cur_time_span?=?date(‘Y-m-d?H:i:s’,?strtotime(‘-1?Year’));????
- ????global?$wpdb;? ??
- ????$request?=?“SELECT?count(comment_ID)?comment_nums,comment_author,?comment_author_email,comment_author_url???FROM??{$wpdb->prefix}comments?where?comment_date>'”.$cur_time_span.“‘?AND?comment_type=”?AND?comment_approved=1?AND?comment_author_url?!=?”?group?by?comment_author_email?order?by?count(comment_ID)?DESC?LIMIT?100″; ??
- ??
- ????$comments?=?$wpdb->get_results($request);? ??
- ????$output=”;? ??
- ????foreach?($comments?as?$comment)?{? ??
- ????????if?(in_array($comment->comment_author_email,?$exclude_emails)||$comment->comment_nums?<=1?||?$comment->comment_author_url==“”??)??continue;? ??
- ????????$url?=?$comment->comment_author_url;? ??
- ????????$output?.=?“<a?href='”.$url.“‘?target=’_blank’?content=’nofollow’?title='”.$comment->comment_author.”?留下?“.$comment->comment_nums.”?個腳印’>”.get_avatar($comment->comment_author_email,$imgsize).“</a>”;? ??
- ???????}? ??
- ????$output?=?“<div?id=’listeners-wall’?class=’clearfix’>”.$output.“</div>”; ??
- ????echo?$output;? ??
- ??
- ?> ??
- <?php?the_content();??>????? ??
- <?php?endwhile;??> ??
- <?php?if?(comments_open())?comments_template(?”,?true?);??> ??
- <?php ??
- ????get_sidebar();??
- ????get_footer(); ??
- ?>??
新建立頁面,模板選擇剛才新建立的那個模板?Listeners?wall,點(diǎn)擊發(fā)布,然后根據(jù)自己模板修改下CSS樣式。
我的非常簡單,只簡單的弄了個CSS,如下
- #listeners-wall?a{padding:3px;} ??
- #listeners-wall?img{padding:?1px;?border:?1px?solid?#1981a2;} ??
- #listeners-wall?a:hover?img?{padding:?1px;?border:?1px?dashed?#c00;?}??
附件是我這個主題自己建立的頁面模板
listeners-wall.zip
個人覺得還是顯示每個人的網(wǎng)站名字更好看,再加上每個人的留言數(shù)量