スタイルマッピング

HTML5 に公開する場合に(非構造化)FrameMaker 文書のスタイルを HTML エレメントと CSS クラスにマッピングする方法について説明します。

FrameMaker 文書の場合のみスタイルマッピングを定義できます。WYSIWYG エディタースタイルマッピングを使用して、現在の文書のテンプレートで使用可能な書式をマッピングし、出力スタイルを代替することができます。 例えば、使用可能な段落スタイルから見出し 1 を選択できます。FrameMaker テンプレートで、見出しは特定スタイルに関連付けられます。 見出し 1 を代替出力スタイルに関連付けることができます。

注: テンプレート形式を代替出力スタイルに関連付ける場合、ソース文書のスタイルはそのままで影響されません。

スタイル設定をカスタマイズするには:

  1. パブリッシュ設定ダイアログボックスの「スタイルマッピング」タブで、カスタマイズするスタイルを選択します(段落、文字、表、相互参照、画像または全般)。

  2. 選択したスタイルの必要なオプションを設定します。

    注: カスタマイズ可能なスタイルの種類ごとに使用できるオプションは次の表(スタイルマッピング)で説明されています。
  3. 「保存」をクリックします。

次のスタイルマッピングの表はスタイルマッピングタブで使用可能なすべてのオプションについて説明します。

オプション

説明

使用可能

Automap の<使用可能>スタイル

Automap の<使用可能>スタイルを選択して、選択したコンテンツのスタイルを選択された CSS 定義のスタイルにマッピングします。

  • 段落

  • 文字

スタイルプレビュー

スタイルプレビューを使用すると、ソーススタイル(カスタマイズの前の出力スタイルリストで定義されているもの)とカスタムスタイル(CSS ルール定義ダイアログを使ってカスタマイズした後の、出力スタイルリストに定義されていて、アスタリスクが付いているもの)を比較できます。

  • 段落

  • 文字

  • 相互参照

出力

選択した書式の出力スタイルをカスタマイズするには、出力スタイルリストから代替スタイルを選択します。

  • 段落

  • 文字

  • 相互参照

変更を元に戻す

ソースフォーマットに適用されたスタイルの変更を元に戻します。

  • 段落

  • 文字

スタイルを編集

CSS ルール定義ダイアログボックスを開いて、出力スタイルをカスタマイズするには、「スタイルを編集」ボタンをクリックします。

スタイルを出力スタイルリストからデフォルトのドキュメントスタイル(例えば、見出し 1)にマッピングし、マッピングされたデフォルトのスタイルをスタイルを編集ダイアログで編集した場合、ドキュメントスタイル DocumentName.css は編集されたスタイル editstyle.css に優先されます。公開出力では、選択したコンテンツは見出し 1 スタイルの文書として表示されます。
注: 例えば、選択した出力スタイルが [ソース] で、CSS ルール定義ダイアログを使ってスタイルをカスタマイズするとします。 この場合、表示されている出力スタイルはアスタリスク(*)が付き、選択したスタイルがカスタマイズされていることを示します。
  • 段落

  • 文字

フォームの出力を除外

選択したスタイルを生成出力から除外します。

  • 段落

  • 文字

このスタイルに基づいてトピックを分割

選択した段落スタイルごとに、ヘルプトピックを作成します。例えば、見出し 1 とページ割り付け(このスタイルに基づくトピックの分割)を選択すると、FrameMaker では見出し 1 のインスタントごとに新規トピックが開始されます。

  • 段落

HTML タグにマッピング

選択したスタイルに、ユーザー定義 HTML エレメントを選択または入力します。

例えば、ParaStyleOne スタイルの段落は FrameMaker で次のように取り込まれます。

<p class="ParaStyleOne">Paragraph Text</p>

この文字列を <pre> として ParaStyleOne スタイルに指定すると、FrameMaker では ParaStyleOne スタイルの段落を次のように取り込みます。

<pre>Paragraph Text</pre>
  • 段落

  • 文字

自動番号

自動番号のテキストの処理方法を指定します。次のオプションがあります。

  • 無視:自動番号テキストを必要とするのが印刷形式だけである場合には、このオプションを選択します。変換された段落には、自動番号が含まれなくなります。 例えば、FrameMaker の「Section2 Level」という段落スタイルの自動番号を無視したとします。この場合、ソースの「節 1.1 システム要件」は、生成された公開出力の中では「システム要件」として表示されます。

  • リストに変換(CSS 自動番号による):CSS カウンター(:: before および :: after)を使用して自動番号を HTML リストに変換します。
  • テキストに変換:FrameMaker の番号付きリストの表示を保持します。自動番号の部分はシーケンスプロパティを持たないので、FrameMaker トピックの段落テキストの一部として表示されます。
  • 段落

表スタイル

次の表は、表スタイルで使用できる追加のオプションについて説明しています。

オプション

説明

表のプロパティ

キャプションスタイル

選択した表書式のキャプションにマッピングするキャプションスタイル名を選択します。または、「ユーザーソーススタイル」を選択します。

FrameMaker は、表キャプションの外観をオンラインヘルプ書式で維持します。個別の表のキャプションスタイルのため「自動マップ」を選択することもできます。

表のサイズ

お気に入りの表の幅や高さ(px 単位)を指定します。

セルのサイズ

お気に入りの列の幅と行の高さ

お気に入りの列の幅や高さ(px 単位)を指定します。

相互参照スタイル

次の表は相互参照スタイルで使用できる追加のオプションについて説明します。

オプション

説明

構成要素

相互参照書式を構成するには、カーソルを「出力スタイル」ボックス内に置き、構成要素表の書式の上でダブルクリックします。

使用可能な書式は構成要素と呼ばれます。これはカスタム書式を使用可能な書式の組み合わせで作成するためです。 これを行うには、構成要素をダブルクリックしてその書式を出力スタイルリストの中に配置します。その後、選択した構成要素の前や後ろに挿入ポイントを配置することで、書式を追加していくことができます。

画像設定

次の表は画像設定で使用できるオプションについて説明します。

オプション

説明

リファレンスページの画像の読み込み

FrameMaker 文書のリファレンスページに埋め込まれた画像を取り込むには、このオプションを選択します。

画像のもとの寸法を維持する

生成した出力で画像のもとの寸法を維持するためには、このオプションを選択します。

余白

次のように画像の余白を設定します。

  • 辺の余白をすべて同じにするには、余白を「すべての辺」に設定します。

  • 余白を辺ごとに設定するには、余白を各辺に設定します。

境界線

次のように画像の境界線を設定します。

  • 全辺に一様な境界線を設定するには、境界線ドロップダウンリストから「全て」を選択します。また、このドロップダウンリストから境界線を表示する辺を指定することもできます。

  • 境界線スタイルを設定するには、スタイルドロップダウンリストからスタイルを選択します。

  • 境界線色を設定するには、カラードロップダウンリストから色を選択します。

  • 境界線の幅を設定するには、メニューから幅をポイントで選択します。

一般設定

次の表は一般設定で使用できるオプションについて説明します。

オプション

説明

トピックの設定

マーカーを使用してトピックを分割

FrameMaker 文書のページ割り付けに使用するマーカーを指定します。

インライン HTML スタイルをクリーンアップ

ソース文書のインラインスタイルが公開出力に含まれるかどうかを指定します。

トピック名パターン

追加された FrameMaker 文書から生成されるトピックの、トピック名パターンを指定します。

生成されるファイル名に ASCII 文字のみを使用

生成されたトピックのファイル名に ASCII 以外の文字を許可するか、ASCII 文字に自動的に変換するかどうかを指定します。

用語集

スタイル

用語集の用語の表示方法を指定します:

  • ハイパーリンク:ハイパーリンクとして表示され、用語集内の定義にユーザーをナビゲートします。

  • ポップアップ:ページにポップアップを表示します。

  • 展開テキスト:ページにインライン展開テキストを表示します。

  • ツールヒント:用語にマウスオーバーした際にツールヒントを表示します。

    注: FrameMaker 用語集を作成する方法については、「用語集」を参照してください。

マーカーの種類

同一のマーカーテキストを保持したまま、用語集マーカーを文書中の用語集の定義の段落に適用し、用語集の用語マーカーをテキスト中の用語集の用語インスタンスに適用します。

DHTML 効果
ドロップダウンを作成 レスポンシブ HTML5 出力のドロップダウンリストに適用される DHTML 効果を定義します。
展開テキストを作成 レスポンシブ HTML5 出力の展開テキストに適用される DHTML 効果を定義します。