タイプ | |
有料/無料 | 無料 |
ライセンス | GPL |
執筆時のバージョン | 1.1 |
ユーザ登録の要否 | 必要 |
- ここに掲載している記事は執筆時点のものです。内容が古くなっている事もありますのでご注意下さい。
- ここで紹介しているエクステンションの利用を推奨するものではありません。ご利用は自己責任でお願いします。
- ご自分が利用しているエクステンションの最新情報は常に確認しましょう。様々なエクステンションで日々脆弱性が見つかっており、あなたのサイトがクラックの被害に遭わないとも限りません。脆弱性情報はこちら。
- 登録ユーザのプロファイルページを表示する事ができる。アバターをサポートし、ユーザが任意の画像を設定可能。また相手のメールアドレスを知らなくてもメールフォームから相手に送ることも可能。
- ユーザ登録時に入力するフィールドを自由に追加できる(例えば住所や電話番号など)。必須項目なども設定可能。追加したフィールドはタブとしてプロファイルページに表示できる。追加したフィールドの表示/非表示も制御できる。
- タブはテンプレート化されており、簡単にデザインを変更することが可能。
- ユーザ登録時のワークフロー拡張。管理者(モデレータ)の承認後に登録したり、登録時の案内メールの内容を自由に変更できる。
- コネクション機能搭載。ユーザ同士のつながりを表示できる(mixiのマイミクのようなもの?)
- 登録ユーザの一覧を表示可能。一覧の表示レイアウトも自由に変更可能。
- 管理をモデレータに委任できる。
- Community Builder自体に多数のプラグインがある。必要に応じて拡張可能。
- 他のコンポーネントとの連携(登録ユーザがブログを書ける『Mamblog』、登録ユーザにニュースレターを送る『YaNC』など)
ダウンロードとインストール
上記開発元もしくはJoomla! Extention Directoryへアクセスし、最新のファイル(cb_X_X_X-unzip1st.zip)をダウンロードします。ファイルを解凍すると下記の5つのファイルがあります。それぞれ必要なファイルをインストールします。インストールは管理画面のインストーラメニューから行ってください。 (参考:コンポーネントのインストール、モジュールのインストール、プラグインのインストール)
ファイル名 | 説明 |
com_comprofiler.zip | CBのコアコンポーネント(インストール必須) |
mod_cblogin.zip | CB用のログインモジュール。Joomla!標準のログインモジュールの代替として利用する(インストール必須) |
mod_comprofilerModerator.zip | ユーザ管理をモデレータに任命する場合に必要(オプション) |
mod_comprofilerOnline.zip | オンラインのユーザを表示するモジュール (オプション) |
cb_expert_files_only.tar.gz | アンインストールせずに以前のバージョンからアップグレードする際に使用する。詳しい方向け。普通は使用しない。 |
日本語化
当サイトでCBを日本語化するプラグインを配布しています(一部未翻訳部分あり)。ダウンロードセクションからダウンロードして適当な場所へ保存しておきます。
管理画面の「コンポーネント」→「Community Builder」→「Plugin Management」を選択します。
画面下側に表示された「Install New Plugin」の参照ボタンを押し、ダウンロードしたファイルを指定し「Upload file & Install」を押します。
CB用ログインモジュールの有効化
「モジュール」→「サイトモジュール」からJoomla!標準のログインモジュールを非公開にし、上記でインストールしたCB用のログインモジュール(mod_cblogin)を公開します。モジュールを入れ替えてもデザインは何も変わりません。また、このモジュールの設定を変更することで、ログイン後にユーザのアバターを表示したり、各種メッセージを表示する事もできます。
ユーザメニューの作成
登録ユーザが自身のプロファイルを参照したり、ユーザを一覧表示するためのメニューアイテムを作成します。
プロファイルを表示するメニューアイテム
メニュータイプから「コンポーネント」を選択します。次の画面でメニューの名前を入力し、下のリストから「Community Builder」を選択し保存します。
作成したメニューをクリックすると、自身のプロファイルが表示されるようになります。
登録ユーザを一覧表示するメニューアイテム
メニュータイプから「リンク - Url」を選択します。メニューの名前を入力し、「リンク」の欄に次のように入力し保存します。
作成したメニューをクリックすると登録ユーザの一覧が表示されるようになります。
登録ユーザ一覧のレイアウトや設定を変更するには「コンポーネント」→「Community Builder」→「List Management」から行います。一覧に表示するグループを限定したり、並び順を変えたりすることができますので、色々試してみましょう。
Joomla!ユーザとの同期
Joomla!に登録されたユーザとCBのユーザを同期します。メニューの「コンポーネント」→「Community Builder」→「Tools」を選択します。
「Synchronize Users」をクリックします。
サンプルデータの読み込み
CBの操作に慣れるためにサンプルデータを読み込んでおきましょう。メニューの「コンポーネント」→「Community Builder」→「Tools」を選択します。
「Load Sample Data」をクリックします。
初期設定の変更
CB経由でしかユーザ登録が行えないように設定し、Joomla!側のユーザ登録機能は無効にします。メニューの「コンポーネント」→「Community Builder」→「Configuration」を選択します。
登録タブを開き「はい。グローバル?」を選択し保存します。
メニューの「サイト」→「グローバルコンフィグレーション」を選択し、「ユーザ登録」を「いいえ」に設定し保存します。
タブを追加する
タブはユーザ固有の情報をプロファイル上へ表示するために使用します。例えば「記事タブ」を設定すると、そのユーザが編集した記事の一覧をプロファイルページに表示します。
タブには任意の値を管理者が追加可能です。ここではプロファイルページに「自己紹介」というタブを追加してみます。
タブを追加するには「コンポーネント」→「Community Builder」→「Tab Management」を選択します。
既に設定済みの項目が表示されます。プロファイルページ表示されるメニューやアバター写真などは、全てこのTab Managementから管理します。名前は「Tab」ですが、必ずタブで表示するわけではないので注意が必要です。各行がプロファイルページを構成しているパーツに対応しています。
それぞれ「Published(公開)」「Access(アクセス権)」「Position(ポジション)」「Re-Order(並び順)」が設定できます。この機能はJoomla!と同様ですので直ぐに理解できると思います。
またPositionは、Joomla!のモジュールポジションと同じ意味があります。デフォルトのレイアウトは次のとおり。
デフォルトではleft(左サイド)が表示されていませんが、設定すれば左サイド、中央、右サイドの3列表示も可能です。
新しくタブを追加するには画面右上の「New Tab」をクリックし、表示されたパラメータを設定していきます。設定項目は下記の通り。
パラメータ | 説明 |
Title | タブに表示される名前(今回の場合「自己紹介」) |
Description | タブの説明(任意) |
Publish | 公開/非公開の設定。もちろん公開にする。 |
Profile ordering | プロファイル上での並び順。新規作成時は指定できない。 |
Registration ordering | 登録ページでの並び順?(未確認) |
Position | タブを配置する位置。上図参照。(今回の場合、メインエリア=tabmain) |
Display type | 表示するタイプ。タブ以外にも様々な表示方法が可能。色々試してみるとよい。 |
User Group to allow access to | タブにアクセス可能なグループを指定する。 |
入力できたら保存します。一覧の中に「自己紹介」と表示されればOKです。
次にタブへ表示するフィールドを追加します。メニューの「コンポーネント」→「Community Builder」→「Field Management」を選択します。
画面右上の「New Field」をクリックし新しいフィールドを追加します。設定項目は以下のとおり。
パラメータ名 | 説明 |
Type | 使用するコントロールの要素を選択します。今回の場合、WYSIWYGエディタを使用して自己紹介を書くので「Editor Text Area」を選択 |
Tab | どのタブに表示するかを指定する。今回は「自己紹介」タブを選択。 |
Name | DBで使用するフィールド名を入力する。英字から始まる英数字で入力すること。入力後、自動的に「cb_」という接頭辞が付与される |
Title | コントロール要素に表示されるタイトル。任意に設定可能。今回は「本人から一言」とする。 |
Description/"i" field-tip: text or HTML | ユーザ登録画面上のツールチップに表示する説明文。今回はなし。 |
Required? | 入力必須とするか。任意入力なので今回は「いいえ」 |
Show on Profile? | プロファイル上に表示するか。プロファイルへ表示するので今回は「はい」 |
User Read Only? | ユーザへ読み込み専用とするか。後からユーザが変更できるようにしたいので今回は「いいえ」 |
Show at Registration? | ユーザ登録画面に表示するか。今後新規ユーザ登録時に入力してもらいたいので今回は「はい」 |
Published | 公開するか。もちろん「はい」 |
Size、Max Length、Cols、Rows | 各コントロールのプロパティを設定する。今回はWYSIWYGエディタを使用するので特に設定しなくても良い。 |
保存後、フロントエンドからログインしプロファイルページを表示します。しかし作成した自己紹介タブは表示されません。既に登録済みのユーザは「自己紹介」フィールドに対して入力していない為です。上部のメニューから「編集」→「プロファイルを更新」を選択、表示された自己紹介タブに内容を入力して「更新」ボタンを押せばタブが表示されるはずです。
プラグインの追加
CBには豊富なプラグインがあります。例えば「CB Captcha Plugin」は、ユーザ登録時の入力画面にセキュリティコードを表示します。以下からお好みのプラグインを探し、ダウンロード後「Plugin Management」からインストールしてお使いください。