Nucleus

NP_SkinExtensible

2009年3月11日

Nucleusのスキンについて、派生スキンを作成するためのプラグインを作成したので、ここでも紹介します。

ソースコード及び使用方法は、Wikiを参照してください。注意点としては、NP_SkinVarManagerをインストールしておく必要があることです。

ここでは、どのようにすれば派生スキンが作成できるのか、一例を挙げておきます。

簡単な例として、デフォルトスキンのサイドバーを左に移したスキンを作成する場合を考えます。

1)まず、プラグインをインストールする。
 NP_SkinExtensible及びNP_SkinVarManagerをWikiのページから取ってきます。双方ともソースコードの形で公表してありますので、それぞれNP_SkinExtensible.php及びNP_SkinVarManager.phpという名のファイルにコピーペーストでコードを貼り付け、保存した後に、nucleus/plugins/ディレクトリにアップロードしてください。
 プラグインのインストールは、NP_SkinVarManager, NP_SkinExtensibleの順で行います。特に設定するべき事項はありません。

2)新しくスキンを作成。
 次に、派生スキンを新規スキンとして作成します。『スキン編集』ページに『新しいスキン』という項目があるので、ここで行います。例では、『名前』に『test』を指定して作成することにします。
 作成できたら、『test』の右の『編集』をクリックし、次のページで『Include モード』に『skindirを使う』を、『Include プリフィックス』に『test/』を指定し、『設定の変更』を押します。

3)派生元のスキンを指定。
 スキン『test』の『編集』画面に『スペシャルスキンパーツ』という項目があるので、ここに『extends』を入力し、『作成』を押します。次の画面では、『default』と入力し(このとき、左右に空白が入らないように注意)、『スキンの変更』を押します。これで、派生元のスキンとして、『default』が指定されました。
 ここまでくれば、新しい『test』スキンが有効になっています。index.php?skinid=testにアクセスすれば、『test』スキンが『default』スキンと同じように表示されるはずです。

4)派生スキンを編集。
 最後に、サイドバーを左に変更する操作です。この設定は、skins/default/head.incで行われていますので、まずこのファイルを、skins/test/head.incにコピーします。
 skins/test/head.incを編集します。19行目あたり、『<%skinfile(default_right.css)%>』を『<%skinfile(default_left.css)%>』変更してください。
 これで、すべて終了です。index.php?skinid=testにアクセスし、サイドバーが左に移ったデフォルトスキンが表示されることを確認してください。

コメント

コメントはありません

コメント送信