Honmaru Manual

   

【コメント管理】アバター(コメント横の画像)の設定

16 6月 15
北川 哲平

No Comments

コメントの横に表示される画像をアバターと呼びます。
このアバターの画像は表示しないこともできますし、別の画像を表示させることもできます。
またGravatarという外部のサービスを利用して自分独自の画像を表示させることもできます。
ここではコメント欄で使用されるアバターの設定方法について解説します。
 
1.アバターで使用する画像の種類
2.Gravatarサービスを使ったアバターの設定

 

 

アバターで使用する画像の種類

 
コメントが表示される時に名前の横に表示される画像をアバターと呼びます。
まずはこのアバターの種類を変更する方法について確認します。
 
アバター


①設定を行うには管理画面の「設定」メニューの中にある「ディスカッション」メニューをクリックして下さい。
 
ディスカッション


②「ディスカッション設定」画面が表示されます。
 
ディスカッション設定


③アバターに関する設定はこのページの最後の方にあります。下の方へスクロールして下さい。
 
アバター設定


④まずアバターを表示するかどうかの設定項目があります。
デフォルトでは「アバターを表示する」にチェックが入っていますが、もし表示させたくない場合はチェックを外して下さい。
 
⑤続いてアバターの種類です。
後で説明する独自のアバターが設定されていない方がコメントした場合に使用される画像を選択します。
現在は「ミステリーマン」が選択されています。
 
comment_avatar_6


⑥では例として「Wavatar (自動生成)」を選択してみます。
変更しましたら画面左下の「変更を保存」ボタンをクリックして設定を反映させて下さい。
 
comment_avatar_7


⑦改めてホームページに表示されたコメントを見てみると、表示されているアバターが「ミステリーマン」から
「Wavater」に変更されています。「Wavater」の場合は複数の画像が用意されていて、自動的に画像が選択されて表示されます。
 
Wavater


このようにアバターの種類をいくつかあるものの中から選択して表示させることができます。
 

 

 

Gravatarサービスを使ったアバターの設定

 
コメントを投稿する時に独自の画像をアバターとして表示させることができます。
 
①設定を行うには外部のサービスである「Gravatar」を利用します。
 
https://ja.gravatar.com/
 
外部サービス


②Gravatarでアカウントを取得すると、自分のプロフィール画像を設定することができます。
WordPressではコメント投稿時に入力されたメールアドレスでGravatarでアカウントが作成されているかどうかチェックし、
もしされていた場合はプロフィール画像をアバターとして表示します。
 
③それではアカウントを取得し画像を設定します。
画面中央に表示されている「Gravatarを作成」ボタンをクリックして下さい。
 
Gravatarを作成


④「E-mail」「Username」「Password」を入力し「Sign up」と書かれたところをクリックして下さい。
 
クリック


⑤ユーザー名などが既に利用されているものを入力しているとその旨表示されます。
その場合は戻って再入力して下さい。問題無く入力できた場合は次のような画面が表示され確認用のメールが先ほど入力したメールアドレス宛てに送信されます。
 
確認メール


⑥次のようなメールが届きますので「Activate Account」と書かれたリンクをクリックして下さい。
 
Activate Account


⑦次のように表示されれば確認は完了です。「Sign in to Gravatar」ボタンをクリックして下さい。
 
Sign in to Gravatar


⑧画像を設定します。「Add one by clicking here!」と書かれたリンクをクリックして下さい。
 
Add one by clicking here!


⑨どこに置いてある画像を設定するのかを選択します。
今回はローカルに置いてある画像を使用しますので「Upload new」ボタンをクリックして下さい。
 
Upload new


⑩「ファイルを選択」ボタンをクリックするとファイル選択ダイアログが表示されますので設定する画像を選択して下さい。
選択が終わりましたら「Next」ボタンをクリックして下さい。
 
Next


⑪選択した画像のどの部分を使用するのかを設定して下さい。設定が終わりましたら「Crop and Finish!」ボタンをクリックして下さい。
 
Crop and Finish!


⑫設定した画像のレーティングを設定します。
これはWordPressの方の設定画面にもありましたが「G – あらゆる人に適切」「PG – 不快感を与える恐れ – 13歳以上の人向き」「R – 18歳以上の成人向き」「X – 最高レベルの制限」から選択します。
普通の画像であれば「G」のところをクリックして下さい。
 
G - あらゆる人に適切


以上でGravatarアカウントの取得と画像の設定は完了です。(Gravatarからはログアウトして頂いて結構です)。
 
アカウントの取得完了


⑬それではコメントを投稿してみます。
この時メールアドレスとしてGravatarでアカウントを取得した時に設定したメールアドレスを入力して下さい。
 
メールアドレス入力


⑮表示されたコメントを見ると、Gravatarで設定した画像がアバターとして使用されていることが確認できます。
 
使用確認


このように自分が使用するメールアドレスを使ってGravatarでアカウントを取得し画像を設定しておけば、
投稿したコメントのアバターに任意の画像を表示させることができます。