テキスト ブロックのプレビューのスタイルの定義

KCM Designer と KCM ComposerUI にテキスト ブロックのプレビューが表示されます。プレビューは、テキスト ブロックを編集する際、プロジェクトで使用可能なテキスト ブロックを参照する際、またはインタラクティブな構成の出力をプレビューする際に表示できます。

Project Administrator の役割を持つユーザーのみがプレビューのスタイルを編集できます。

プレビューのスタイルを変更するには、次の手順に従います。

  1. プロジェクトの [コーポレート デザイン] フォルダーに移動します。
  2. [テキスト ブロック プレビューのスタイル] オブジェクトを編集します。これにより、プレビュー スタイルを定義する CSS ファイルを含むテキスト エディタが呼び出されます。

    [テキスト ブロック プレビューのスタイル] オブジェクトは、[ブランド][ドキュメント タイプ] に依存しません。このオブジェクトは、[コーポレート デザイン] フォルダー内の [テキスト ブロック スタイル リスト] オブジェクトの後に配置されています。

  3. 一般的な段落のスタイルを変更するには、p で動作する CSS ルールを編集または作成するとともに、以下の設定を行います。
    • font-family 属性でテキスト フォントを設定します。
    • font-size 属性でテキスト サイズを設定します。
    • color 属性でテキストの色を設定します。
  4. 事前定義済みのスタイルで段落のスタイルを変更するには、p.class で動作する CSS ルールを編集するか、作成します。上記と同じ属性をこのルールにも適用することができます。汎用のスタイルおよび特定のスタイルで属性が指定されている場合は、特定スタイルの属性が優先されます。

    クラス名は、[テキスト ブロック スタイル リスト] オブジェクトで定義されたスタイルの識別子と一致する必要があります。

  5. 変更を保存して、エディタを閉じます。

プレビューのスタイルの変更は、同じプロジェクトに属するすべてのテキスト ブロックにすぐに適用されます。プレビューのスタイルが同じユーザーによって編集されている場合、Designer のプレビューでは [開発中] というリビジョンが使用され、それ以外の場合は現在のリビジョンが使用されます。KCM ComposerUI のプレビューでは、インタラクティブな実行で指定されたリビジョンが使用されます。

プレビューのスタイルは、実際の出力のスタイリングとは別に定義されます。プレビューのスタイルと出力のスタイルが同期しているかどうかを確認するのはユーザーの判断次第です。さらに、プレビューのスタイルでは、より少ないオプションが使用できます。プレビューのスタイルでは、出力のスタイルに類似した方法で段落スタイルが区別されますが、まったく同じスタイルとなることはありません。

KCM では :has 属性を使用して、リスト内の箇条書きと数字のスタイルが設定されます。リストの箇条書きとリスト番号が、それに続くテキストと異なって表示される場合は、ブラウザが :has 属性をサポートしているかどうかを確認してください。