X-Git-Url: http://git.osdn.net/view?a=blobdiff_plain;f=utf8%2Fnucleus%2Fdocumentation%2Fskins.html;h=7a606cdd8af4b5fad5f62bf0043419726e5016c6;hb=2b0fb81e5197cda041b057af01a6ce4dbde518f7;hp=554ba03e83175c313124f02666e3856f87ec60e6;hpb=63b1830df65c37f8aedf6d384427c66cb6570e4d;p=nucleus-jp%2Fnucleus-jp-ancient.git diff --git a/utf8/nucleus/documentation/skins.html b/utf8/nucleus/documentation/skins.html index 554ba03..7a606cd 100755 --- a/utf8/nucleus/documentation/skins.html +++ b/utf8/nucleus/documentation/skins.html @@ -3,7 +3,7 @@ @@ -38,7 +38,7 @@ スキン & テンプレート -

Introduction

+

イントロダクション

Nucleusマニュアルに戻る @@ -49,6 +49,7 @@

  • 標準でインストールされるスキン／テンプレートの編集画面に入ります(又はこれを複製した物を編集すればいつでも標準表示に戻れます)
  • 標準でインストールされるスキン／テンプレートを元に、希望通りの修正を行います
  • 自分で編集したスキン／テンプレートを元に、スタイルシートを定義します
    • +
  • または無料で多数スキンをダウンロードできます。Nucleus Skins site(英語)|skins [Nucleus CMS Japan Wiki](日本語)

    • このドキュメントは、これらの作業を行うにあたりヒントになる事項を紹介します。

    @@ -90,20 +91,21 @@ -

    標準のデザインで使用するファイル back to top

    +

    「grey」スキンについて back to top

    -

    このセクションでは、標準のスキンで使用しているファイル名と、編集の注意点を説明します。

    +

    このセクションでは、同梱の「grey」スキンが使用しているファイルと、編集の注意点を説明します。(新規インストール時にはgreyスキン/テンプレートはインストールされていません。「読み込み」を行ってください。)

    -

    標準のスキンは以下の3つのファイルを使用しています:

    +

    「grey」スキンは以下のファイルを使用しています:

      -
    1. default.css (v3.0は grey.css): ページのデザインを定義するCSS(カスケーディング・スタイルシート)ファイル。色指定やレイアウト指定などを定義します。
      2. -
    2. atom.gif: ページの左上に表示されるロゴ。
      3. -
    3. nucleus2.gif: Nucleus ロゴ。
      4. +
    4. grey.css: ページのデザインを定義するCSS(カスケーディング・スタイルシート)ファイル。色指定やレイアウト指定などを定義します。
      5. +
    5. atom3.png: ページの左上に表示されるロゴ。
      6. +
    6. nucleus.png: Nucleus ロゴ。
      7. +
    7. pagefoot.inc , pagehead.inc: スキンの一部に置き換えられるインクルードファイル(後述します)。
    -

    CSSファイル (default.css / grey.css) には、標準のスキン／テンプレートを使用した際のページ構成(ブロック構造)を書き入れています。 基本的には.contents、 .logo、.menuの3つのdivブロックとなっています。

    +

    CSSファイル (grey.css) には、標準のスキン／テンプレートを使用した際のページ構成(ブロック構造)を書き入れています。 基本的には.contents、 .logo、.menuの3つのdivブロックとなっています。

    -

    default.css / grey.cssを編集するにあたっては、テキストエディタを使用してください。 例えばWindowsに標準添付されている「Notepad」やemacs や TextPadなどです。「WordPad」、「Word」、「OpenOffice Writer」などは余計なデータが混入しますので、絶対に使用しないでください。

    +

    grey.cssを編集するにあたっては、テキストエディタを使用してください。 例えばWindowsに標準添付されている「Notepad」やemacs や TextPadなどです。「WordPad」、「Word」、「OpenOffice Writer」などは余計なデータが混入しますので、絶対に使用しないでください。

    @@ -357,7 +359,7 @@ Nucleus ではblogページに新規投稿フォームを埋め込む機能を

    1. 表示に使用する「メインの目次ページ」タイプで指定したテンプレートの編集画面を開く

    -

    'default' ( v3.0では 'grey/short' ) という名前のテンプレートの編集画面を開きます。(このテンプレート名はあくまでも新規インストール直後の状態で適用されているものです。複製や新規作成などにより変更している場合は読み替えてください。)

    +

    'grey/short' という名前のテンプレートの編集画面を開きます。(新規インストール時にはgreyスキン/テンプレートはインストールされていません。「読み込み」を行ってください。)

    2. アイテムの本体部分の書換え

    @@ -380,7 +382,7 @@ Nucleus ではblogページに新規投稿フォームを埋め込む機能を

    3. アイテムの個別ページのテンプレート

    -

    上記の編集作業ではメインページでのみ投票スコアが表示される状態です。アイテムの個別ページでも同様に投票を表示したい場合は、スキンの「アイテムの個別ページ」で使用しているテンプレートに同様の修正を行ってください。新規インストール直後の状態では'detailed' ( v3.0では 'grey/full' ) という名前のテンプレートがそれに該当します。

    +

    上記の編集作業ではメインページでのみ投票スコアが表示される状態です。アイテムの個別ページでも同様に投票を表示したい場合は、スキンの「アイテムの個別ページ」で使用しているテンプレートに同様の修正を行ってください。greyスキンでは 'grey/full' という名前のテンプレートがそれに該当します。

    @@ -518,7 +520,7 @@ http://example.org/skins/vista/ <%parsedinclude(pagefoot.inc)%> -

    上のサンプルでは使用するテンプレート名を「vista/main」 、 「vista/detailed」と指定していることに注意してください。テンプレート名はスキン名と揃えて置いた方が後々編集する時にわかりやすくて便利です。単純に標準添付の 「default」 と 「detailed」(v3.0 では「grey/short」 と 「grey/full」) をそれぞれ複製して名前を付け替えただけの物でも構いません。

    +

    上のサンプルでは使用するテンプレート名を「vista/main」 、 「vista/detailed」と指定していることに注意してください。テンプレート名はスキン名と揃えて置いた方が後々編集する時にわかりやすくて便利です。単純に標準添付の 「grey/short」 と 「grey/full」をそれぞれ複製して名前を付け替えただけの物でも構いません。

    アーカイブ一覧ページ