Technology

テクノロジー

【HTML5 Dev】Joomla! 用フォーラム機能のモバイル向け最適化

Mike Rohde
2012年6月20日 / 07:00
 
 
フォーラムという単語の古典的な語義は、特定の問題に関する考えや意見を交換する会合もしくは伝達手段というものだった。これに対し現代では、フォーラムといえばインターネットのオンライン掲示板を指すようになった。ソーシャル サイトには、ユーザーが集って記事に対する書き込みを行えるよう、たいていフォーラムが用意されている。ソフトウェアの個人開発者たちは、成果物の記録を残す場所としてフォーラムを好んで使うようになった。というのは、そのソフトウェアのあるユーザーが抱えている問題は、ほかのユーザーも遭遇する可能性があるからだ。つまり、問題に関する質問と回答をフォーラムに書いておけば、同じ質問にメールやその他手段で同じ回答を繰り返す必要がなくなり、開発者は時間と手間を節約できる。

当記事では、Kunena という Joomla! サイト用の強力なフォーラム拡張機能、Kunena Discuss というプラグイン、スマートフォンなどのモバイル機器上でフォーラムをエレガントに表示できる Mobile Joomla! Kunena 拡張機能を解説する。パソコン向け Web ブラウザとモバイル用 Web ブラウザでの表示例は、こちらのサイトをチェックされたい

Kunena


Kunena フォーラム拡張機能や Discuss プラグインは完全に無料で利用できる。Kunena 用の Mobile Joomla! 拡張機能は39.00ドルで、1年間のサポートとアップデートが受けられる。その後も拡張機能そのものは使い続けられるが、アップデートを受け続けるには契約を更新しなければならない。モバイル拡張機能を使うには、Mobile Joomla から69ドルで提供される Elegance テンプレートが必要だ。筆者は、当記事を書くために Mobile Kunena 拡張機能と Elegance テンプレートの両方を提供してもらった。

インストールと設定


まずはインストールだ。ただし、モバイル版をインストールする前に、パソコン版フォーラムを Kunena からインストールする必要がある。Kunena 1.7は、Joomla 1.5 Native および Joomla 2.5の両サイトで利用可能だ。いずれにも、サポート マニュアル代わりに使える大規模な FAQ サイトが用意されている。

Kunena をインストールすると、コントロール パネルが表示される。コントロール パネルを閉じても、Joomla! のバックエンドにある Components メニューから開ける。

設定用メニューを見ると分かるが、用意されている機能はかなり多く、種類も豊富で素晴らしい。しかも、これが無料で利用可能というのだから驚きだ。

自分の作ったフォーラムを Web サイトで公開するには、Main Menu に行くだけでよい。一番上に Forum メニューがあるものの、この時点では未公開だ。公開するには、そこにある「×」をクリックする。そしてフロントエンドに行くと、メインメニューに Forum が表示され、それをクリックすればフォーラムに入れる。

Kunena の互換性


Kunena は、Alpha User Points(AUP)など、ほかの拡張機能やプラグインにも対応している。この AUP 拡張機能を使うと、訪問者がアバターをアップロードしてプロフィールを補足したり、ポイントを貯めたり、このポイントをクジに使ったりといったことが行える。AUP には、ほかにたくさんの機能がある。使っているうちに気付くであろう機能(そして筆者が非常に高く評価している機能)が、AUP から取得する訪問者のプロフィール情報がすべて Kunena フォーラムに渡る部分だ。これにより、既存の登録ユーザーは、通常使うものと同じログイン/パスワード情報を使えるようになり、アバターやプロフィール情報も引き継げる。

Kunena のフォーマット


Kunena には独自 CSS が用意されており、Kunena メニューの Template Manager からアクセスできる。通常の Template Manager には入っていないので注意されたい。Kunena メニューの Template Manager をクリックすると、わざわざ CSS を開かなくても変更可能なオプションが複数表示される。ここで最も強力なボタンが一番下にある。このボタンを使うと、自分の Joomla テンプレート CSS とフォーラム テンプレート CSS を合成できるのだ。筆者が試したところ、とてもうまく機能した。そして、このオプションでヘッダやタブの色も調整できる。調整したい項目がここにない場合は、直接 CSS に変更を施せばよい。CSS を変えるにしても Kunena CSS を触る必要はなく、代わりに joomla CSS やパソコン用サイトの標準 CSS テンプレートを見ればよい。

Kunena Discuss


さらに Kunena Discuss は、多数の機能を備える極めて強力な拡張機能だ。記事用のコメント エリアを作ることが可能で、 訪問者が記事に関するコメントを書くと記事ごとに新しいトピックを自動作成し、その新しいトピックを選んだカテゴリーに表示する。そのために必要な作業は、インストールと2つの設定と、それを有効化するだけである。JComments と異なり、コメント機能を動かすのに全記事でボタンをクリックする必要はない。すべて自動的かつスムーズに行われる。

Kunena Mobile


現在われわれは、モバイル機器に囲まれて生活している。Mobile Joomla! には、Kunena をスマートフォンなどのモバイル端末用にフォーマットする拡張機能が搭載されており、実にうまくコンテンツを配置する。インストールは簡単で、zip ファイルをダウンロードし、Joomla! サイトのバックエンドから Extension Manager を使ってインストールするだけだ。そして Plugin Manager に行き、Kunena をフィルタリングして、有効にする。それだけであっという間にモバイル版が有効になり、見事に処理してくれる。

このモバイル版サイトで非常に気に入っていただけると思われるのが、訪問者を携帯端末でログオンさせられる機能だ。Elegance テンプレートを使っているころは、この機能は利用できなかった。訪問者はログイン中に新しいトピックを開始したり、トピックに回答したりできる。

Mobile Kunena の FAQ はこちらを参照のこと。
【関連記事】
【HTML5 Dev】node.js 入門
【HTML5 Dev】「TRON」の舞台裏:HTML5 による電子書籍サイト構築
【HTML5 Dev】Mobile Joomla! を使ったサイトの最適化 - パート3
【HTML5 Dev】Mobile Joomla! を使ったサイトの最適化 - パート2
【HTML5 Dev】HTML5 の位置情報機能、面白いアイデア12

New Topics

Special Ad

ウマいもの情報てんこ盛り「えん食べ」
ウマいもの情報てんこ盛り「えん食べ」 「えん食べ」は、エンジョイして食べる、エンターテイメントとして食べものを楽しむための、ニュース、コラム、レシピ、動画などを提供します。 てんこ盛りをエンジョイするのは こちらから

Hot Topics

IT Job

Interviews / Specials

Follow japan.internet.com

ネット選挙

Popular

Access Ranking

Partner Sites