BuddyPressのプロフィール・グループ画像サイズを変更する

WordPressでSNSを構築することができるプラグイン「BuddyPress」ご存じですか？ デフォルトでもそこそこのサイトができてしまうし、やろうと思えばいくらでもカスタマイズできてしまう、めちゃくちゃポテンシャルを秘めたプラグインなのです。

ただし日本語の情報が少ないために、がっつりカスタマイズするには少々厳しいかなと言うのが印象。自分もさわり始めたときはめちゃくちゃ苦労しました。いや、今でも結構な感じで四苦八苦してますけど…。なのでなので、少しでも導入の手助けになればいいかなと、今後BuddyPressネタを複数投下していきたいと思います！

アバター画像サイズを変更しよう

さて今回はBuddyPressネタ1回目なので、ライトなネタでいきたいと思います。

SNSを初めて利用する場合、みなさん何から始めますか？ たいていの人はアカウント作ったら自分のプロフィールを埋めていくと思います。名前を変えたり、紹介文を書いたり…そしてプロフィール画像をアップロードしたり。BuddyPressはこの辺の機能が充実しており、プロフィールを細かく設定できるようになっています。

しかしですね。デフォルトのプロフィール画像のサイズがめちゃくちゃ小さいんです。なんと150pxです。これでは高解像度かが進むスマホとかだとにじんでしまって汚いし、表示を小さくするとレイアウト的にキツいものがあるし、なんとかしないと！とBuddyPressをカスタマイズし始めたときに必死に調べた記憶があります。

なのでこのプロフィール画像サイズを変更していくのですが、実は拍子抜けするぐらいめっちゃ簡単です。なんと以下のコードをテーマのfunctions.phpに追記するだけです。

define ( 'BP_AVATAR_THUMB_WIDTH', 256 );
define ( 'BP_AVATAR_THUMB_HEIGHT', 256 );
define ( 'BP_AVATAR_FULL_WIDTH', 512 );
define ( 'BP_AVATAR_FULL_HEIGHT', 512 );
define ( 'BP_AVATAR_ORIGINAL_MAX_WIDTH', 1920 );
define ( 'BP_AVATAR_ORIGINAL_MAX_FILESIZE', 10240000 );

上記コードを追加することで、プロフィール画像サイズを設定する定数を設定し、デフォルトの画像サイズを上書きします。なおプロフィール画像のサイズはサムネイルとフルサイズの2種類のサイズがあり、それぞれが適した箇所で表示されるようになっています。

各定数について

余談ですが、メンバーのプロフィール画像とグループの画像のサイズは共通となっているため、上記コードで変更した場合はグループ画像のサイズも変更されるため留意してください。そのためかBuddyPressではどちらも含めてプロフィール画像とグループ画像はアバター（Avatar）という名称で統一されています。