• 欢迎访问奇跡の海网站,本站不上传任何资源,所有资源均来自于网络,欢迎加入奇跡の海~!奇跡の海-WordPress QQ群
  • 本站下载资源为网络上收集整理而来,并且以计算机技术研究交流为目的,版权归原作者所有,仅供大家参考,学习,不存在任何商业目的与商业用途.
  • 本站系统镜像均来自于官方原版,ed2k可视为P2P下载链接。所有操作系统默认均为试用版,如有正版密钥可以有效激活,本站不提供任何激活和相关服务。

WordPress 读者墙页面代码

WP其他 奇跡の海 2年前 (2018-05-10) 563次浏览 已收录 0个评论 扫描二维码

调用代码

WordPress 读者墙页面代码
在你想调用的地方加上下面的代码

<div id="wallloading">读者墙奋力加载中</div>

JS代码

就不要放到JS文件中了,直接放在读者墙页面中

<script>jQuery(document).ready(function($) {
    if ($("#readerwall").length) {
        var home_url="<?php echo esc_url(home_url('/')); ?>";              
        $.get(home_url + "?action=ajax_readerwall", function(data) {
            $("#readerwall").html(data);
        });
        return false;
    }
});</script>

php后端

响应部分,参考了大叔的代码

function ajax_readerwall(){
    if( isset($_GET['action'])&& $_GET['action'] == 'ajax_readerwall'  ){
        nocache_headers();                
        ?>
<?php if(function_exists('mostactive_bigfa')) mostactive_bigfa(); ?>
<?php
        die();
    }
}
add_action('init', 'ajax_readerwall');
function mostactive_bigfa() {
    if(!$mostactive = get_option('mostactive')){
        global $wpdb;
        $limit_num = '30'; 
        $time = '1 MONTH'; 
        $noneurl = "'" . get_bloginfo ('url') . "'";  
        $my_email = "'" . get_bloginfo ('admin_email') . "'"; 
        $counts = $wpdb->get_results("
            SELECT COUNT(comment_author) AS cnt, comment_author, comment_author_url, comment_author_email
            FROM (SELECT * FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts
            ON ($wpdb->posts.ID=$wpdb->comments.comment_post_ID)
            WHERE comment_date > date_sub( NOW(), INTERVAL $time )
            AND comment_author_email != $my_email
            AND post_password=''
            AND comment_approved='1'
            AND comment_type='') AS tempcmt    GROUP BY comment_author_email
            ORDER BY cnt DESC LIMIT $limit_num
        ");
        $mostactive = '';
        if(empty($counts)) {
            $mostactive = '<li>none data.</li>';
        } else {
            foreach ($counts as $count) {
                $c_url = $count->comment_author_url;
                if ($c_url == '') $c_url = $noneurl;
                $title_alt = $count->comment_author . ' ('. $count->cnt. ' comments)';
                $mostactive .= '<li>' . '<a rel="external nofollow" href="'. $c_url . '" title="' .$title_alt
                . '">'.get_avatar($count->comment_author_email,$size='48',$default='').'</a></li>';
            }
        }
        update_option('mostactive', $mostactive);
    }
    echo '<ul>'.$mostactive.'</ul>';
}
function clear_mostactive() {
  update_option('mostactive', ''); 
}
add_action('comment_post', 'clear_mostactive');
add_action('edit_comment', 'clear_mostactive'); 

css样式供参考

#readerwall{background:#F8F8F8;border-bottom: 3px double #DDDDDD;border-top: 3px double #DDDDDD;margin: 0 0 20px;}
.wall{overflow:hidden;padding: 10px;}
.wall li{float:left;margin:5px}
.wall li img{border-radius: 30px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);}
.wall li img:hover{transform:scale(1.1)}    
#noticeloading,#wallloading{padding:20px;text-align:center}

版权声明:本站所有文章和资源使用CC BY-NC-SA 4.0协议授权发布 , 转载应当以相同方式注明文章来自“SeaOMC.COM->WordPress 读者墙页面代码!在下边可以分享本文哦!
喜欢 (0)
[]
分享 (0)
奇跡の海
关于作者:
一个WordPress菜鸟!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址