[サイト作り] [WP] 投稿者リストから投稿者プロフィールページ

WPを複数人で運営してたりする時に便利そうなので備忘録

とりあえず

・投稿者(ユーザー)リストの表示
・投稿者(ユーザー)のプロフィールページの設置
右上のナビリストの「665-667」をクリックするとサンプル

この2点

投稿者リストは、ブログに登録してるユーザー名をリスト表示し、ユーザー名をクリックすると、そのユーザーの投稿一覧ページ(アーカイブ.php)になる。

投稿者プロフィールページは、author.phpを作成し、リストのユーザー名をクリックすると、そのユーザーのプロフィールと投稿一覧ページが表示される。

参考サイト
Author Templates

投稿者リスト


<ul>
<?php wp_list_authors('exclude_admin=0'); ?>
</ul>

admin=0′ adminもリストに表示する
admin=1′ adminはリストに表示しない


<ul>
<?php wp_list_authors('exclude_admin=0&hide_empty=0'); ?>
</ul>

hide_empty=0′); 投稿の無いユーザーもリストに表示する
hide_empty=1′); 表示しない

author.phpで、ユーザープロフィールページの設置

author.phpを作成し、テーマディレクトリにアップロード

author.phpに、コードを記述。

上記サイトにもサンプルコードがありますが、当ブログでのサンプルコードで説明


<?php get_header(); ?>
<div id="content">

<?php
if(isset($_GET['author_name'])) :
$curauth = get_userdatabylogin($author_name);
else :
$curauth = get_userdata(intval($author));
endif;
?>

<div class="post">
<h2>About: <?php echo $curauth->nickname; ?></h2>

※ニックネームが表示される

<div class="author">

<img src="<?php bloginfo('template_directory') ?>/images/authors/<?php echo $curauth->ID; ?>.jpg" alt="<?php echo $curauth->nickname;?>" title="<?php echo $curauth->nickname;?>" />

ユーザーIDで割り当てたユーザーの画像を表示。

<dl>

<dt>Maill</dt>
<dd><あ href="mailto:<?php echo $curauth->user_email; ?>"><?php echo $curauth->user_email; ?></あ></dd>

※ユーザープロフィールに登録してあるメールアドレスを表示

<dt>mixi</dt>
<dd><あ href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></あ></dd>

※ユーザープロフィールに登録してあるウェブサイトを表示

</dl>

<?php echo $curauth->user_description; ?>

※ユーザープロフィールのユーザー説明を表示

<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>

※ポスト バイ ニックネームが表示される

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<ul>

<li>
<あ href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></あ>
<br />
<?php the_time('d M Y'); ?> in <?php the_category('&');?>

</li>
</ul>

<?php endwhile; ?>
<div class="navigation">
<?php next_posts_link('Next &raquo;') ?>
- <?php previous_posts_link('&laquo; Back') ?>
</div>

<?php else: ?>

<p><?php _e('No posts by this author.'); ?></p>

<?php endif; ?>

</div>
</div>
</div>
<?php include (TEMPLATEPATH . '/left.php'); ?>
<?php include (TEMPLATEPATH . '/right.php'); ?>
<?php get_footer(); ?>

[投稿者の画像]
上記サイトには投稿者の画像を表示させるコードがなかったのですが

多人数でブログを使用する場合は、画像の設置が大変なのでimgコードは無い方がいいかもです。

少人数での利用なら、ユーザー分の画像を準備するだけなので用途に応じて下さい。

コード内の img は、前に書いた投稿者の画像を表示させるやつをテンプレートに合わせて改変しました。

一連の流れは前の記事を参照して下さい。
投稿に投稿者の画像を表示させる

このブログはユーザーがひとりだけなので、ユーザー名にマウスを乗せてもブラウザ下に表示されなかったので

全部の作業を終えたあとにauthorページを開いてソースを見ると、ID.jpgが表示されてたので解決

[ユーザープロフィール]
dt,dd の場所は、ユーザープロフィールで設定した項目が表示される。

ここも用途に応じて下さい。

各項目のパラメーターは上記サイトに表記されてます。

[ユーザーの新着記事一覧]
ループ内の li は、ユーザーが投稿した記事一覧が表示されます。

スタイルは自分の環境に合わせて下さい。

うまく使うと便利なページが構築できそうです。

Did you like this? Share it:

PR

『【レビューを書いてメール便送料無料】アルヌボ カメラストラップ 水玉 ブラック 一眼レフ,カメ...』を見る [楽天]http://a.r10.to/hC8TKZ <

関連してるかも

  • 2010年4月10日 -- [WP プラグイン] Add User Profile – ユーザープロフィールの項目を追加
    プロフィールの連絡先情報に、RSS, Twitter, Facebook, MySpace, mixi, Skypeを追加するプラグインです。 「Add User Profile」 テストWP3.x ポストに自動で投稿者情報を表示させるプラグインではなく、プロフィール項目を手動で追加したり 追加された項目をシングルページに手動で呼び出させたり 管理者の好みに合わせたいので...
  • 2011年10月10日 -- [WP プラグイン] Unlimited Contact Info – ユーザープロフィールの連絡先の項目を変更
    プロフィールページの連絡先項目を変更するプラグイン。 「Unlimited Contact Info」 1、プラグインのアップロード and 有効化 2、Admin area ≫ 設定 ≫ Unlimited Contact を開く。 3、連絡先項目の変更を行う == Check to disable fields == デフォルトの連絡サクを無効にする(チェック項目)...
  • 2010年12月22日 -- [WordPress] ユーザープロフィールページに新しいプロフィールブロックを追加する
    ユーザープロフィールページの“あなたについて”の項目の下に、“Extra profile information"という項目を追加する 「連絡先情報はネット関連のプロフィールで、ここで追加するブロックにユーザーに関するプロフィールを」みたいな使い方が出来ます。 テスト WP 3.0 参考サイト 「Adding Extra Fields to the WordPress User P...
  • 2010年12月6日 -- [WordPress] プロフィールの項目を増やす(functions.php)
    ユーザープロフィールページの連絡先情報にツイッターなどの項目を増やす。 プラグインでもあるのですが、今回のはfunctions.phpに追加するタイプです。 なので、テーマを変更すると設定も戻ります。 1.functions.phpにコードを追加 次のコードを追加すれば好きな項目を追加できます。 $contactmethods['hoge'] = 'ホゲ'...
  • 2010年10月22日 -- [WPプラグイン] Widgets on Pages – ページ内にウィジェット領域を追加する。WordPress Plugin
    ページやポストにウィジェット領域を追加するプラグイン 「Widgets on Pages」 通常だと、ウィジェット領域を記述したページテンプレートをテーマフォルダに追加して、ウィジェット領域を持ったページを作りますが このプラグインを導入すれば、ページの新規作成時にショートコードを入れるだけで済むので便利です。 1、プラグインをアップロード & 有効化 2、管理メニュー ...
  • 2010年7月25日 -- [WPプラグイン] QR Encoder – QRコードエンコーダーをウィジェットに設置
    ウィジェットにQRコードエンコーダーを設置するプラグイン。 「QR Encoder」 プラグインを有効化後にウィジェットに追加するだけ。 プラグイン"QR Encoder"のダウンロードページへのリンクと、URLのインプットフォームが表示され URLを入力してエンターでQRコードが生成される。 QRコードを設置するのでは無く、エンコーダーの設置です。 QRコード...
  • 2010年7月23日 -- [WPプラグイン] HTML5 Player Plugin for Wordpress – HTML5 プレイヤー
    HTML5 Player Plugin for Wordpress は、HTML5 プレイヤーのプラグインです。 Support VIDEO Type .mp4 .ogv .webm Support AUDIO Type .ogg .aac .mp3 作者サイトにテストがあるのでプレイヤーのインターフェースはそちらで確認して下さい。 「CJ Jackson 」 ...
  • 2010年7月18日 -- [WordPress] カテゴリーページの備忘録
    カテゴリーページのループ外にカテゴリー名と、カテゴリー説明と画像を表示する備忘録 カテゴリー説明のタグは WP 3x のデフォルトテーマ2010に使われてるタグです。 使用テーマの画像フォルダ内に、各カテゴリーの画像を用意する。 "wp-content/themes/xxxx/images/cat/カテゴリーID.gif" category.php の if (have_p...
  • 2010年7月17日 -- [WPプラグイン] HidePost – 投稿内に会員にだけ表示させるスペースを
    本文内のショートコードで囲んだ部分をログインユーザーにのみ表示させるプラグイン。 「HidePost」 前からあったプラグインだと思うので前のWPバージョンでもOKと思いますが、今回は WP 3.0 でテスト 1、プラグインを有効化 2、管理メニューの設定から"HidePost"を開く "Enable Hidepost (Uncheck if you want to di...
  • 2010年7月15日 -- [WPプラグイン] Sidebar Photoblog: Photoblog – サイドバーに特定カテゴリーのフォトを一覧表示
    サイドバーに指定したカテゴリー内のフォトをサムネイル表示するプラグイン 「Sidebar Photoblog: Photoblog」 フォトを多く含んだカテゴリーや、フォト日記のカテゴリーがある場合に、サイドバーにサムネイル表示させれれば見栄えもいいかもです。 ※、指定できるカテゴリーはひとつだけ 1、プラグインを有効化 2、管理メニュー「外観」からウィジェットを開き、"Si...