メール不達のお知らせ

2018年11月1日まで、本サイトのお問い合わせメールが機能しておらず、メールを受け取ることができませんでした。この期間内にお問い合わせ頂いた方は、大変お手数ではございますが、再度お問い合わせページからご連絡ください。

タイプComponentModulePlugin
有料/無料無料
ライセンスGPL
執筆時のバージョン1.1
ユーザ登録の要否必要

JEDダウンロードホームページデモ言語ファイル

  • ここに掲載している記事は執筆時点のものです。内容が古くなっている事もありますのでご注意下さい。
  • ここで紹介しているエクステンションの利用を推奨するものではありません。ご利用は自己責任でお願いします。
  • ご自分が利用しているエクステンションの最新情報は常に確認しましょう。様々なエクステンションで日々脆弱性が見つかっており、あなたのサイトがクラックの被害に遭わないとも限りません。脆弱性情報はこちら
  • 登録ユーザのプロファイルページを表示する事ができる。アバターをサポートし、ユーザが任意の画像を設定可能。また相手のメールアドレスを知らなくてもメールフォームから相手に送ることも可能。
  • ユーザ登録時に入力するフィールドを自由に追加できる(例えば住所や電話番号など)。必須項目なども設定可能。追加したフィールドはタブとしてプロファイルページに表示できる。追加したフィールドの表示/非表示も制御できる。
  • タブはテンプレート化されており、簡単にデザインを変更することが可能。
  • ユーザ登録時のワークフロー拡張。管理者(モデレータ)の承認後に登録したり、登録時の案内メールの内容を自由に変更できる。
  • コネクション機能搭載。ユーザ同士のつながりを表示できる(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」を選択します。
ext_cb01.png

画面下側に表示された「Install New Plugin」の参照ボタンを押し、ダウンロードしたファイルを指定し「Upload file & Install」を押します。
ext_cb02.png

CB用ログインモジュールの有効化

「モジュール」→「サイトモジュール」からJoomla!標準のログインモジュールを非公開にし、上記でインストールしたCB用のログインモジュール(mod_cblogin)を公開します。モジュールを入れ替えてもデザインは何も変わりません。また、このモジュールの設定を変更することで、ログイン後にユーザのアバターを表示したり、各種メッセージを表示する事もできます。

ユーザメニューの作成

登録ユーザが自身のプロファイルを参照したり、ユーザを一覧表示するためのメニューアイテムを作成します。

プロファイルを表示するメニューアイテム

メニュータイプから「コンポーネント」を選択します。次の画面でメニューの名前を入力し、下のリストから「Community Builder」を選択し保存します。
ext_cb04.png

作成したメニューをクリックすると、自身のプロファイルが表示されるようになります。
ext_cb05.png

登録ユーザを一覧表示するメニューアイテム

メニュータイプから「リンク - Url」を選択します。メニューの名前を入力し、「リンク」の欄に次のように入力し保存します。

index.php?option=com_comprofiler&task=usersList

作成したメニューをクリックすると登録ユーザの一覧が表示されるようになります。
ext_cb07.png

登録ユーザ一覧のレイアウトや設定を変更するには「コンポーネント」→「Community Builder」→「List Management」から行います。一覧に表示するグループを限定したり、並び順を変えたりすることができますので、色々試してみましょう。

Joomla!ユーザとの同期

Joomla!に登録されたユーザとCBのユーザを同期します。メニューの「コンポーネント」→「Community Builder」→「Tools」を選択します。
ext_cb08.png

「Synchronize Users」をクリックします。
ext_cb09.png

サンプルデータの読み込み

CBの操作に慣れるためにサンプルデータを読み込んでおきましょう。メニューの「コンポーネント」→「Community Builder」→「Tools」を選択します。
ext_cb08.png

「Load Sample Data」をクリックします。
ext_cb10.png

初期設定の変更

CB経由でしかユーザ登録が行えないように設定し、Joomla!側のユーザ登録機能は無効にします。メニューの「コンポーネント」→「Community Builder」→「Configuration」を選択します。
ext_cb11.png

登録タブを開き「はい。グローバル?」を選択し保存します。
ext_cb12.png

メニューの「サイト」→「グローバルコンフィグレーション」を選択し、「ユーザ登録」を「いいえ」に設定し保存します。
ext_cb13.png

タブを追加する

タブはユーザ固有の情報をプロファイル上へ表示するために使用します。例えば「記事タブ」を設定すると、そのユーザが編集した記事の一覧をプロファイルページに表示します。
ext_cb14.png

タブには任意の値を管理者が追加可能です。ここではプロファイルページに「自己紹介」というタブを追加してみます。
ext_cb14_1.png

タブを追加するには「コンポーネント」→「Community Builder」→「Tab Management」を選択します。
ext_cb15.png

既に設定済みの項目が表示されます。プロファイルページ表示されるメニューやアバター写真などは、全てこのTab Managementから管理します。名前は「Tab」ですが、必ずタブで表示するわけではないので注意が必要です。各行がプロファイルページを構成しているパーツに対応しています。
ext_cb16_1.png

それぞれ「Published(公開)」「Access(アクセス権)」「Position(ポジション)」「Re-Order(並び順)」が設定できます。この機能はJoomla!と同様ですので直ぐに理解できると思います。
ext_cb16_2.png

またPositionは、Joomla!のモジュールポジションと同じ意味があります。デフォルトのレイアウトは次のとおり。
ext_cb17.png

デフォルトではleft(左サイド)が表示されていませんが、設定すれば左サイド、中央、右サイドの3列表示も可能です。

新しくタブを追加するには画面右上の「New Tab」をクリックし、表示されたパラメータを設定していきます。設定項目は下記の通り。
ext_cb17_1.png

パラメータ 説明
Title タブに表示される名前(今回の場合「自己紹介」)
Description タブの説明(任意)
Publish 公開/非公開の設定。もちろん公開にする。
Profile ordering プロファイル上での並び順。新規作成時は指定できない。
Registration ordering 登録ページでの並び順?(未確認)
Position タブを配置する位置。上図参照。(今回の場合、メインエリア=tabmain)
Display type 表示するタイプ。タブ以外にも様々な表示方法が可能。色々試してみるとよい。
User Group to allow access to タブにアクセス可能なグループを指定する。

入力できたら保存します。一覧の中に「自己紹介」と表示されればOKです。
ext_cb18.png

次にタブへ表示するフィールドを追加します。メニューの「コンポーネント」→「Community Builder」→「Field Management」を選択します。
ext_cb19.png

画面右上の「New Field」をクリックし新しいフィールドを追加します。設定項目は以下のとおり。
ext_cb20.png

パラメータ名 説明
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エディタを使用するので特に設定しなくても良い。

保存後、フロントエンドからログインしプロファイルページを表示します。しかし作成した自己紹介タブは表示されません。既に登録済みのユーザは「自己紹介」フィールドに対して入力していない為です。上部のメニューから「編集」→「プロファイルを更新」を選択、表示された自己紹介タブに内容を入力して「更新」ボタンを押せばタブが表示されるはずです。
ext_cb21.png

プラグインの追加

CBには豊富なプラグインがあります。例えば「CB Captcha Plugin」は、ユーザ登録時の入力画面にセキュリティコードを表示します。以下からお好みのプラグインを探し、ダウンロード後「Plugin Management」からインストールしてお使いください。

【Joomla!が使えるレンタルサーバー】

自分用のリンク

ちょくちょくアクセスするページ。自分用です。

お仕事募集

Joomla!に関するお仕事の依頼、エクステンションの翻訳、トラブルシューティングなどございましたら、こちらからお問い合わせください。