Author Avatars List と User Photo を導入して、投稿者リストのページと、ユーザーが自分のアバターを表示できるようにする。
流れ
１、プラグインの導入
２、アバター用フォルダの設置
３、投稿者ページの作成
■１、プラグインの導入
User Photo ダウンロード
User Photo
Author Avatars Listはコチラを参照
[WP プラグイン] Author Avatars List」 – ユーザーリストのプラグイン備忘録
User Photoをアップロードして有効化。
管理画面の設定から詳細設定が出来ますが、デフォルトのままで大丈夫です。
プラグインを有効化すると、ユーザープロフィール編集ページに「User Photo Upload image file:
」という項目が追加され、ユーザーが自分のアバターをアップロードできるようになる。
■２、アバター用フォルダの設置
ユーザーがアバターをアップロードする為のフォルダーをディレクトリーに作成する必要があります。
「userphoto」という名前でフォルダーを作成し、次のデレクトリーに入れる
wp-contentのuploadsフォルダ内
例
wp-content/uploads/userphoto
この作成したフォルダにユーザーがアップロードしたアバターが保存される。
アバターは自動的にユーザー名がファイル名に付けられ、フルサイズとサムネイルサイズの２つが保存される。
■３、投稿者ページの作成
Author Avatars List で作成したユーザーリストからユーザーをクリックした際に、ユーザーのアバターとユーザーの投稿一覧を表示させる
前に、「 [WP] 投稿者リストから投稿者プロフィールページ」にauthor.phpを作成したので、これを応用しました
アバター画像の部分をUser Photoのコードに変更して作成
サンプル
<?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">
<!- User Photoコード -->
<?php userphoto($posts[0]->post_author); ?>
<!- User Photo end -->
<dl>
<dt>Maill</dt>
<dd><あ href="mailto:<?php echo $curauth->user_email; ?>"><?php echo $curauth->user_email; ?></あ></dd>
<dt>Web Site</dt>
<dd><あ href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></あ></dd>
<dt>Comment</dt>
<dd><?php echo $curauth->user_description; ?></dd>
</dl>
<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 »') ?>
- <?php previous_posts_link('« Back') ?>
</div>
<?php else: ?>
<p><?php _e('No posts by this author.'); ?></p>
<?php endif; ?>
</div>
</div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
author.phpとして保存
※サンプルです、スタイルなどは自分の環境に合わせて下さい。
以上で、Author Avatars List と User Photoを使った投稿者リスト and 投稿者ページ with アバター表示が実現できます。
まだアバターの表示サイズの方法がよく分かりませんが
ひとまず、このネタは終わります
