WordPress のエントリー投稿者毎に avatar 画像を変えて表示する方法

WordPress を使って複数人でブログを運営する場合、「この記事は●●が書きました」みたいな表示をしたくなるかと思います。

まぁデフォルトで個別記事の下の方に投稿者表示はあるんですけどね。

カテゴリー:xxxx | タグ: xxxx | 投稿日: yyyy/mm/dd |

ってのがあると思いますが、この並びに投稿者が表示されているはず。（私はなぜか表示されていませんでしたが）

でもそうじゃなくてもうちょっとカスタマイズとかしたいの。それぞれ投稿者にアイコンを設定して、出し分けたりしたいの。って方向けに共有。

ということで、プラグインとかありそうですが、セキュリティとか怖いのでテンプレートをカスタマイズする方向で。

アイコンを作って、content.php を編集

ユーザーにはそれぞれ ID が振られていて、ワードプレスではその ID を取得することが可能なので画像名に ID を付与しておけば、投稿者別の画像を表示できるっっ！！

ということで、例えば

avatar_1.jpg
avatar_2.jpg
avatar_3.jpg

とかにして、画像を任意の場所にアップロードしておく。管理画面からアップロードすると、（私の場合は）月別のフォルダにアップロードされちゃったりするので、FTP なり SSH などでいい感じに。

そんな感じで、個別記事で画像を読み込むように content.php に以下記述すれば投稿者毎の画像が表示されるようになります。

<img src="https://yuichon.com/wordpress/wp-content/uploads/avatar/avatar_<?php the_author_meta( 'ID' ); ?>.jpg" alt="" width="56px" />

画像のパスとかサイズとかはご自由に。

ついでに、投稿日時とかプロフィールとかも表示しちゃう

画像だけ表示してても唐突すぎるので、なんかちょっと手を加えました。

• 投稿者ニックネームの表示
• 投稿日の表示
• 投稿者プロフィールの表示

が出来るように

<?php the_author_meta( 'nickname' ); ?> has posted on <?php the_date(); ?>
<?php the_author_meta( 'user_description' ); ?>

というテンプレートタグをよしなにマークアップして、content.php を編集して、以下のようにしました。

参考リンク

• テンプレートタグ/the author meta – WordPress Codex 日本語版
• テンプレートタグ/the date – WordPress Codex 日本語版

※ WordPress 3.5.1 Twenty Twelve