clips v2 news

nucleus cms Skin set design


r2 ws c

clips version 2 が登場

clips を進化させ、バージョン 2.0 になりました。

三つの基本カラムで構成されており、簡単な記述変更でカラム組み替えが可能。

  • 2カラム・3カラム
  • 右メニュー・左メニュー
  • 横幅 760px 固定・963px 固定・非固定ハーフリキッド
  • センタリング・左寄せ

上記の組み合わせのうち、需要が多そうなものを選び、その設定反映状態はこのサイトのカテゴリを選択することでチェックできるようになっています。

これまでのバージョンとの互換性はありません。ていうか、だから、clips を利用している方も別途インストールして使えます。


スキン設定方法

  1. clips2 基本セットをダウンロードして、圧縮ファイル(.zip)を解凍します。
  2. このスキン・テンプレートセットは UTF-8 用です。それ以外でのご利用の際は、ご自身にてファイルの文字コード変換を行ってください。改行コードは CRLF にしています。必要に応じて、文字コードや改行コード等の変換が可能なテキストエディターをご利用ください。
  3. clips2 フォルダーを FTP 等にて、Nucleus CMS で設定されている skin ディレクトリにアップロードします。
  4. Nucleus CMS の管理画面:レイアウト設定:読込/書出のページにて、clips2 を選択して読み込みします。
  5. Nucleus CMS の管理画面:管理ホームにて、clips2 を適用したいブログの設定ページに入り「標準のスキン」を clips2 にします。

スキンの内容等のカスタマイズ

blog 変数などをご自身のサイトに合わせて変更するのはスキン編集画面にて行ないますが、サイドバー、サブバー、ヘッダ、フッタ等は clips2/include ディレクトリ内のファイルを parsedinclude するようにしていますので、それらのファイルを確認しながらカスタマイズしてください。

カラム組みレイアウトのカスタマイズ

このスキンセットの一応目玉ですが、スキン(HTML)上で基本のカラムが 3つになっており、スタイルシート上にすでに各種のレイアウトを行えるようにするコードがはいっています。その選択は HTML の body 要素の class 属性の指定で行えます。

clips2/include/bodyclass.inc のファイル内の記述変更になります。デフォルトで <%skinname%>r2 ws c となっている箇所です。文字コードや改行コード等の変換が可能なテキストエディターをご用意ください。

Nucleus CMS でデフォルトではいっているプラグイン「スキンファイル」を利用して、書き換え可能にしておくと便利です。その場合は、FTP で、skins/clips2/include/bodyclass.inc のパーミッションを 666 (または 606)にしておきましょう。

パラメータの解説につきましては、サイト内の他のアイテムにあります。ヒント:このサイトのカテゴリリンク(そこに含まれているアイテムのタイトル)がまんまそのコードなんす。

追加スタイルシートセットの利用

デザイン 3種類用意しました。スタイルシート関連のみの追加(修正)になりますので、上記の blog 変数等のカスタマイズには基本的には影響しませんので、デフォルトセットで稼働させて、あとから変更が可能です。

2008年04月10日 03:05 | r2 ws c | susto


Comments

コメントはまだありません

Site Search