[![Wordpress按角色获取可分页的用户列表并显示最新文章](https://pic.salongweb.com/2016/05/wordpress-role-users-pagination.jpg)](https://pic.salongweb.com/2016/05/wordpress-role-users-pagination.jpg "Wordpress按角色获取可分页的用户列表并显示最新文章")最近开发了一款多功能的新闻视频类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. /\*\*\*\*\*用户列表分页\*\*\*\*\*/
2. 
3. .wp-pagenavi {
4. margin: 30px 0;
5. font-size: 13px;
6. text-align: center;
7. line-height: 24px;
8. width: 100%;
9. }
10. 
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. }
21. 
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\]