RoboHelp をアップグレードするとレスポンシブ HTML5 出力で欠落するヘッダー情報

プロジェクトの usersettings.js ファイルをエディターで開きます。usersettings.js ファイルのデフォルトの場所は、以下のとおりです。

<プロジェクトフォルダー>\!ScreenLayout!\<layout-name>

このファイルの変数宣言セクションに、以下の 4 つの変数を追加します。
var titleColor = "#ffffff";
var backgroundColor = "#509de6";
var logo = "logo.png";
var fontFamily = "\"Trebuchet MS\", Arial, sans-serif";
titleColor と fontFamily はヘッダーで使用するタイトルのフォントの色とファミリーを定義します（上のスクリーンショットでは「B」と強調表示）。backgroundColor は、先頭ヘッダーの背景色の定義に使用します（スクリーンショットでは C）。logo は、プロジェクトのロゴの定義に使用します（スクリーンショットでは A）。

usersettings.js ファイルで行った変更内容を保存し、このファイルを閉じます。

プロジェクトの MasterThemeSchema.xml ファイルをエディターで開きます。MasterThemeSchema.xml ファイルのデフォルトの場所は、以下のとおりです。
<project-folder>\!ScreenLayout!\<layout-name>

MasterThemeSchema.xml ファイルで、以下の変更を行います。

a. 変数名 head_titlecolor を探し、sources エレメント定義に以下のコードを追加します。

<source filename="usersettings.js" variable="titleColor"></source>

b. 変数名 head_logo を探し、<allowedvalues/> エレメント定義の後に以下のコードを追加します。

<sources>
       <source filename="usersettings.js" variable="logo"></source>
</sources>

c. 変数名 head_bgcolor を探し、sources エレメント定義に以下のコードを追加します。

<source filename="usersettings.js" variable="backgroundColor"></source>

d. 変数名 us_font を探し sources エレメント定義に以下のコードを追加します。

<source filename="usersettings.js" variable="fontFamily"></source>

MasterThemeSchema.xml ファイルで行った変更を保存し、このファイルを閉じます。

プロジェクトの RoboHHRE.lng ファイルをエディターで開きます。RoboHHRE.lng ファイルのデフォルトの場所は以下のとおりです。
<project-folder>\!Language!\<locale-folder>

ResponsiveHelp セクションを探し、</section> タグの前に以下のコードを追加します。

<element name="ShowTopicInContext" value="このページの全文を参照するには、ここをクリックしてください"></element>

RoboHHRE.lng ファイルで行った変更を保存し、このファイルを閉じます。

RoboHelp （2017 release）で RoboHelp （2015 release）プロジェクトファイルを開き、レスポンシブ HTML5 出力を再生成します。

以下のスクリーンショットは、修正の適用後に生成した出力を示します。