WordPressのコメント欄で使用できるオリジナルアバター画像を追加する方法

WordPressのコメント欄で使用できるオリジナルアバター画像を追加する方法

WordPressのコメント欄で使用できるオリジナルアバター画像を追加する方法
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • 一式98,000円~の格安プランをご用意!Web制作お任せください!
  • このエントリーをはてなブックマークに追加

WordPressでは、コメントをもらった時に表示されるアバター画像を設定することができます。

アバターを表示するかどうか、どんなアバターを表示するかについては、管理画面で[設定] – [ディスカッション]にアクセスすると設定できます。

デフォルトでは、「ミステリーマン」「空白」「Gravatar ロゴ」「Identicon」「Wavatar」「MonsterID」「Retro」の中からアバターを選択することができます。これだけでも結構豊富なラインナップですが、自分でオリジナルの画像を設定したいこともあるかと思います。

そういうときのために、オリジナルアバターを追加する方法について紹介させていただきます。

スポンサードリンク

WordPressにオリジナルアバターを追加する方法

まずはオリジナルのアバター画像を用意して、テーマディレクトリにアップロードしておきます。画像の縦横比は1:1になるので、用意する画像も1:1で作成するといいですね。

次にテーマディレクトリ内のfunctions.phpに以下のコードを追加します。

functions.php
function newavatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/avatar.jpg';
$avatar_defaults[$myavatar] = "newavatar";
return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'newavatar' );

上記コードを追加すると、/wp-content/themes/使用中のテーマ/images/avatar.jpgがアバター画像として使用できるようになります。パスが異なる場合は、2行目を変更してください。

コードを追加した後、管理画面で[設定] – [ディスカッション]にアクセスすると、オリジナルのアバターが表示されます。

オリジナルアバターの追加

追加したアバターは「newavatar」という名前で表示されますが、名前を変更したい場合はコードの3行目で指定されているアバター名を変更してください。

オリジナルのアバターを選択して設定を保存すれば、コメント欄のアバター画像が切り替わります。

なお、ディスカッション設定で「アバターを表示する」にチェックが入っているのにアバターが表示されないという場合は、テーマファイルのアバターを表示させたい場所に以下のコードを追加します。

<?php echo get_avatar($comment, 40); ?>

第二引数の”40″は画像のサイズ(px)です。

あとがき

設定をオリジナルアバターに変更したら、自分のコメントの画像だけでなくコメント欄すべてのアバターが同じ画像になります。

それが嫌な場合は、デフォルトで用意されている自動生成のアバターを選択しましょう。

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。