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

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

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

• clips2 基本一式ダウンロード [880 clicks]

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

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

• バージョン 1 はこちらっす

スキン設定方法

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 変数等のカスタマイズには基本的には影響しませんので、デフォルトセットで稼働させて、あとから変更が可能です。

• type #eed を見る

champanue gold。2カラム、右メニューに最適化していますが、3カラムでも使えます。ダウンロード [454 clicks]

適用の仕方

この追加スタイルは、clips2 スキンに追加して利用する、オプションのスタイルシートのセットです。先に clips2 基本一式をダウンロードして、読み込みを行ない、ノーマルな状態の動作を確認した後で設置してください。skinbackup.xml 等は同梱されていません。

1. ダウンロードした zip ファイルを解凍します。内容は、clips.css・preview-large.png・preview.png・style_eed（フォルダ）
2. FTP 等で先にインストールした clips2 ディレクトリに上記のファイルとフォルダをアップロードします。
3. 上記アップロード完了後、サイトにアクセスすると（必要に応じてリロードしてください）設定したスタイルシートが反映されます。

clips.css は上書き差し替えになります。preview-large.png・preview.png も同様ですが、管理画面の表示用なので必須ではありません。

スタイルシートについて詳しい上級者は、ファイル上書き差し替えではなく、元の clips.css の @import; 書き換えで随時表示変更、チェック、確認等が可能です。

• type #eee を見る

solid silver。2カラム、右メニューに最適化していますが、3カラムでも使えます。ダウンロード [369 clicks]

適用の仕方

この追加スタイルは、clips2 スキンに追加して利用する、オプションのスタイルシートのセットです。先に clips2 基本一式をダウンロードして、読み込みを行ない、ノーマルな状態の動作を確認した後で設置してください。skinbackup.xml 等は同梱されていません。

1. ダウンロードした zip ファイルを解凍します。内容は、clips.css・preview-large.png・preview.png・style_eee（フォルダ）
2. FTP 等で先にインストールした clips2 ディレクトリに上記のファイルとフォルダをアップロードします。
3. 上記アップロード完了後、サイトにアクセスすると（必要に応じてリロードしてください）設定したスタイルシートが反映されます。

clips.css は上書き差し替えになります。preview-large.png・preview.png も同様ですが、管理画面の表示用なので必須ではありません。

スタイルシートについて詳しい上級者は、ファイル上書き差し替えではなく、元の clips.css の @import; 書き換えで随時表示変更、チェック、確認等が可能です。

• type #cce を見る

blue gray。2カラム、右メニューに最適化していますが、3カラムでも使えます。ダウンロード [368 clicks]

適用の仕方

この追加スタイルは、clips2 スキンに追加して利用する、オプションのスタイルシートのセットです。先に clips2 基本一式をダウンロードして、読み込みを行ない、ノーマルな状態の動作を確認した後で設置してください。skinbackup.xml 等は同梱されていません。

1. ダウンロードした zip ファイルを解凍します。内容は、clips.css・preview-large.png・preview.png・style_cce（フォルダ）
2. FTP 等で先にインストールした clips2 ディレクトリに上記のファイルとフォルダをアップロードします。
3. 上記アップロード完了後、サイトにアクセスすると（必要に応じてリロードしてください）設定したスタイルシートが反映されます。

clips.css は上書き差し替えになります。preview-large.png・preview.png も同様ですが、管理画面の表示用なので必須ではありません。

スタイルシートについて詳しい上級者は、ファイル上書き差し替えではなく、元の clips.css の @import; 書き換えで随時表示変更、チェック、確認等が可能です。

スキンディレクトリ/clips2/include/bodyclass.inc の class="<%skinname%>r2 ws c" の r2 ws c 箇所をこのアイテムのタイトルと同じにすることで変更します。

Nucleus CMS にデフォルトでついているスキンファイル（プラグイン）を利用するのが良いでしょう。

パラメータ解説

カラム組み

r2, r3, l2, l3, 未指定（カラム分割無し）

幅指定

ws（760px 固定）, wm（934px 固定）, 未指定（min-width: 760px; max-width: 1009px; ハーフリキッド）

全体のセンタリングの可否

c（センタリング）, 未指定（左寄せ）

パラメータ記述変更時の注意

• <%skinname%> とカラム組みパラメータの間はスペースを空けないこと。
• カラム組みと幅指定、センタリングの間は半角スペース。また、カラム組み 幅指定 センタリングの記述順はこの順で。

スキンディレクトリ/clips2/include/bodyclass.inc の class="<%skinname%>r2 ws c" の r2 ws c 箇所をこのアイテムのタイトルと同じにすることで変更します。

Nucleus CMS にデフォルトでついているスキンファイル（プラグイン）を利用するのが良いでしょう。

パラメータ解説

カラム組み

r2, r3, l2, l3, 未指定（カラム分割無し）

幅指定

ws（760px 固定）, wm（934px 固定）, 未指定（min-width: 760px; max-width: 1009px; ハーフリキッド）

全体のセンタリングの可否

c（センタリング）, 未指定（左寄せ）

パラメータ記述変更時の注意

• <%skinname%> とカラム組みパラメータの間はスペースを空けないこと。
• カラム組みと幅指定、センタリングの間は半角スペース。また、カラム組み 幅指定 センタリングの記述順はこの順で。