WordPressのユーザーページ(author.php)テンプレートをカスタマイズする

ユーザーページを確認してみる。

まずユーザーページを確認してみましょう。
ブログURLのあとに「/author/[ユーザー名]」でユーザーごとのページが表示されます。

http://www.example.com/author/[ユーザー名]

何も設定していないとアーカイブページ（archive.php）のテンプレートで表示されます。（archive.phpがなければindex.php）
ただ表示される記事はアドレスに入力したユーザーが書いた記事だけになっているはずです。

ユーザーページなんて言っちゃってますが、パーマリンクを見ると「author」なんですよね。
なのでオーサーページと言う方が正解かもしれません……。

ユーザーページに表示させる情報の入力

管理画面の「ユーザー」メニューからユーザーを選択し「ユーザーの編集」画面で表示させる項目を入力していきましょう。
AIMとかJabberはあまり使っている人はいないと思いますので（というか私が使っていない！）空欄でいきます。
また、赤い文字はテンプレートで呼び出すときに使うフィールド名です。

ユーザーページ（author.php）テンプレートの作成

			<?php the_author_meta( $field, $userID ); ?>
		

			<?php the_author_meta( last_name, $author ); ?>
			<?php the_author_meta( first_name, $author ); ?><br />
			<?php the_author_meta( user_url, $author ); ?><br />
			<?php the_author_meta( description, $author ); ?>
		

			<?php get_userdata(userid); ?> 
		

			<?php
				$user_data = get_userdata($author);
				echo $user_data->last_name . $user_data->first_name . "<br />";
				echo $user_data->user_url . "<br />";
				echo $user_data->description;
			?>
		

管理画面のAIM、Yahoo IM、Jabber項目の削除

使用している方もいると思いますが、AIM、Yahoo IM、Jabberなんかは使っていない人も多そうです。
そこで、ユーザー編集画面「連絡先情報」にあるこれらの項目を削除してみます。
「functions.php」に少しコードを追加するだけです。

functions.php

		function update_profile_fields( $contactmethods ) {
			unset($contactmethods['aim']);
			unset($contactmethods['jabber']);
			unset($contactmethods['yim']);
			return $contactmethods;
		}
		add_filter('user_contactmethods','update_profile_fields',10,1);
	

Twitter、Facebook項目の追加

			function update_profile_fields( $contactmethods ) {
				//項目の削除
				unset($contactmethods['aim']);
				unset($contactmethods['jabber']);
				unset($contactmethods['yim']);
				//項目の追加
				$contactmethods['twitter'] = 'Twitter';
				$contactmethods['facebook'] = 'Facebook';
				
				return $contactmethods;
			}
			add_filter('user_contactmethods','update_profile_fields',10,1);
		

成功すればこんな画面になっているはずです。

			<?php
				$user_data = get_userdata($author);
				if ($user_data->twitter) {
					echo $user_data->twitter . "<br />";
				}
				if ($user_data->facebook) {
					echo $user_data->facebook . "<br />";
				}
			?>
		

オリジナルのフィールド（項目）の追加

Twitterなど連絡先なら自由に入力できるようになったわけですが、もっと他の項目を追加したいよって場合があるかもしれない。
たとえば標準の「プロフィール情報」の入力欄はタグが保存されないのでがっつり作り込みたいといったときには不便です。
なのでここでは新たにタグも保存されるテキストエリアを追加してみます。
画面に表示されるラベル名を「自己紹介」、フィールド名を「ex_profile」として追加してみます。

functions.php

		add_action( 'edit_user_profile', 'add_profile_fields' );
		function add_profile_fields( $user ) {
		?>
			<h3>追加した項目</h3>
			<table class="form-table">
				<tr>
					<th>自己紹介</th>
					<td>
						<textarea name="ex_profile" rows="10"><?php echo esc_attr( get_the_author_meta( 'ex_profile', $user->ID ) ); ?></textarea><br />
						<span class="description">ここに自己紹介文を入力してください。</span>
					</td>
				</tr>
			</table>
		<?php
		}
	

管理画面で確認すると「ユーザー編集」の一番下に項目が追加されているはずです。
ただ、これだと表示するだけなので保存する処理を行う必要があります。
「edit_user_profile_update」というフックを使用すれば更新ボタンを押したときに関数を実行できます。
「add_profile_fields」の下に次のコードを追加してください。

functions.php

		add_action( 'edit_user_profile_update', 'save_profile_fields' );
		function save_profile_fields( $user_id ) {
			if ( !current_user_can( 'edit_user', $user_id ) ) return false;
			update_usermeta( $user_id, 'ex_profile', $_POST['ex_profile'] );
		}
	

入力されたデータ当然ですがデータベースに保存されます。
phpMyAdminで確認してみましょう。「wp_usermeta」テーブルの最後に「ex_profile」というmeta_keyで保存されていれば成功ですね。
テンプレートからの呼び出しかたは他の値と同様、新たに設定した「ex_profile」で表示することができます。