【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(); 
}

関連記事

【HTML】Bootstrap4を使いレスポンシブサイトをコーディングする《導入編》

Twitterのデザイナーや開発者が作成した『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応...続きを読む

2018.09.22BootstrapHTMLコーディング

美容室ヒュッゲ様WEBサイト制作

静岡県富士市にある『美容室ヒュッゲ』様のWEBサイトを制作いたしました。お店のナチュラルな雰囲気と、手書きのかわいらしいロゴに合わせて、水彩調のイラストやレースなどを用いてかわいらしいデザインをしました。ヘアギャラリーやスタッフブログなどCMSによる更新コンテンツも充実したホ...続きを読む

2019.06.14WEBサイト制作美容室

静岡洋館巡り「旧マッケンジー住宅」フォトギャラリー

国登録有形文化財「旧マッケンジー住宅」を見てきました。旧マッケンジー住宅は、明治から昭和初期にかけて活躍した建築家のウィリアム・M・ヴォーリズによる設計です。現在にでも通じるシステムキッチンや浴室があり、70年以上前とは思えないほどの設備が整っています。 概要(引用) ...続きを読む

2015.04.06フォトギャラリー

【WP】ログインページをカスタマイズする方法

WordPressのログインページはプラグインなどを利用してカスタマイズすることができます。 今回は、プラグインを使わずにアクションフックを利用してWordPressのログインページで利用されるCSSをカスタマイズしてオリジナルのデザインに変更する方法をご紹介します。 ...続きを読む

2015.02.25WordPress

【WP】WordPressへのログインセキュリティを高める『Login LockDown』

WordPressの管理画面には「ユーザー名」と「パスワード」を使用してログインをしますが、ブルートフォースアタックなど外部から不正なログインが行われるリスクも存在します。 ブルートフォースアタックとは、辞書ツールや単語帳を使いあらゆる文字の組み合わせてパスワードと合う...続きを読む

2015.02.20WordPress