WordPress子比主题添加用户注册滚动

WordPress子比主题添加用户注册滚动-宇柒云阁
WordPress子比主题添加用户注册滚动
此内容为免费阅读,请登录后查看
0积分
免费阅读

效果截图

图片[1]-WordPress子比主题添加用户注册滚动-宇柒云阁

代码部署

函数代码:

function DearLicy_notice() {    
    global $wpdb;    
    
    // 定义SQL查询来获取最新注册的十个用户    
    $sql = "SELECT ID, user_login, user_registered    
            FROM $wpdb->users    
            ORDER BY user_registered DESC    
            LIMIT 10";    //将10改为20则获取20个用户
    
    // 执行查询    
    $users = $wpdb->get_results($sql);    
    
    $slides = ''; // 初始化$slides变量,用于存储每个用户的HTML代码片段    
    
    // 遍历结果集并生成HTML代码    
    if ($users) {    
        foreach ($users as $user) {    
            $user_name = $user->user_login;    
            $avatar     = zib_get_avatar_box($user->ID, 'avatar-img avatar-mini mr6', false, true);
            $link     = zib_get_user_home_url($user->ID);
            $registration_date = date('Y-m-d H:i:s', strtotime($user->user_registered));  
  
            // 为每个用户生成一个swiper-slide  
            $slide = '<div class="swiper-slide notice-slide">';  
            $slide .= '<a class="text-ellipsis" href="'.$link.'">' . $avatar . $user_name . ' 在 ' . $registration_date . ' 加入了本站</a>';  
            $slide .= '</div>';  
  
            // 拼接每个用户的HTML代码片段  
            $slides .= $slide;  
        }    
    } 
  
    // 构建完整的HTML结构  
    $html = '<div class="swiper-bulletin c-red radius8">';  
    $html .= '<div class="new-swiper" data-interval="5000" data-direction="vertical" data-loop="true" data-autoplay="1">';  
    $html .= '<div class="swiper-wrapper">';  
    $html .= $slides; // 插入所有用户的HTML代码片段  
    $html .= '</div>';  
    $html .= '<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>';  
    $html .= '</div>';  
    $html .= '</div>';  
  
    return $html; // 返回生成的HTML代码    
}

可以在主题的index文件中的 <?php 中写入上方的函数代码,然后再合适的地方加入下方的代码

<?php echo DearLicy_notice(); ?>

比如我这儿里就是将 echo DearLicy_notice(); 代码放在加载顶部代码(fluid-widget)的元素框架中。

图片[2]-WordPress子比主题添加用户注册滚动-宇柒云阁
© 版权声明
THE END
喜欢就支持一下吧
点赞666 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容