WordPress 顯示會員／作者列表頁（含頭像）

// 短代碼 [zw_team role="author,editor"]：列出有發表過文章的作者，含大頭貼、自我介紹和文章數
add_shortcode( 'zw_team', function ( $atts ) {
	$atts  = shortcode_atts( array(
		'role' => 'author,editor,administrator', // 要列出哪些角色，用逗號分開
		'size' => 96,                            // 大頭貼大小（px）
	), $atts );
	$users = get_users( array(
		'role__in'            => array_map( 'trim', explode( ',', $atts['role'] ) ),
		'has_published_posts' => array( 'post' ), // 只列出有發表過文章的人
		'orderby'             => 'post_count',
		'order'               => 'DESC',
		'number'              => 50,
	) );
	if ( ! $users ) {
		return '';
	}
	$html = '<ul class="zw-team">';
	foreach ( $users as $user ) {
		$count = count_user_posts( $user->ID, 'post', true );
		$html .= '<li class="zw-team-item">'
			. get_avatar( $user->ID, (int) $atts['size'], '', $user->display_name )
			. '<div class="zw-team-text"><strong>' . esc_html( $user->display_name ) . '</strong>';
		if ( $user->description ) {
			$html .= '<p>' . esc_html( wp_strip_all_tags( $user->description ) ) . '</p>';
		}
		$html .= '<a href="' . esc_url( get_author_posts_url( $user->ID ) ) . '">看 ' . esc_html( $user->display_name ) . ' 的 ' . $count . ' 篇文章</a></div></li>';
	}
	return $html . '</ul>';
} );

[zw_team]

[zw_team role="author" size="64"]

.zw-team {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 24px;
	padding: 0;
	list-style: none;
}
.zw-team-item {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.zw-team-item img {
	flex-shrink: 0;
	border-radius: 50%;
}
.zw-team-text strong {
	display: block;
	font-size: 1.1em;
}
.zw-team-text p {
	margin: 4px 0 8px;
	font-size: 0.95em;
}
.zw-team-text a {
	display: inline-block;
	margin-top: 4px;
}