Nucleus(JP)フォーラム

NucleusCMS日本語版ユーザーのためのサポートフォーラムです。疑問が生じたらまずは記事検索をご利用ください。

ログインしていません。

#1 2009-05-16 15:53:30

eipi475
メンバー
From: NAGANO
登録日: 2008-03-08
投稿: 7
ウェブサイト

Re: Nucleus 独自デザインサイトの作り方 11ステップ

サイトを更新しようと思い、どうせならと Nucleusで オリジナルデザインのサイトにトライしました。
当初の計画は、
オリジナルデザインのサイトを作る
  「固定ページ」部分...「メインの目次ページ」と「スペシャルスキン」ページで構成
  「ブログページ」部分... 「メインの目次ページ」と「個別アイテムページ」で構成
Defaultスキンをひな形にする
です。

はじめは取っ付きにくいと思ってグズグズしていたのですが、Defaultを変更した新しいスキンをアップロードしてからは、スキンファイルを使った部分部分の置き換え、ついでに見栄えを良くするためのテンプレートの変更などを、なんとなく進めていったらできました。
一番面倒だったのは Internet Explorer の css の解釈方法でした。

大雑把に言うと
1. デザインを考える。
2. デザインを 1本のhtmlファイルで表現する。
3. オリジナルデザインのサイトのひな形を uploadする。
4. htmlファイルを少しずつ「部分」として、Nucleusの新スキン、スキンファイルに置き換えていく。
です。...あんまり当たり前すぎ。

進めた過程を記録したのでお役に立てば幸いです。
http://stage5.8peaks.jp/aboutCMS.php?itemid=133

スキンを複製して新しいスキンを作る方法もたぶんあると思いますが、直感的にできそうな方法で近道したかもしれません。
淡々と進めていったらできてしまったので投稿する価値があるか迷いますが、役に立つ人がいるかもしれないので。

オフライン

#2 2012-07-03 10:19:26

hue
メンバー
From: 広島
登録日: 2005-07-08
投稿: 17
ウェブサイト

Re: Nucleus 独自デザインサイトの作り方 11ステップ

いつもお世話になっています。
随分前に作成したスキンですが配布をしていますので紹介させてください。

nucleus defaultスキンをベースに携帯用シングルカラム、、PCスマホ用2カラム及び3カラム用スキンを作成し配布しています。

ブログ スキン配布(ダウンロード)ページ
http://peter-j.com/item_1282.html

*1.incファイル等はdefaultそのままのものを使用していますが、アップロード時競合のないのは確認しています。
*2.nucleus プラグインのExtraSkinJPを多用されていると思いますので、部分表記をしていますが、添えつけていませんのでご使用の時にはExtraSkinJPでおりじなるのものに変更または作成登録してください。
*3.携帯用の振り分けプラグイン及びその他のプラグインは同封していません。

現在の私のサイトでは2カラム右サイドバー、携帯はsingleタイプを使用しています。
サイト :スキルアップもお手伝い
http://peter-j.com/

オフライン

Board footer