【WP】ユーザーの一覧、ユーザー別に最新記事を表示する方法

wordpress-author-info-displayキュレーションサイトなど最近では複数のライターによって運営される情報サイトをよく見ることができます。そのようなサイトにおいて、ユーザーの一覧を表示する、さらには1ページ内にユーザー事に最新記事を表示するといったページがほしいときがあります。

今回は、WordPressでユーザーの一覧、ユーザー別に最新記事を表示する方法をご紹介します。

「get_users」関数を使用したユーザー情報の取得

ユーザー情報を取得るときは「get_users」関数を使います。「get_users」関数では権限の指定、ソートの設定、特定のIDのユーザーを除外するといった条件を設定することができ、表示するときの順番を制御することができます。

// 例.投稿者(author)のみをIDの降順(DESC)ですべての情報を取得する
  $args = array(
	  'role'            => 'author',
	  'orderby'         => 'ID',
	  'order'           => 'DESC',
	  'fields'          => 'all',
  ); 
  
  $users    = get_users( $args );

単純にIDや表示名でのソートでは目的とする順番で並びを変えることができない場合は、ユーザー情報に「並び順」などカスタム項目を追加して並びを調整することも可能です。

ユーザー情報のカスタマイズする場合は、「functions.php」必要なコードを追記するか、「User Meta Manager」などのプラグインを使い編集することができます。

取得したユーザー情報を表示する

「get_users」関数で取得した情報を「foreach 」を使い表示します。

// 表示名を出力する
foreach ( $users as $user ) {
	echo '<p>' . esc_html( $user->user_nicename ) . '</p>';
}

ユーザー事に記事を表示する

ユーザー情報の表示に合わせて投稿の記事を取得する処理を追加します。

// 表示名と投稿記事を取得して表示する
foreach ( $users as $user ) {
	echo '<p>' . esc_html( $user->user_nicename ) . '</p>';
	// 投稿記事の取得
	$args = array(
	  'post_type'       => 'post',
	  'author'	    => $user->ID,
	  'numberposts'     => 5,
	);
	
	$myposts = get_posts( $args );
	
	foreach( $myposts as $post ) :  setup_postdata($post);

        // 記事表示の処理

        endforeach; wp_reset_postdata(); 
}

関連記事

【デザイン】ライセンスフリーのグラフィカルユーザインタフェーステンプレート

WEBサイトやパソコンの画面などに見られるメニューやボタンなどのグラフィカルユーザインタフェース(GUI)のテンプレートをまとめてみました。 Flat Style & iOS 7 Line Style UI Kit PSD フラットデザイン、iOS 7 イメー...続きを読む

2015.02.14インスピレーション

【フォト】第41回金比羅山・瀬戸川桜まつり

2019年3月25日(月)~4月7日(日)に開催された第41回金比羅山・瀬戸川桜まつり。藤枝市の中心を流れる瀬戸川沿いの両岸と金比羅山は、約800本以上ものソメイヨシノがあり、桜の名所として知られています。今年の桜の開花は4月に入ってからが満開でした。今回撮影したのは、夕暮れの瀬...続きを読む

2019.04.15フォトギャラリー

【WP】オリジナルショートコードの作り方

WordPressでは、shortcodes(ショートコード)という簡単な記述で、事前の用意された処理コードを実行することができます。 ショートコードを作成する ショートコードの作成はPHP関数の基本的な必要になりますが、オリジナルのショートコードは簡単に作成すること...続きを読む

2015.02.24WordPress

【CSS】CSS3による枠線の新しい表現方法

CSS3より定義された「Border Radius」「Border Image」を使うことで角丸のボックスや、罫線の装飾によってこれまで画像で作成していた要素をCSSのみでデザインすることができるようになりました。 角丸(border-radius) 「b...続きを読む

2015.02.08HTMLコーディング

美容室グランディール様WEBサイト制作

富士宮市にある『美容室グランディール』様のWEBサイトを制作いたしました。グランディール様の店内のイメージであるナチュラルで癒される空間をWEBサイト上でも感じていただけるようにデザインをいたしました。 [gallery link="file" columns="4...続きを読む

2015.02.14WEBサイト制作美容室