当前位置：首页-WordPress文章-WordPress-正文

Wordpress按角色获取可分页的用户列表并显示最新文章

萨龙龙 萨龙龙 WordPress7年前009.38K

Wordpress按角色获取可分页的用户列表并显示最新文章 - 第1张最近开发了一款多功能的新闻视频类Wordpress主题Yewan，客户的网站用户也比较多，要求设计一个按权限（管理员、编辑、作者、投稿者、订阅者）来获取用户列表的页面，同时获取用户的一篇最新文章，获取用户列表信息可以使用get_users函数。

用户列表可以添加到模板页面中，也可以添加到小工具中，Yewan主题的作者墙页面就是链接到编辑、作者和投稿者三个页面，同时也添加了一个推荐作者小工具，萨龙网络所有开发的主题都可以通过主题选项直接选择要推荐的用户，所以推荐作者小工具是相当不错。

下面就直接贴出整个模板页面代码，代码中都有说明，要修改也比较简单（分页代码来自Wordpress大学，不过其中的分页链接出现404）。

WP用户列表模板页面代码

  1. <?php
  2. /*
  3. *Template Name: 用户列表
  4. */
  5. get_header(); ?>
  6. <!-- 主体内容 -->
  7. <section class="container">
  8.     <!--面包屑-->
  9.     <section class="wrapper">
  10.         <!-- 内容 -->
  11.         <section class="content-wrap">
  12.             <article class="entry user_list">
  13.                 <header class="post-head">
  14.                     <h2><?php the_title(); ?></h2>
  15.                 </header>
  16.                 <section class="user_content">
  17.                     <!-- 编辑 -->
  18.                     <ul>
  19.                         <?php
  20.                         $number = 2;//定义每页要显示的用户数量，添加一个 $number 的变量
  21.                         $paged=( get_query_var( 'paged')) ? get_query_var( 'paged') : 1;//查明当前页码数
  22.                         $offset=( $paged - 1) * $number;//计算应该在页面（偏移）被传递过来的用户数量，这将在第二页开始生效
  23.                         $users=get_users( 'orderby=post_count&order=DESC&role=editor');//获取网站的所有编辑，其它权限的用户将editor修改就可以（下行代码中也有editor）；如果要获取所有用户，将role=editor删除（前后的&要注意删除）；如果是多站点，可以添加：blog_id = 1，1为博客ID，就可以获取多站点中任意站点的用户
  24.                         $get_users=get_users( 'role=editor&offset='.$offset.'&number='.$number);//计算每页显示的信息，其中包括将要显示的用户数和偏移查询用户的总数
  25.                         $total_users=count($users);//使用 count() 这个PHP函数来获取用户总数
  26.                         $total_query=count($get_users);
  27.                         $total_pages=intval($total_users / $number) + 1;//计算应创建的总页数
  28.                         foreach ($get_users as $user) { ?>
  29.                         <li>
  30.                             <a href="<?php echo get_author_posts_url($user->ID);?>" title="<?php echo get_the_author_meta('display_name',$user->ID);?>" class="author_name">
  31.                                 <!--头像-->
  32.                                 <?php echo get_avatar($user->ID,100);?>
  33.                                 <!--名称-->
  34.                                 <?php echo get_the_author_meta('display_name',$user->ID);?>
  35.                             </a>
  36.                             <!--用户的最新文章-->
  37.                             <?php $args=array(
  38.                             'author'=> $user->ID,//用户ID
  39.                             'post_type' => array('post','video'),//可添加任意文章类型，获取最新的
  40.                             'post_status' => 'publish',//已发布的文章
  41.                             'posts_per_page' => 1,//显示的文章数量
  42.                             'caller_get_posts'=> 1 //让置顶文章变化普通文章
  43.                             );
  44.                             $my_query = null;
  45.                             $my_query = new WP_Query($args);
  46.                             if( $my_query->have_posts() ) {
  47.                                 while ($my_query->have_posts()) : $my_query->the_post(); ?>
  48.                             <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
  49.                                 <?php the_title(); ?>
  50.                             </a>
  51.                             <?php endwhile; } wp_reset_query(); ?>
  52.                         </li>
  53.                         <?php } ?>
  54.                     </ul>
  55.                     <!--分页-->
  56.                     <?php if ($total_users> $total_query) {
  57.                     echo '<div class="wp-pagenavi">';$current_page = max(1, get_query_var('paged'));echo paginate_links(array('base' => get_pagenum_link(1) . '%_%','format' => '/page/%#%/','current' => $current_page,'total' => $total_pages));echo '</div>';}?>
  58.                 </section>
  59.             </article>
  60.         </section>
  61.         <!-- 内容end -->
  62.         <!-- 博客边栏 -->
  63.         <?php get_sidebar(); ?>
  64.         <!-- 博客边栏end -->
  65.     </section>
  66. </section>
  67. <!-- 主体内容end -->
  68. <?php get_footer(); ?>

作者列表CSS样式

  1. /*********作者列表*********/
  2. .user_list ul li{
  3.     display: block;
  4.     width: 100%;
  5.     border-bottom: 1px #eee solid;
  6.     padding: 20px 100px 20px 60px;
  7.     overflow: hidden;
  8.     position: relative;
  9. }
  10. .user_list img{
  11.     position: absolute;
  12.     top: 50%;
  13.     -webkit-transform: translateY(-50%);
  14.     -moz-transform: translateY(-50%);
  15.     -ms-transform: translateY(-50%);
  16.     -o-transform: translateY(-50%);
  17.     transform: translateY(-50%);
  18. }
  19. /*头像*/
  20. .user_list img{
  21.     width: 48px;
  22.     border-radius: 100%;
  23.     left: 0;
  24.     border: 1px #f4f4f4 solid;
  25.     padding: 4px;
  26.     background-color: #f8f8f8;
  27. }
  28. /*名称与文章*/
  29. .user_list ul li a{
  30.     display: block;
  31. }
  32. .user_list .author_name{
  33.     font-size: 17px;
  34. }
  35. .user_list .new_post{
  36.     font-size: 14px;
  37.     color: #999;
  38. }
  39. /*********作者列表end*********/

分页CSS样式

  1. /*****用户列表分页*****/
  3. .wp-pagenavi {
  4.     margin: 30px 0;
  5.     font-size: 13px;
  6.     text-align: center;
  7.     line-height: 24px;
  8.     width: 100%;
  9. }
  11. .wp-pagenavi > span,
  12. .wp-pagenavi > a {
  13.     margin: 4px 6px 4px 0;
  14.     padding: 4px 12px;
  15.     text-decoration: none;
  16.     background-color: #fff;
  17.     border: 1px #f4f4f4 solid;
  18.     color: #666;
  19.     display: inline-block;
  20. }
  22. .wp-pagenavi a:hover,
  23. .wp-pagenavi > .current{
  24.     background-color: #d11f3c;
  25.     color: #fff !important;
  26. }
  27. /*****用户列表分页end*****/

[infobox]查看效果请访问Yewan主题演示站，野玩儿官网的用户列表是获取多个角色的。[/infobox][scbutton link="http://yewan.salongweb.com/users" target="blank" variation="red"]Yewan主题演示用户列表[/scbutton][scbutton link="http://www.yeoner.com/author" target="blank" variation="blue"]野玩儿官网用户列表[/scbutton]

WordPress使用(39)用户列表(1)
本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/wordpress-role-users-pagination.html
萨龙龙

萨龙龙

侠客

一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！

1331.68M123.17W￥1.99W

相关文章

Wordpress获取优酷视频缩略图

很多网站的视频都是来自在线视频网站，这样即节省网站空间也带来更高的访问速度，优酷视频是使用较多的。在添加视频文章时我们都想直接获取视频中的缩略图，而不是再手动添加。 获取优酷视频缩略图需要在优酷视频云（http…
WordPress7年前09.54K0

WordPress MU多站点解决Timthumb.php不显示缩略图

最近在开发Perimg图片主题，用户想要用Timthumb.php插件来实现缩略图，缩略图的顺序是自定义域、文章第一张图片与默认缩略图，而萨龙龙本地安装的是WordpressMU多站点，自定义域如何是外链或不是一級…
WordPress8年前09.06K0

Wordpress强大的开源后台框架Redux Framework介绍与使用

开发一个WP主题有了前端页面设计的美观与布局外，后台选项也是相当重要的一个组成部分，好的后台框架在使用主题时方便快捷的设置各个功能，也让主题开发者专注于主题功能的开发和前端页面的设计。 ReduxFramew…
WordPress8年前01.86W0