08/28
»Nucleus v3.3 スキンの作成
Category: Nucleus Customize
Posted by: aiko
ちょっとメンドクサイです。
方法は↓
■既存のスキンを複製
① 管理画メニューの「スキン編集」→
[ default ]の欄の「複製」をクリックします。
② [ clone_default ]というスキンが出来上がるので、編集をクリック→編集画面にて、名前と「Include プリフィックス」を下記のように編集します(例です)。
名前:myskin
Include プリフィックス:myskin/
■オリジナルテンプレートフォルダを追加
① FTPから
/ルート/skins
にアクセスし「/default」ディレクトリを階層ごとダウンロード。
② ダウンロードした(ローカルの)ディレクトリの名前をmyskinとリネームしてアップロードする。
■テンプレートの作成
① 管理メニューの「テンプレートの編集」から、
1.default/index
2.default/item
この2つのファイルの複製を作ると「clone~」とついた物が出来るので、編集をクリックし名前を以下に変更。
1.myskin/index
2.myskin/item
■書出し作業
① 管理メニューの「読込/書出」から
1.スキン欄の「myskin」
2.テンプレート欄の「myskin/index」
3.テンプレート欄の「myskin/item」
にチェックをいれて、「選択をしたスキン/テンプレートを書出し」をクリックすると、「skinbackup.xml」というファイルがダウンロードされる。
②「skinbackup.xml」を開き、以下の記述を探し、「default/」を「myskin/」に書き換える。
1.default/index → myskin/index
2.default/item → myskin/item
③ 先ほどアップロードた「/myskin」ディレクトリ内に上書きアップロード。
■読込作業 ※1
① 管理メニューの「読込/書出」に戻り、
ローカルファイルから読み込み: myskin
として、「読み込み」をクリック。
「次のスキン名がぶつかります」というエラーが出ますが、気にせずに、
「既に存在するスキンを上書きする」にチェックをいれて読み込みボタンをクリック。
■適用
BLOGの設定から、スキン名:myskinを選んで適用してください。
あとは/myskinのCSS等を編集することで、カスタマイズ出来ます。
※1の作業はローカルでskinbackup.xmlを編集してFTP転送後、毎回必要。
方法は↓
■既存のスキンを複製
① 管理画メニューの「スキン編集」→
[ default ]の欄の「複製」をクリックします。
② [ clone_default ]というスキンが出来上がるので、編集をクリック→編集画面にて、名前と「Include プリフィックス」を下記のように編集します(例です)。
名前:myskin
Include プリフィックス:myskin/
■オリジナルテンプレートフォルダを追加
① FTPから
/ルート/skins
にアクセスし「/default」ディレクトリを階層ごとダウンロード。
② ダウンロードした(ローカルの)ディレクトリの名前をmyskinとリネームしてアップロードする。
■テンプレートの作成
① 管理メニューの「テンプレートの編集」から、
1.default/index
2.default/item
この2つのファイルの複製を作ると「clone~」とついた物が出来るので、編集をクリックし名前を以下に変更。
1.myskin/index
2.myskin/item
■書出し作業
① 管理メニューの「読込/書出」から
1.スキン欄の「myskin」
2.テンプレート欄の「myskin/index」
3.テンプレート欄の「myskin/item」
にチェックをいれて、「選択をしたスキン/テンプレートを書出し」をクリックすると、「skinbackup.xml」というファイルがダウンロードされる。
②「skinbackup.xml」を開き、以下の記述を探し、「default/」を「myskin/」に書き換える。
1.default/index → myskin/index
2.default/item → myskin/item
③ 先ほどアップロードた「/myskin」ディレクトリ内に上書きアップロード。
■読込作業 ※1
① 管理メニューの「読込/書出」に戻り、
ローカルファイルから読み込み: myskin
として、「読み込み」をクリック。
「次のスキン名がぶつかります」というエラーが出ますが、気にせずに、
「既に存在するスキンを上書きする」にチェックをいれて読み込みボタンをクリック。
■適用
BLOGの設定から、スキン名:myskinを選んで適用してください。
あとは/myskinのCSS等を編集することで、カスタマイズ出来ます。

Shin wrote:
skinbackup.xml の意味があまりわかってなかったので、参考にさせていただきました、ありがとうございます。手続きが結構面倒ですよね...
この記事のおかげで、なんとかカスタマイズと格闘するスタート台に立ちました! ( 笑 )