Nucleus インストール手順
▽ダウンロード
- HTTP サーバ(Apache または IIS など)
- PHP 4.0.6 以上(4.1 以上推奨)
- MySQL 3.23.38 以上
Nucleus の動作環境は上記のとおり。
まずはインストールする際に必要なデータベース(MySQL)を作成しておかなければならない。でもって、何よりも必要不可欠なのがコアファイル本体なので(当たり前)Nucleus CMS Japan から最新版(この記事の時点で Version 3.24)をありがたくダウンロードしよう。
ところが、ここが Nucleus の周辺事情(とくにユーザビリティ)の弱点というか、すんなりとダウンロードのページへ行き着かないのである。ダウンロードのアイコンをクリックするとDL案内ページへ飛び、そこの「バージョン v3.23 日本語版」をクリックするとフォーラムのページへ飛び、そのページのトピック「Nucleus CMS v3.24 日本語版」をクリックして本文へ飛び、その本文を少しスクロールするとようやくダウンロードの「最後のアイコン」が登場する。役所的たらい回しというか、しかし無償無給の有志の皆さんによって運営されているのだから文句は言うまい。
今後の改善を願いつつ、短気な方のために当該トピックへの直行リンクを貼っておく。
▽インストールの手順
UTF-8 版と EUC-JP 版が用意されているので、お好みのパッケージをダウンロード&解凍したのち、とりあえず、すべてのファイルを任意のディレクトリにアップロードする(readme.html、license.txt、extra フォルダはアップロード不要)。
次に config.php のパーミッションを 666 に、media ディレクトリを 777(使用サーバの設定値に準じる)に変更し、ブラウザから install.php へアクセスする。アクセス先は下記のようになる。
- http://[サイトのURL]/install.php
あとは install.php のガイドにしたがってデータベース名などの必要項目に記入していくだけでインストールは完了である(完了後に config.php のパーミッションを 444 に変更し、install.php と install.sql を削除すること)。詳しくは日本語版マニュアルの「インストールガイド」を参照していただきたい。
I love Nucleus
ブログエンジン(CMS を含め)の好みは各人各様で、出会いと馴れと相性というか、言わば恋みたいなものだ(だろうか?)。私の場合は最初が Movable Type で、次が Nucleus だった。その後、Xoops とか Joomla とか WordPress とかと浮気したものの、結局のところ Nucleus に出戻った。使い込んだぶん、長所や欠点やクセが分かり、自分の望むコンテンツ・スタイルとの相性からも彼女(Nucleus)との蜜月はまだまだ続きそうである。
MT に戻らなかったのは、いちいち再構築しなきゃいけないのが面倒だったから、と言いたいところだが、実情はその後のブログエンジン遍歴で、それぞれの独自タグに幻惑されていくうちに頭がごちゃごちゃになり、MT のカスタマイズのやり方をきれいさっぱり忘れてしまったからである。悲しいかな、私の脳内 ROM の保存期間は極めて短い。
以下、Nucleus の印象を。
日本語版プロジェクトでは昨年の秋あたりからプラグインの脆弱性の問題でいろいろあったみたいだが、このエンジンの良さはコアファイルとプラグインがきれいに分離されている点にある。言い方を変えれば、コアファイルをインストールしただけでは他のブログが装備している機能のほとんどが使えない。トラックバックも打てないし、Ping も送信できないし、ブラウザから CSS を書き換えることもできない。それらの機能はすべてプラグインによって支えられていて、つくづくプラグイン作者さんには敬意と感謝を抱かずにいられない。
こうしたオブジェクト指向はコア本体にも言える。ちとややこしいのだが、その構造はスキンとテンプレートに分けられる。雑誌に喩えるならスキンは「ページレイアウト」で、テンプレートは「各コラム」に当たる。このカタチノートの場合、ページレイアウト(スキン)の記述は10行足らず、各コラム(テンプレート)を呼び込む命令文を並べているだけだから短い記述で済むうえに、各コラム(テンプレート)は使い回しが効くので個別ページもアーカイブページも同じく短い記述で片付く。
このような徹底したオブジェクト指向は、最初は戸惑うかも知れないが、慣れてしまえば素晴らしく便利である。たとえばフッター(というカラム部品)を書き換えるだけで、各種ページのフッターが一挙に更新されるのだからコンテンツ管理がとても楽だ。
とまあ何やら無駄に長い前置きになってしまったが、自分のための覚え書きとして、今後ぼちぼちと Nucleus のカスタマイズについて、私のやった範囲内のことを「文系」ふうに脱線しながら書いてみたいと思う。ちょっと違うんじゃないの、ということがあったらメールフォームよりご指摘いただけるとありがたい。Nucleus のカスタマイズ関連記事はあちこちに点在している傾向があるので、脳内 ROM の保存期間が短い私としてはぜひとも自分用のまとめが欲しいのである。可能なかぎり正しくまとめたいのでどうかご協力のほどを。
ということで、まずは定番的な第一歩、インストール編からカスタマイズの準備までを次回(結局、前置きだけか)書いてみたい。
Winでのフォントのレンダリング
動作確認用にWin_XPを使っているが、そのたびにどうにかならんのかと思うのが Windows でのフォントの汚さ。同じように感じているWinユーザも多いらしく、なんと、Winの文字描画を担当する API をオーバーライドする「gdi++.dll」というオープンソースが存在する。
さっそくインストールしてみた。右記の2つのスクリーンショットをご覧あれ。
上図が gdi++.dll をオフにした状態で、下図がオンの状態。
設定ファイル(.ini)でレンダリングのクオリティレベルが調整できる。デフォルトでは Quality=1 になっているが、これではあまり違いが感じられないので =3 に設定してみた。
ブログネームやエントリタイトルなどの大きなサイズのフォントは抜群に美しい。しかし 10px 前後になると、それを美しいと感じるかどうか賛否両論あるようだ。「疲れ目で滲んで見えるときのフォント」という批判もあり、確かに可読性はあまり良いとは言えない。しかもコンテンツだけじゃなく、ブラウザのメニューもレンダリングしてしまう。
そうした批判をもっともだと思いつつも、私はけっこう気に入ってしまった。
gdi++.exe にブラウザ・アプリをドラッグ&ドロップすればOKなのだが、面倒なので下記のようなショートカットを作った(IE FireFoxの場合)。
"c:¥Program Files¥gdi++20060926¥gdi++.exe" "c:¥Program Files¥Mozilla Firefox¥firefox.exe"
動作確認用だったのに、このツールのおかげで Windows でサーフィンするのが楽しくなった。フォントは大事である。MacOSX 並みのレンダリングを発揮してくれるなら Winユーザになってもいいなと思った。基本的に浮気性なので。minima 改訂版リリース
ミニなスライドショーツール minima をちょっと改良。
改良その1。センターぞろえにした。え? いままでセンターじゃなかったの?と呆れないでほしい。左上120度からドロップシャドーを入れている関係で、右側余白を4ピクセルほど多めに取っていたわけだが、ピクセル単位できっちりセンターそろえしたかった方には、さぞかしこの微妙な違いが邪魔だったろう。なので、左側にも4ピクセル余白を足して <center>タグで簡単にセンタリングできるようにした。
改良ってそれだけ? …ではなく、lightbox系ツールを使いたいのに Flash によるブログアクセサリが隠れてくれないとお嘆きの方のために、wmodeパラメータを足した。最初からそうしてりゃ良かったのにという話だが。
まあここまでは枝葉で、今回の改良の目玉はそんなことではなく、今年4月にマイクロソフト社が行なった Internet ExplorerのActiveXコントロールの処理変更に対応させた点。FlashやShockwaveによるアクティブコンテンツの対話的処理が自動化されなくなり、1度クリックしないと反応しなくなったことにご不満なアイイー利用者のあなた。だから IEを捨てませうという話じゃなくて(捨てたほうがいいと思うが)minima改訂版ではその点をJavaScriptで対応し、どうせJSを使うならブログのサイドバーへの表示もJSでやっちゃうことにした。
<script type="text/javascript" src="Your_URL/minima.js"></script>
インラインフレームではなく、上記のようにJSで呼び込む仕様。もちろんエントリ本文でも利用できる。minima本体の背景カラーは透明。というかwmodeでカラー設定が無効化されているので、つまりどんな背景のページ(豹柄だろうとパンダ模様だろうと)でもシャドーレイヤーがきれいに表現できるようになった(豹柄とかで試してないけどOKのはず)
ということで、詳しい設置方法はダウンロード・ファイル同梱のマニュアルに書いてあるので、よろしければお持ち帰りのほどを。flaファイルもどうぞ。
- Download : minima 改訂版 (zip.file)
- Download : minima 改訂版 (sit.file)
- Download : minima.flaファイル (zip.file)
- Flashスライドショー解説編(2006/03/29)
- スライドショー・ツール minima(2006/03/26)
IE6での透過PNG画像の表示
相変わらず、日記ならぬ月記のような更新頻度。
昨夜イベントがひとつ終わった息抜きに、仕事用サイトを少し修正してみた。
右図のようにアナログ風味なサイトで、背景画像として、廃墟の石壁の前に立つモデルの写真を使っている。そしてその石壁の部分にナヴィゲーションのアイコンを配置しているわけだが、背景画像と馴染ませるために、やはりここは透明画像を使いたいところ。
個人的にGIFは嫌いである。圧縮アルゴリズムの特許権問題もあるし、なによりジャギーが美しくない。PNGという完璧な透過画像を生成する形式があるのだからそれを使わない手はない。ところがである。世界最高のクソ・ブラウザ 世界最高の普及率を誇るIEでは透過PNGを表示できない(下図参照)というクソ厄介な問題がある。
もっともシンプルでスマートな解決策はIEを速やかにアンイストールすることだ。さようならIE。FireFoxやSleipnirを使いませう。もしくは IE7(何かと問題の多いらしいが)に切り替えませう。マジでそうお薦めしたいところだが、ここでIE撲滅を叫んでも無意味なので、面倒臭いけども対策を考えてみようと思ふ。
ググルであれこれ調べてみたところ、いろんな解決法が見つかったのだが、どれもこれもかなり手がかかる。シンプルな手法はないものか。そう思ってさらに調べてみたら、下記の2つの手法が見つかった。
Afternoon Cafeさんの手法では透過PNG画像を1点のみ表示させることが可能。たとえば共通ヘッダー画像のみを透過画像にしたいときなどには便利なのだが、私のようなケースでは1点のみじゃ足らない。なので、Hiro Kondaさんのやり方を倣うことにした。
以下、その導入のまとめ。
- 上記サイト「ビヘイビア ダウンロード → png2vml.htc」をありがたく頂戴する。
- png2vml.htcjをサーバの任意の場所にアップロードする。
- CSSのbody要素に下記のように追加する。
body {behavior: url(http://your_site/png2vml.htc);}
- 透過させたいPNG画像に class="AlphaPng" を加える。
<img src="hoge.png" width="50" height="50" alt="hoge" class="AlphaPng" />
以上で終わり。素晴らしく簡単でしょ。
ただしこれだけだと <a> タグ内のリンク画像にマウスオーバーしたときにポインターが表示されない問題が残るので、CSSに下記のような記述を加える。
/* ナヴィゲーション・アイコンのクラス属性が .navi-icon である場合のサンプル*/以上の手順を経て私の仕事用サイトのPNG画像もIE6で透過表示されるようになった。
.navi-icon .AlphaPng {cursor: pointer;}
しかし本音を言えば、IEのためのギミックやハックに時間をかけたくない。ヤ○ーなどの大手が IEのみ対応のコンテンツを配信したり、そうしたウェブ上でのパワーポリティックが理由でIEの今があり、それはネットの未来にとってよろしくない。やはりもっとも正しい対処法はIEのアンインストールだと、ちょっと怒ったふりして言ってみる。