＠dream編HPアップロード　38　ローンシミュレータのデザインを変更

38	ローンシミュレーターを編集する

@dream 売買版 Progre V5から物件詳細にローンシミュレーターを付けることができるようになりました。
ローンシミュレーターにて文字を追加したり、文字のカスタマイズをしたり、リンクをつけ、編集することができます。

38-1

　文字を追加する　

まずは、文字の追加方法についてご説明します。

１．ＨＰアップロード→ＨＰ編集→ＨＰ基本設定を開く。

２．１）各種設定→２）右下の「ローン計算初期設定」欄の「デザイン」を開く。

３．「ローン計算デザイン設定」起動
　　今回は赤枠内の文字を追加します。

４．「ローン計算テンプレート」画面と「プレビュー」画面の間にある仕切りを移動し、ずらします。

５．仕切りが移動しました。
　　１）「算出しています。<br/>」の後にカーソルを合わせます。
　　２）「Enter」キーをクリックし、改行します。1行空欄ができました。

６．文字を直接入力します。
　　スペースを挿入したい場合は、挿入したい部分に下記を入力してください。
　　（スペースは半角の大きさです。もし、全角分のスペースを挿入したい場合は下記を2回入力してください。）

　　　　　 

７．１）入力した文字の後に、カーソルをあわせます。
　　２）左上の赤い枠のボタンをクリックします。

８．１）入力した文字の後に、「<br/>」を入力されました。
　　２）右上の「更新」をクリックします。
　　３）「プレビュー」画面を見ると、文字が追加されました。

９．変更が終わりましたら、必ず「保存」してください。

38-2	文字をカスタマイズする

次に、文字をカスタマイズするやり方についてご説明します。

１．「ローン計算デザイン設定」を起動します。
　　今回は文字を太字にします。

２．１）太字にしたい部分をドラッグ（マウスをクリックしたままなぞる）して、範囲選択します。
　　２）左上の「Ｂ」をクリックします。これで、太字にする指示が入ります。
　　３）右上の「更新」をクリックします。
　　４）「プレビュー」画面を見ると太字になりました。

３．同じように文字に色を付ける事もできます。
　　１）色を編集したい部分をドラッグ（マウスをクリックしたままなぞる）して、範囲選択します。
　　２）左上の「カラー」をクリックします。カラーパレットの中から任意の色を選択します。※カラーパレットは下記写真を参照ください。
　　　　選択が終わりましたら、指定した色にする指示が入ります。
　　３）右上の「更新」をクリックします。
　　４）「プレビュー」画面を見ると色が変わりました。

　※１）編集したい色を選択します。今回は赤を選択しました。
　　２）選択が終わりましたら、「ＯＫ」をクリックします。

４．変更が終わりましたら、必ず「保存」してください。

38-3	文字にリンクを付ける

最後に、文字のリンクを付けるやり方についてご説明します。

文字にリンクを付ける事もできます。
今回は赤枠内の「こちら」にリンクを挿入します。

１．まずは下の行をコピーします（リンク貼付用タグ）。

　　<a href="☆☆リンクしたいページのＵＲＬ☆☆/">こちら</a>

　その後、リンクをつけたい場所を選択し、右クリック→「貼り付け」を選択します。

２．下の図のように貼り付きました。
　　あとは、「☆☆リンクしたいページのＵＲＬ☆☆」の場所を、リンクさせたいＵＲＬに変えます。

３．「こちら」の文字を変更したい場合（今回は「こちら」から「ここ」に変更します）
　　１）「こちら」を選択し「ここ」と打ちかえます。
　　２）右上の「更新」をクリックします。
　　３）「プレビュー」画面を見るとリンクが貼り付き、文字が「ここ」に変更しました。

４．変更が終わりましたら、必ず「保存」してください。