wordpressでオリジナルアバターを実現

wordpressを使用していてシングルユーザー(自分だけのブログ)で運営している人はさほど気にならない事かもしれませんが、マルチユー ザー(会員制ブログ)などで運営されている方は一度は考えたことがあると思いますが、ユーザー登録してくれた人がオリジナルのアバターが設定できないモノ かと。。

作者も当サイトではマルチユーザー化していないため、作者ブログの方で登録制にしたのですが、オリジナルアバターに関しては久々に手こずりました。

wordpress2.5以降からGravatarというサービスと連携し、Gravatarでメールアドレスを登録しオリジナルのアバターを登録しておくと他のブログで登録アドレスを入力したときにアバターが表示されるというモノが導入されたのですが、外部サービスなので新規登録者には浸透しづらいモノがあると思いました。

色々調べてprofile picと いうプラグインにたどり着いたのですが、モノストックのwordpressをインストールした階層がhttp://mono-stock.com /blogという階層のせいか表示されるアバターのパスとアップロードされるアバターのパスが一致しないため、しばらくカスタマイズして断念しました。

他にその手のプラグインはないかと色々検索して、Add Local Avatarというプラグインを発見しました。これが思ってた以上に使いやすく、導入も簡単だったのでご紹介したいと思います。

今回導入した際のwordpressバージョンは2.8.5になります。

まずは下記のURLよりプラグインをダウンロード・もしくは管理画面≫プラグイン≫新規追加より【Add Local Avatar】を検索しインストール。
≫http://wordpress.org/extend/plugins/add-local-avatar/
プラグイン画面で有効化します。

管理画面≫ユーザー≫avatarsの項目が追加されているのでクリックすると以下のような画面になります。
wordpressオリジナルアバタープラグイン
wordpressオリジナルアバタープラグイン

上の方にあるのは現在の登録ユーザー名とメールアドレスになります、アドレス右隣にある空白は、アバター画像までのパスになります。作者の場合は wordpressインストール領域の1階層上にアップロードフォルダを作成しました。(http://moon-stock.com/アップロードフォ ルダ)
下の方の各種設定はおわかりになるかと思いますが、
Avatar rating:アバターの表示制限(G・PG・R・X)
Size:アバターの表示サイズの設定
Gravatar default:Gravatarでのデフォルト画像

Default image:Gravatar以外でのデフォルト画像パス
Use Snapshots:snapshotsというサービスを使用するか
Avatars in posts:記事内でアバター画像を使用できるようにするか
User uploads:アバター画像をアップロードするパス(/●●●●)
Resize uploads:アップロード時に画像をリサイズするか
Resize uploads size:リサイズするサイズ

この辺までの各種設定(画像パスの設定以外はほぼデフォルト)が出来たら、Update Avatar Optionsをクリックして更新。あとはコメント欄がスレッド形式になっていれば、コメント時にオリジナルアバターも一緒に表示されます。
wordpressのコメント欄スレッド化については以下のサイト様をご参考までに。

参考1≫WordPress コメントをスレッド対応にする
参考2≫WordPress コメントをスレッド対応にする

あとはサイドバーなどにログイン状態を表示してくれる【Sidebar login】などにも対応されているので、一緒に組み合わせて使っても良さそうです。

Gravatarで登録されている人はGravatarのアバターが優先されるので、非常に融通のきくプラグインです。もちろんユーザー登録されるプロフィールの設定画面にもアバター登録の欄が追加されているので、登録時も迷わずスムーズにアップロードできそうですね。設定画面がそこだけ英語になっているのを直したい方は、プラグインの【add-local-avatar】フォルダの中にある、avatars.phpファイルを編集すれば、日本語化になります。(602行〜620行あたり)
是非、wordpressでオリジナルのプロフィール画像を実現してみたい方ご参考下さい。

※記載されている画像は、作者の作成された画像を使用させていただいている場合がございます。
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

デザイン系のスキルを身につけるサポートをしてくれるオススメサービス

Adobeをお得に自分のペースで学びたい方にオススメ

Adobe Creative Cloudをお得に始めたい方へ。
アドバンスクールオンラインは、Adobe公認のプラチナスクールパートナー。通信講座を受講することで誰でも学生扱いとなり、社会人の方でも学割価格【68,800円(税込)】でフル機能のCreative Cloudを利用できます。IllustratorやPhotoshop、Premiere Proなど人気ソフト11講座がセットになり、質問し放題で1年間じっくり学習可能。学習ノルマはなく、好きなタイミングで受講できるので、デザイン・動画制作・イラスト・ゲーム開発など幅広いクリエイティブに挑戦できます。個人での商用利用も可能なライセンス。今こそ学割価格でAdobeを活用し、スキルアップを実現しませんか?

未経験からWebデザインを学んで手に職をつけたい方にオススメ

『Fullme』は、100万部以上のデザイン本を手掛けたingectar-eが講師を務めるオンラインデザインスクールです。「けっきょく、よはく」など人気書籍のノウハウをもとに、分かりやすく実践的なカリキュラムを提供。バナーやLP制作から、UI/UXやコーポレートサイト制作まで幅広く学べ、プロによる添削で実務力を磨けます。レッスンはビデオオンデマンド形式なので、仕事や子育てと両立しながら自分のペースで受講可能。デザイン初心者からキャリアアップを目指す方まで、スキルと表現力を同時に伸ばし、転職・副業・フリーランスへの一歩を後押しします。

未経験からWebマーケ転職を実現できる!デザインとマーケで手に職を!!

業界TOP1%のWeb広告代理店が運営する、未経験からでも安心して学べるWebマーケティングスクールです。講師はすべて現役のWebマーケターで、最新のノウハウをもとに完全個別指導を実施。生徒一人ひとりの目的やレベルに合わせて最適なカリキュラムを提案します。単なる知識の習得にとどまらず、実際のマーケティング業務を体験できる「実践講座」も用意しており、現場で即戦力として活躍できるスキルが身につきます。500社以上のマーケティング支援実績を通じて蓄積したノウハウを凝縮した独自の学習プログラムで、転職・副業・フリーランスなど多様なキャリアをサポート。さらに、転職支援コースでは、紹介企業への入社で受講料が「実質0円」になるキャンペーンも実施中です。未経験から新しいキャリアを築きたい方、自分の市場価値を高めたい方に最適なスクールです。

目次