WordPress主题制作:添加一个用户列表页面模板(含用户头像)

时间就是生命。时光不会倒流,珍惜此刻,奋斗未来吧。记住你无畏青春的样貌,你未必出类拔萃,但必须与众不一样。

如果你的WordPress站点是开放注册的,拥有众多作者和注册用户,你可能需要将他们罗列出来,下面倡萌就简单介绍下如何制作一个WordPress用户列表页面模板(含用户头像)。

1.在主题根目录新建一个名为 page-user-list.php 的文件,然后复制你主题的 page.php 的代码到 page-user-list.php ,并且在最上方添加:

1
2
3
4
5
<?php
/*
Template Name: User List
*/
?>

<?php /* Template Name: User List */ ?>

2.在 page-user-list.php 找到

1
<?php the_content(); ?>

<?php the_content(); ?>

在其下方添加下面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<?php
     $display_admins = false; //是否显示管理员,ture - 显示,false -不显示
     $order_by = 'post_count'; // 排序依据,可选 'nicename', 'email', 'url', 'registered', 'display_name', 或 'post_count'
     $order = 'DESC'; //排列方式,ASC - 升序,DESC - 降序
     $role = ''; // 用户角色,可选 'subscriber', 'contributor', 'editor', 'author' - 留空显示全部 'all'
     $avatar_size = 161; //头像大小
     $hide_empty = false; // 是否隐藏没有文章的用户,ture - 显示,false -不显示

     if(!empty($display_admins)) {
          $blogusers = get_users('orderby='.$order_by.'&role='.$role);
     } else {

     $admins = get_users('role=administrator');
     $exclude = array();

     foreach($admins as $ad) {
          $exclude[] = $ad->ID;
     }

     $exclude = implode(',', $exclude);
     $blogusers = get_users('exclude='.$exclude.'&orderby='.$order_by.'&order='.$order.'&role='.$role);
     }

     $authors = array();
     foreach ($blogusers as $bloguser) {
     $user = get_userdata($bloguser->ID);

     if(!empty($hide_empty)) {
          $numposts = count_user_posts($user->ID);
          if($numposts < 1) continue;
          }
          $authors[] = (array) $user;
     }

     echo '<ul id="grid-contributors">';
     foreach($authors as $author) {
          $display_name = $author['data']->display_name;
          $avatar = get_avatar($author['ID'], $avatar_size);
          $author_profile_url = get_author_posts_url($author['ID']);

          echo '<li class="single-item">';
          echo '<div class="author-gravatar"><a rel="nofollow noopener noreferrer" href="', $author_profile_url, '">', $avatar , '</a></div>';
          echo '<div class="author-name"><a rel="nofollow noopener noreferrer" href="', $author_profile_url, '" class="contributor-link">', $display_name, '</a></div>';
          echo '</li>';
          }
     echo '</ul>';
?>

<?php $display_admins = false; //是否显示管理员,ture - 显示,false -不显示 $order_by = 'post_count'; // 排序依据,可选 'nicename', 'email', 'url', 'registered', 'display_name', 或 'post_count' $order = 'DESC'; //排列方式,ASC - 升序,DESC - 降序 $role = ''; // 用户角色,可选 'subscriber', 'contributor', 'editor', 'author' - 留空显示全部 'all' $avatar_size = 161; //头像大小 $hide_empty = false; // 是否隐藏没有文章的用户,ture - 显示,false -不显示 if(!empty($display_admins)) { $blogusers = get_users('orderby='.$order_by.'&role='.$role); } else { $admins = get_users('role=administrator'); $exclude = array(); foreach($admins as $ad) { $exclude[] = $ad->ID; } $exclude = implode(',', $exclude); $blogusers = get_users('exclude='.$exclude.'&orderby='.$order_by.'&order='.$order.'&role='.$role); } $authors = array(); foreach ($blogusers as $bloguser) { $user = get_userdata($bloguser->ID); if(!empty($hide_empty)) { $numposts = count_user_posts($user->ID); if($numposts < 1) continue; } $authors[] = (array) $user; } echo '<ul id="grid-contributors">'; foreach($authors as $author) { $display_name = $author['data']->display_name; $avatar = get_avatar($author['ID'], $avatar_size); $author_profile_url = get_author_posts_url($author['ID']); echo '<li class="single-item">'; echo '<div class="author-gravatar"><a rel="nofollow noopener noreferrer" href="', $author_profile_url, '">', $avatar , '</a></div>'; echo '<div class="author-name"><a rel="nofollow noopener noreferrer" href="', $author_profile_url, '" class="contributor-link">', $display_name, '</a></div>'; echo '</li>'; } echo '</ul>'; ?>

请根据自己的实际需要,修改 2-7 行代码。

3.保存 page-user-list.php ,然后在后台 > 页面 > 新建页面,在“页面属性”的“模板”中选择“User List”模板,保存页面即可。

注:具体的前端样式就靠大家自己折腾CSS代码了。

参考资料:http://wp-snippet.com/snippets/author-list-with-avatar-thumbnail/

以上就是WordPress主题制作:添加一个用户列表页面模板(含用户头像)。市场永远不变的法则,就是永远在变。”变易,不易,筒易“《易经》上这样说。更多关于WordPress主题制作:添加一个用户列表页面模板(含用户头像)请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
WordPress 让后台用户列表可以根据文章数进行排序

WordPress 创建支持分页的用户列表页面

WordPress 在用户列表记录用户注册时的IP地址

WordPress 后台用户列表显示用户登录次数和时间

WordPress 后台用户列表添加更多操作功能