カスタム検索

テンプレートの追加・変更

電脳卸専用ホームページ作成ソフト DNO-CBWeb では、
テンプレートに サイト、 メニュー、 ページ、 コンテンツ の各情報を埋め込んで HTML ファイルを生成します。

テンプレートには、

  • ページテンプレート

  • メニューテンプレート

  • コンテンツテンプレート

  • CSSファイル

  • サイト画像

  • PHP、JavaScript 等のスクリプトファイル

  • サイトプレビュー用ファイル

  • テンプレート定義ファイル

などのファイルが含まれています。

これらを全て含むものを、"DNO-CBWeb のテンプレート" と呼びます。

追加テンプレートのダウンロード

DNO-CBWeb のテンプレートは、サイト毎に複数追加して、切り替えることができます。

dnocbweb 本体に付属するテンプレートは1種類だけなので、以下の作業を行う前に
テンプレート から 追加テンプレートをダウンロードしてください。

(2008.12.9 現在用意されている追加テンプレートは、smart Type1 のみです。)

テンプレートの配置

DNO-CBWeb をCドライブのルートへインストールしている場合は、
DNO-CBWeb のテンプレートは

C:¥dnocbweb¥template¥

の中に配置されています。

DNO-CBWeb のテンプレートが配置されているフォルダ

なにもテンプレートを追加していない場合、このフォルダ(template) を開くと
↓のように "default" および "default_script" というフォルダがあります。

DNO-CBWeb 初期状態のテンプレートフォルダ

表示されている それぞれのフォルダが テンプレートとなります。
ここでは、2つのテンプレートが存在します。

実際には、テンプレート定義ファイルのあるフォルダが1つのテンプレートとしてカウントされますので、 template フォルダの配下であれば、フォルダ階層は問題では無いですが、ここでは簡単にするため フォルダ=テンプレート としています。

template フォルダの下に任意のフォルダを作って、その配下に複数のテンプレートを置くこともできます。

ここへ、先ほどダウンロードした 追加テンプレートのZIPファイルをおきます。

DNO-CBWEB 追加テンプレートの圧縮ファイルを配置したテンプレートフォルダ

圧縮ファイルを解凍します。
(圧縮ファイル名と同じ名前でフォルダを作って同じ場所へ解凍。)

電脳卸 CBWeb 追加テンプレートを解凍したテンプレートフォルダ

これで、追加テンプレートをテンプレートフォルダへ配置できました。
DNO-CBWeb を再起動すると、今配置したテンプレートを登録できるようになります。

解凍後は圧縮ファイルは必要無いので、削除してください。

テンプレートの追加

DNO-CBWeb のテンプレートは、サイトに複数追加して切り替えて使用できます。

テンプレートを登録するには、先ず ツリー上で サイト を選択します。

電脳卸 CBWeb テンプレート追加のためサイトを選択したツリー

サイト を選択すると ツリーの下に サイト-プロパティ Window が表示されるので、
詳細設定 ボタンを押します。

電脳卸 CBWeb サイトプロパティWindowの詳細設定ボタン

電脳卸 サイトの詳細情報設定ダイアログ

← のサイトの詳細情報を設定するダイアログが開きます。


このダイアログには、

  • 基本設定
  • テンプレート管理
  • テンプレート追加

の各タブが表示されていて、テンプレートの追加を行うには、
テンプレートの追加 タブをクリックして開きます。

電脳卸 サイト作成 サイトテンプレートの追加テンプレート選択

先ほど解凍したテンプレートがリストに表示されています。

今回の例では、
”スマート Type1 version0.9”
が、解凍したテンプレートになります。


電脳卸 サイトテンプレートの追加ダイアログ 追加ボタン

追加するテンプレートを選択して、
追加 ボタンを押します。

これで、テンプレートが追加されました。

注意!同じ名前のテンプレートフォルダは上書きされてしまいます。既にテンプレートを編集してある場合は注意してください。


電脳卸 サイト作成 サイトテンプレートの追加ダイアログ

次に、テンプレートの管理 タブを開いて

今 追加したテンプレートをリストから選択して、OK ボタンを押します。

このとき、CSSが複数ある場合には、下側のリストで選択するできます。 (default テンプレート には、2つのCSSがあります。)


テンプレートの変更を行ったら、ツリー上で
ページ や コンテンツ を選択してみてください。

電脳卸 テンプレートを変更して、ページを選択したツリー

電脳卸 サイト作成 サイトテンプレートの追加ダイアログ

新しいテンプレートが適用されてでプレビューが表示されます。


テンプレート の変更を行った後は、リンク先が全て無効な状態になっています。

コンテンツ を選択して、 コンテンツHTML編集 Window から 全て更新 を 実行しておきましょう。