【WordPress】コメントのアバターを表示させて「親しみやすさ」をアップさせよう

Total 510 views
この記事の所要時間は約 4分です。

ブログに必ず付いてるコメント機能。

ワードプレスの場合、そこにアバターと呼ばれるアイコン画像を付けることができます。

スポンサーリンク


 

イメージ画像

 

表示・非表示の変更は「設定」「ディスカッション」から行えます。

イメージ画像

 

上の画像のように「アバターを表示する」と「ミステリーマン」にチェックを入れると、
下の画像のように表示されます。

イメージ画像

 

でもこれだとちょっと味気ない気がしませんか?

コメントが届いても、なんか殺風景というか無機質というか。
それにミステリーマンって誰やねん?っていう話もあるとかないとか。

ここにオリジナルの顔アイコンなんかが表示されれば、
ちょっとだけかもしれませんが
親近感のようなものがアップするぞと私は思うんです。

ネット上での見ず知らずの人とのコミュニケーションって、
感情が表に出にくいでしょう?

でもコメントをもらいコメントを返すっていうやり取りは、
少なくとも何らかの意思をもって投稿するわけだから
そこに感情まで表現できれば
もっと親しみや共有感が増えるんじゃないかなとも思うんですよ。

そのための表現の一種としてアバターの表示は効果的であると思うのです。
たとえちっちゃな効果だと言われようとも。

ただ、、、デフォルトの『ミステリーマン』では、ちょっと、ねぇ。

そこでコメントをくれた人と管理人(私です)の
オリジナルアバターを作ってみようというのが今回の内容です。

 

ゲスト側のアバター設定

これはコメントをくれた方のアイコン画像設定です。

後述する「Gravatar」にアイコン画像を登録している方はその画像が表示されるようですね。未確認ですが。

アイコン画像はあらかじめ作っておきます。

私は 76px 四方で作ってみました。こちら↓です。

アバター画像

これをテーマフォルダ内のどこかに保存しておきます。

今回は「image」というフォルダを作ってそこに保存してみました。

そして functions.php に以下のテキストを書き込みます。

上記コード内の'/image/avatar-guest.png'というところが画像までのパスになり、
ここでは「image」というフォルダ内に保存した「avatar-guest.png」という名称の画像という意味になります。
(フォルダ名や画像名は適宜変えてください)

'ゲストさん'という部分は『ミステリーマン』などのような表示上の名称です。
ここも変更可能です。

これで下のように表示されます。
最下段に新たに「ゲストさん」がお目見えしました。

イメージ画像

 

これでさきほどのコメント欄を見ると、、、ちゃんとアイコンが変わってます。
無機質なイメージがだいぶ和らいだと思うんですがいかがでしょう。

イメージ画像

ただこのままだとコメント側と私とどちらも同じ画像になっちゃうので、
今度は自分の画像を別のものに変えてみましょう。

 

管理人側のアバター設定

管理人側のアバターは「Gravatar」という Webサービスを利用します。

ここに画像を登録しておくと、
自サイトだけでなく他サイトでも自分の画像を表示させることができるそうです。

反対にコメントをくれたゲストの方のアイコンも Gravatar に登録されていればその画像が表示されるみたいです。(ともに未確認です)

Gravatar への登録

Gravatarを開きます。

「Create Your Own Gravatar」をクリックして新規登録するか、
「WordPress.com」のアカウントでログインします。

下は WordPress.com でのログイン画面です。

イメージ画像

 

ログインすると下のような画面になるので
「ここをクリックして追加してください」をクリックして画像を登録します。

イメージ画像

画像はあらかじめ用意しておくといいでしょう。

アップする画像を指定します。
今回は PC に保存してある画像をアップロードするので一番上を選択します。

イメージ画像

 

画像が読み込まれるのでトリミングが必要ならこの場で切り取ります。

「切り抜いて完成」をクリックして画像のアップロードが終了します。

イメージ画像

 

最後にレーティングと呼ばれる設定です。
ここは特に指定していなければ制限なしの「G」を選んでおけばいいでしょう。

イメージ画像

これで画像の登録は完了です。
下のような画面になりますが特にすることはありません。

イメージ画像

 

これでコメント欄を確認すると、下のように反映されてるのがわかります。

イメージ画像

 

どうでしょう、こっちの方が優しい感じがしませんか?
目立つという意味でもおススメかと。

以上です。

スポンサーリンク

ブログランキングに参加してます。よろしければポチッとな。

お気軽にフォロー↓してください。

ブログ更新情報はこちらからどうぞ。

follow us in feedly

コメントを残す




日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)