氷川 XOOPS 研究室

XCL2.2 のメインデベロッパ xoopserver（gigamaster）さんが、今後の方針についてsf.netの新フォーラムでまとめられています。

以下、だいぶ適当な訳です。詳しくは原文を参照ください。

なお、これらが全てかどうかまだ分かりませんし、全てが実現するかも分かりませんので。

XOOPS Cube Project

2.1は、開発者による重要な第一歩でした。

2.2は、デザイナとユーザにとって重要な一歩となり、開発者とデザイナが一緒にチームを組んでやっていくことが必要となります。

XOOPS Cube Legacy 2.1

（省略）

XOOPS Cube Legacy 2.2

このステップでは、他のCMSとの差別化を図っていきます。

直感的なGUIとユーザビリティの点で、大きく変えていく予定です。

開発者とデザイナは一緒になって作業を進めていきましょう。

私たちの手にはテキスト、画像、音楽、ビデオを作るツールがあります。

一方で、世界中の人たちと私たちの創造性を共有するためのツールが必要です。

Designers and Users

• デフォルトCSSフレームワーク　およびモジュール開発者向けの利用ガイド
• デフォルトのアイコンセット
• 標準的なUIに合ったモジュールテンプレート
• 標準以外のCSSフレームワークを使ったテーマ作成
• AjaxFramework
• 上記をテーマに組み込むためのチュートリアルとサンプル

Development

• XOOPS_TRUST_PATH 対応
• ソーシャルネットワークに対応できるユーザモジュール拡張
• マルチサイト*
• シングルサインオン*
• SEO/ショートURL
• PMモジュール
• 検索
• WYSIWYGエディタ

*...optional XCL 2.3

Documentation and Samples

• エンドユーザ向けコード＆テーマ解説
• ヘルプ＆サンプル（preloads を使ったPHPクラスなど）
• XCL向けモジュール開発の解説（Cubsonなど）

使い物になるか微妙ですが、まあまあいい感じ。

Product Planner

主にウェブアプリケーションの操作フローを記述できる Flash で作られたウェブアプリケーションです。

フローといっても、分岐したものは描けないようです。

ウェブアプリケーションの企画段階か、もしくはユーザヘルプとして使うことを想定しているようですが、まあ後者でしょうね。

操作性も良いし、サイトへの埋め込みもできるんですが日本語は通らないようです。あらら。

先月の国内 XOOPS Cube 情報ひとまとめ - 2008年9月でも紹介されていましたが、cubsonを使って３時間で作るXOOPS評価モジュールという連載を muzin さんが始められました。

Cubson や XOOPSモジュール開発の情報は少ないので、貴重な連載です。

昨日の説明で後回しにした、ヘッダ部分のメニューですが、ここに使われていない左ブロックを割り当てます。

だたし、お約束としてメインメニューブロックを割り当てるものとし、メインメニューブロックのテンプレートも、テーブルではなくリスト（ul, li）で書き換えます。

これによって、メインメニューをヘッダに表示できるようになります。

style.css に追加

#menu #mainmenu a {display:inline;}
#menu #mainmenu { width:600px; height:15px; float:left; margin:10px 0px 0px 4px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#929eb6; }
#menu #mainmenu li { display:inline; padding:2px 10px; margin:0px; background-image:url(images/menuspacer.gif); background-position:right; background-repeat:no-repeat; }
#menu #mainmenu li a, #menu .left li a:visited { text-decoration:none; color:#929eb6; }
#menu #mainmenu li a:hover { text-decoration:none; color:#fff; }

theme.html の修正

  <div id="menu">
    <{if $xoops_lblocks}>
		  <{foreach item=block from=$xoops_lblocks}>
		    <{$block.content}>
		  <{/foreach}>
		<{else}>
    <ul class="left">
      <li><a href="<{$xoops_url}>/">Home</a></li>
      <li><a href="<{$xoops_url}>/">Home2</a></li>
      <li><a href="<{$xoops_url}>/">Home3</a></li>
    </ul>
    <{/if}>
    <ul class="rss">
      <li><a href="<{$xoops_url}>/rss">Comments RSS</a></li>
      <li><a href="<{$xoops_url}>/fullrss">Full RSS</a></li>
    </ul>
  </div>

legacy_block_mainmenu.html の修正

<ul id="mainmenu">
  <li><a class="menuTop" href="<{$xoops_url}>/"><{$smarty.const._MB_LEGACY_HOME}></a></li>
<{foreach item=module from=$block.modules}>
  <li><a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a></li>
  <{foreach item=sublink from=$module.sublinks}>
    <li><a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a></li>
  <{/foreach}>
<{/foreach}>
</ul>

XOOPS ではテーブル向けに、

• outer
• odd
• even
• head

などのスタイルが定義されています。

ところが困ったことに、acosmin v4 ではテーブルに関するスタイルはほとんど定義されていません。margin などのブラウザ初期値をクリアしているだけです。

なので、テーブルに関するスタイルは、acosmin v4 っぽく独自に作る必要があります。

作業としては、.item と同じように、

• akiko01 のテーブル関係のスタイルを、acosmin v4 の style.css にコピペする
• コピペしたスタイルの中身を、acosmin v4 っぽいスタイルに置き換える

です。

僕は、th を #1E1F23 で暗く、odd と even を #EEEFF7, #F6F7FF で白っぽく作ってみました。これらのカラーは、acosmin v4 で使われているものから拾ってきました。

margin や padding など、色以外は akiko01 のままにしてあります。