@dream編 @dream編一覧へ戻る テクニック集トップへ戻る

@dreamの基本機能や便利な機能をご紹介しています。


 自由編集初期設定 
 賃貸版@dream-progreの自由編集ページをご利用になる際は、始めにいくつかの設定が必要になります。
 下記手順をご確認の上、@dream及び、一部自由編集テンプレートの設定を行って下さい。


★ 自由編集ページをご利用になる際、必ず設定して頂くこと ★
自由編集テンプレートを使用する設定
★ 2012年8月26日以前にご導入の場合、上記の他に必ず設定して頂くこと ★
リンク先の指定 駅別一覧ページのタイトル設定
★ 運用内容に応じて必要になる設定 ★
携帯用ページを利用していない場合 Google Mapを使用していない場合
写真一覧・間取り一覧を使用していない場合 詳細ページに地図を載せない場合
初期状態にもどす場合 Google Analyticsを入れる場合


1  @dream-progre本体で初期設定 (自由編集を使う場合、必ず行ってください)
   
  ▼表示項目の見直し
 「@dreamメインメニュー」>「HPアップロード」>「HP編集」>「HPカスタマイズ」>「駅別一覧タブ」

 自由編集テンプレートを利用する設定にすると、駅別一覧の項目は自由に編集ができなくなるため、
 設定前に駅別一覧の表示項目を見なおします。あまり横に長くなると、自由編集のテンプレートから
 はみ出てしまう場合があります。必要に応じて項目の増減をし、「保存」ボタンをクリックします。

 ※ 詳細画面は自由編集テンプレート独自の形式で出力されるため、
   「詳細画面タブ」で事前に項目を選んでも、ウェブ上に設定は反映しません。




  ▼物件一覧、駅別一覧の色変更

 「@dreamメインメニュー」>「HPアップロード」>「HP編集」>「HPカスタマイズ」>「駅別一覧タブ」

 自由編集テンプレートを利用する設定にすると、各ページの色編集も自由にできなくなります。
 色の変更をする場合、設定前のこの段階でお好みの色にカスタマイズして下さい。

 ※ 詳細画面は自由編集テンプレート独自の形式で出力されるため、
  「詳細画面タブ」で事前に色の変更を行っても、ウェブ上に設定は反映しません。





  ▼フォントサイズの変更
 「@dreamメインメニュー」>「HPアップロード」>「HP編集」>「HPカスタマイズ」>「背景・画像タブ」

 フォントサイズを変更します。自由編集ページでの推奨サイズは以下のとおりです。
 「変更」ボタンから「フォント設定画面」を出し、サイズを変更して「OK」ボタンをクリックします。
 物件一覧、駅別一覧、詳細画面、全てのフォントサイズを変更したら「保存」します。

 物件一覧…フォントサイズ14    駅別一覧、詳細ページ…フォントサイズ12 
 


  ▼自由編集テンプレートを利用する設定
 「@dreamメインメニュー」>「HPアップロード」>「HP編集」>「HP基本設定」>「全般タブ」

 「使用するデザイン」で「自由編集テンプレートを使用して出力する」にチェック、「保存」。


 ※設定を行うと「HPカスタマイズ」には表示が出て、ページごとの設定は出来なくなります。



 HP出力をすると、自由編集の物件ページが表示されます。

 ※2012年8月26日以前にご導入の場合、リンク先の指定などをする必要があります。
  HP出力はせず、続けて下記「2、自由編集を使うための初期設定」に進んでください。

2  自由編集を使うための初期設定 (2012年8月26日以前ご導入の方は必ず行ってください)
 
  ▼リンク先を指定する(必須で行って下さい)
     オプションソフト「HP物件ソート」をご利用の方はこちらの作業も必要です。

 「@dreamメインメニュー」>「HPアップロード」>「HP編集」>「HPカスタマイズ」>「自由編集タブ」
 
 自由編集テンプレートを選択すると、HPカスタマイズ内に「自由編集タブ」が現れます。
 ここで「駅別一覧」と「詳細画面」の下部に表示される自社ページのリンク先URLを入力します。

 「編集するページ」の部分をクリックして、「物件一覧フッタ」を選択します。



 スクロールバーを一番下まで下げ、トップページ、サービス利用規約、個人情報について
 が横一列に並んでいる記述箇所を見つけます。



 「トップページ」の文字の前にある「#」にURLを入力します。
 <a href="#">トップページ</a>&emsp;|&ems…

           ↓

<a href="http://www.xxx.co.jp">トップページ</a>&emsp;|&ems…


 同様にサービス利用規約、個人情報の部分も以下のようにURLを入力します。
 (免責事項のページURL、個人情報についてのページURLが該当します)
 
<a href="#">サービス利用規約</a>…

           ↓

<a href="http://www.xxx.co.jp/menseki.htm">サービス利用規約</a>&emsp;|&ems…


<a href="#">個人情報について</a>

           ↓

<a href="http://www.xxx.co.jp/kojin.htm">個人情報について</a>&emsp;|&ems…



 【ご注意】

 「#」の前後にある「"」は、絶対に削除しないようにして下さい。


 3ヶ所のURLが入力出来たら、「保存ボタン」をクリックします。

 「編集するページ」を「駅別一覧フッタ」にして、上記と同様に3ヶ所のリンク先URLを入力します。
 「保存」したら続けて「詳細画面」に移動し、同じく3ヶ所のリンク先URLを入力、「保存」します。



 【HPソートをご利用の場合】
 オプションソフト「HP物件ソート」をご利用の場合は、物件ソートページ用の駅別一覧の
 ファイル記述も変更する必要があります。


 @dreamフォルダ内の「Temp」内にある「sort」フォルダの中に格納されたファイルについても、
 上記手順と同様、「#」部分を該当のURLに入れ替えてください。「上書き保存」で終了します。



  ▼駅別一覧のタイトル設定(必須で行って下さい)

 駅別一覧ページの左上部に「○○駅シングル物件情報」などのタイトルが出るよう設定します。
 
(初期設定では会社名しか表示されません)



 
「編集するページ」をクリックして、「駅別一覧ヘッダ」を表示させます。
 
スクロールバーを中ほどまで下げ、「物件情報」と記述された部分を見つけます。



 <img src="option/images/infomation_title.gif" alt="物件情報" title="物件情報" />
 を削除して、新しい記述を入力します。(※1) 
 他の部分は絶対に削除しないよう注意して下さい。

 
<dd><img src="option/images/infomation_title.gif" alt="物件情報" title="物件情報"/></dd>

           ↓

<dd><span class="font_bold"><div class="font_16">[[ %Title% ]]</div></span></dd>

 【※1】 入力ミスがあると反映しません。下記記述をコピーして設定画面に貼り付けて下さい。

コピー用タグ


 新しい記述の入力が出来たら、「保存ボタン」をクリックします。


 ※ 駅別一覧タイトルは推奨のフォントサイズ16の場合、29文字で自動的に改行されます。
 

 ここまでの必須初期設定が終わったら、HP出力をすると自由編集の物件ページが表示されます。

3  運用内容に応じて必要になる準備 (特定の機能を使用していない場合に設定して下さい)
   
 次に該当する場合には、自由編集テンプレートをお使いになる際に、以下の作業も行う必要があります。
 携帯ページやGoogle Mapのページがないのに、リンク先が用意されてしまうことを避けるために行います。 
 各項目を確認の上、ご利用していない機能があった場合には必ずご設定下さい。
 
 
  ▼「携帯電話用ホームページを作る」機能をご利用していない場合

 自由編集テンプレートには初期状態で「携帯用HPアドレスを携帯に送信」の画像リンクが入っています。
 「携帯電話用ホームページを作る」機能をご利用していない場合、この画像リンクを削除して下さい。
 


 「@dreamメインメニュー」>「HPアップロード」
      >「HP編集」>「HPカスタマイズ」>「自由編集タブ」>「物件一覧ヘッダ」



<div class="button_cellular clearfix"><a href="mailto:?Subject=&amp;body=[[ %携帯用URL% ]]">携帯用HPアドレスを携帯に送信</a><!-- button_confirm --></div> 
部分を削除します。他の部分は削除しないように注意して下さい。

 <!-- breadcrum -->
</div>
<div id="main_content">
<div class="button_cellular clearfix"><a href="mailto:?Subject=&amp;body=[[ %携帯用URL% ]]">携帯用HPアドレスを携帯に送信</a>
<!-- button_confirm -->
</div>

<div class="clear">&nbsp;</div>

      ↓

<!-- breadcrum -->
</div>
<div id="main_content">

<div class="clear">&nbsp;</div>

 指定された部分のみが削除出来たら、「保存ボタン」をクリックします。


 アップロード後、「携帯用HPアドレスを携帯に送信」の画像が削除されます。



  ▼Google Mapをご利用されていない場合

 自由編集テンプレートは初期状態で駅別一覧のページ上部に「地図一覧」「地域一覧」のリンク画像が入っています。
 Google Mapをご利用になっていない場合、このリンク画像を削除する必要があります。



 「@dreamメインメニュー」>「HPアップロード」
  >「HP編集」>「HPカスタマイズ」>「自由編集タブ」>「駅別一覧ヘッダ」



 [[ %地図一覧リンク画像% ]] [[ %地域一覧リンク画像% ]] の固定キーを削除します。
 他の部分は削除しないよう注意して下さい。削除後のスペースはそのままで構いません。

 <ul class="clearfix">
[[ %カテゴリ別一覧リンク画像% ]]
[[ %間取一覧リンク画像% ]]
[[ %写真一覧リンク画像% ]]
[[ %地図一覧リンク画像% ]]
[[ %地域一覧リンク画像% ]]

</ul>
<!-- area_listmenu -->

     

<ul class="clearfix">
[[ %カテゴリ別一覧リンク画像% ]]
[[ %間取一覧リンク画像% ]]
[[ %写真一覧リンク画像% ]]

</ul>
<!-- area_listmenu -->

指定された部分のみが削除出来たら、「保存ボタン」をクリックします。


 アップロード後、「地図一覧」「地域一覧」の画像リンクが削除されます。



  ▼間取一覧 写真一覧をご利用されていない場合

「@dreamメインメニュー」>「HPアップロード」>「HP編集」
 >「HPカスタマイズ」>「自由編集タブ」>「駅別一覧ヘッダ」

 「間取一覧」を作成していない場合は[[ %間取一覧リンク画像% ]]を、「写真一覧」を作成していない場合は
 [[ %写真一覧リンク画像% ]]の部分を、必要に応じて削除して下さい。

 <ul class="clearfix">
[[ %カテゴリ別一覧リンク画像% ]]
[[ %間取一覧リンク画像% ]]
[[ %写真一覧リンク画像% ]]

[[ %地図一覧リンク画像% ]]
[[ %地域一覧リンク画像% ]]
</ul>
<!-- area_listmenu -->


 必要に応じた設定が完了したら「保存」ボタンをクリックして、HPアップロード(1番上にチェック)して下さい。


  ▼詳細ページに地図を載せる設定にしていない場合

 詳細ページに地図を載せる・載せないを@dreamで設定することが出来ます。(HP編集>HP基本設定)
 


 詳細ページに地図を載せない
(下図右)設定にしている場合、作業が必要です。
 地図を載せる設定にした詳細ページ  地図を載せない設定の詳細ページ
   


 「@dreamメインメニュー」>「HPアップロード」>「HP編集」
    >「HPカスタマイズ」>「自由編集タブ」>「詳細画面」



 詳細画面に地図を表示しない設定にしている場合は下記の部分を書き換える必要があります。※2
 
<body onload="initLightbox();initialize()" onunload="GUnload()">

           ↓

<body onload="initLightbox()" onunload="GUnload()">


 【※2】 入力ミスがあると反映しません。 <body onload="initLightbox();initialize()" onunload="GUnload()">
      を削除して、下記記述をコピーして同じ場所にそのままに貼り付けて下さい。

 コピー用タグ


 新しい記述の入力が出来たら、「保存ボタン」をクリックします。


  ▼後日、詳細画面に地図を表示する設定にした場合・・・

  同画面内で記述を元に戻す必要があります。入力ミスがあると反映しません。
  <body onload="initLightbox()" onunload="GUnload()">を削除して、下記記述をコピーし、
  同じ場所にそのままに貼り付けて「保存」して下さい。

 コピー用タグ


  ▼Google Analyticsを入れる場合

 「@dreamメインメニュー」>「HPアップロード」>「HP編集」>「HPカスタマイズ」>「自由編集タブ」を開きます。
 Google Analyticsのトラッキングコードは、「編集するページ」それぞれに設定する必要があります。

 「物件一覧ヘッダ」「駅別一覧ヘッダ」「詳細画面」 ※HPソート利用の場合は「駅別一覧ヘッダ(HPソート)」
 
 編集するページを選択します。(通常は「物件一覧へッダ」から順に設定していってください)



 文字の入った画面を少しずつスクロールして、</head>と書かれたところを見つけます。
 通常は20行前後目のところにあります。</head>の直前に、トラッキングコードを貼り付けます。



 トラッキングコードが入ったら「保存」します。他の「編集するページ」に移動して同じ作業を行ってください。
 設定後、ホームページアップロードすると、設定が反映されます。



 ※Google Analyticsの仕様、操作、解析などにつきましては電話サポートしておりません。
  Google AnalyticsのヘルプまたはGoogleに直接、お問い合わせください。


トラッキングコードの表示のさせ方など詳細については、
テクニック集その他編11番 Google Analyticsの設置をご覧ください。
4  初期状態に戻す場合には
   
 Google Mapを使うことにしたので「地図一覧」や「地域一覧」の画像リンクを出したい…
 携帯ページを作ることにしたから「携帯用HPアドレスを携帯に送信」の画像を元に戻したい…
 などの場合には以下の方法で初期状態に戻すことが出来ます。

  デフォルトテンプレート
こちらから初期状態のテンプレートをデスクトップなどにダウンロード→解凍してください。
 賃貸V2初期テンプレート (C2)  売買V3初期テンプレート (B3)
 賃貸V3初期テンプレート (C3)  売買V4初期テンプレート (B4)
 賃貸V4初期テンプレート (C4)  売買V5初期テンプレート (B5)
 賃貸V5初期テンプレート (C5)  売買V6初期テンプレート(B6)
 賃貸V6初期テンプレート (C6)  売買V7初期テンプレート(B7)
 賃貸V7初期テンプレート (C7)  売買V8初期テンプレート(B8)
 賃貸V8初期テンプレート (C8〜)  売買V9初期テンプレート(B9〜)


  ▼すべて初期状態にもどす場合

 ダウンロードしたファイルを解凍後、すべてコピーし、

 C:\Program Files\RingAndLink\@dreamprogre\C●\Temp(売買の場合はB●のB_Temp)  を開きます。
          ※Window 7 をご利用でProgram Files (x86)がある場合、そちらを選択してください。

 コピーしたファイルをTemp内に貼り付け→上書きしてください。


  ▼地図一覧/地域一覧の画像リンクを表示させる

 ダウンロードしたファイルから「Design Template_c_h.txt」を開き、「編集」>「全て選択」>「コピー」します。

 @dream-progreメインメニュー>HPアップロード>HPカスタマイズ>自由編集タブ

 編集するページ「駅別一覧ヘッダ」>コピーした内容を全て上書き>保存

 これらの作業でファイルは初期状態に戻り、「地図一覧」「地域一覧」への画像リンクが表示されます。

 ※同ファイル内で他にカスタマイズされている部分がある場合、そちらも初期状態に戻ります。


  ▼「携帯用HPアドレスを携帯に送信」の画像リンクを表示させる

 ダウンロードしたファイルから「Design Template_e_h.txt」を開き、「編集」>「全て選択」>「コピー」します。

 @dream-progreメインメニュー>HPアップロード>HPカスタマイズ>自由編集タブ

 編集するページ「駅別一覧ヘッダ」>コピーした内容を全て上書き>保存

 これらの作業でファイルは初期状態に戻り、「携帯用HPアドレスを携帯に送信」の画像リンクが表示されます。

 ※同ファイル内で他にカスタマイズされている部分がある場合、そちらも初期状態に戻ります。

     ▲上へ           
@dream編一覧へ戻る