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

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


 
7  棟一覧、棟詳細のスマートフォンページ
   
 売買版V8(8.12)賃貸版V7(7.21)より、棟ページのスマートフォンページが作成されるようになりました。

 棟マンション一覧のスマホページ  棟詳細のスマホページ 
   


戦国不動産の棟マンション一覧でサンプルをご覧いただけます。
    
 賃貸版 棟一覧ページURL g_bukkenph0〜2.html (0居住 1事業 2駐車場)
 売買版 棟一覧ページURL g_bukkenph0〜4.html (0戸建 1マンション 2土地 3建物全部 4建物一部)

 戦国不動産の売買マンション棟ページの場合は以下のようになります。

 PC用 http://www.dream-kousyu.jp/baibai/g_bukken1.html
 スマホ用 http://www.dream-kousyu.jp/baibai/g_bukkenph1.html
                         数字の前にphがつきます


 スマホ対応に伴う実装につき、現在のところ以下の仕様になっておりますことご理解ください。

 ※表示・デザインなどの変更はできません。
 ※取扱がない物件の文言表示も表示されません。
 ※棟詳細からの物件ページへのリンク先はPC用の物件詳細ページです。(既存ページをご利用の場合)
(2018年2月 賃貸8.18〜 売買9.18〜 棟一覧、棟詳細ページがレスポンシブデザインで出力できるようになりました。)

 該当バージョンにレベルアップ後、HP出力をしていただくと棟スマートフォンページは自動的に作成されますが、
 棟ページにスマートフォンでアクセスした場合、棟スマートフォンページが表示されるよう設定が必要です。

 作業はソース編集になりますので、必ずテンプレートのバックアップを取ってから作業してください。


 7-1 棟テンプレートのバックアップを取る
 7-2 棟一覧のテンプレートに記述を入れる
 7-3 棟詳細のテンプレートに記述を入れる
 7-4 スマートフォン向け棟一覧ページに仮名文字のラベルをつけました  2018年2月 賃貸8.18〜 売買9.18〜
 7-5 スマートフォン棟詳細ページで「LINEでお問合せ」ボタン表示  2018年2月 賃貸8.18〜 売買9.18〜

7-1  棟テンプレートのバックアップを取る
   
棟テンプレート「TempTou」フォルダのバックアップを取ります。
「TempTou」フォルダの上で右クリック>コピー、デスクトップなどに貼り付けておいてください。




ドライブはCまたはD、(X86)がない場合はProgram Filesを選択してください。

賃貸版V7の場合
C:\Program Files (x86)\RingAndLink\@dreamprogre\C7\Temp\TempTou
  売買版の場合
C:\Program Files (x86)\RingAndLink\@dreamprogre\B8\B_Temp\TempTou
 

7-2  棟一覧のテンプレートに記述を入れる 

 棟一覧のテンプレートを編集します。賃貸版、売買版ともに作業内容は同じです。


メインメニュー>HPアップロード>編集>HPカスタマイズ>「棟ページ設定」 ボタンをクリックします。



「HP編集」タブ、「棟一覧ページ」「ヘッダー」を選択してください。
【賃貸版】    【売買版】
 


※2か所違うタグを貼り付ける作業をしていきます。

記述を挿入する箇所を作ります。下記画面を確認の上、該当箇所にスペースを作ってください



下記の記述をコピーします。
 


スペースの部分に貼付けます。「保存」してください。



さらに記述を追加します。同じ画面で下記の部分にスペースを作ってください



下記の記述をコピーします。



スペースの部分に貼付けます。「保存」してください。



続けて「棟詳細」のテンプレート編集を行います7-3 棟詳細のテンプレートに記述を入れる


賃貸「事業用」「駐車場」、または売買「事業用」で棟ページをご利用の場合はモードを切り替えて
上記、同様の作業をそれぞれ行ってください。




7-3  棟詳細のテンプレートに記述を入れる 


 棟詳細のテンプレートを編集します。賃貸版、売買版ともに基本的な作業は同じです。

【賃貸版】
「HP編集」タブ、「棟詳細ページ」>「居住用詳細ページ」を選択
   【売買版】
「HP編集」タブ、「棟詳細ページ」>種別選択
                     「(選択した種別の)詳細ページ」を選択
 


記述を挿入する箇所を作ります。下記画面を確認の上、該当箇所にスペースを作ってください



下記の記述をコピーします。※7-2棟一覧のタグと似ていますが、違うのできちんとコピーしなおしましょう!



スペースの部分に貼付けます。「保存」してください。



さらに記述を追加します。同じ画面で下記の部分にスペースを作ってください





下記の記述をコピーします。※7-2棟一覧のタグと似ていますが、違うのできちんとコピーしなおしましょう!



スペースの部分に貼付けます。「保存」してください。



 【賃貸版】
「事業用」「駐車場」の棟ページをご利用の方は上記、
同様の作業をそれぞれ行ってください。
   【売買版】
居住/事業のモード切替の他、
「売りマンション」「売土地」種別ごとにもテンプレートの編集をしてください。
     

   ▲トップへ
7-4  スマートフォン向け棟一覧ページに仮名文字のラベルをつけました  2018年2月 賃貸8.18〜 売買9.18〜
スマートフォン向け棟一覧ページに仮名文字のラベルをつけました。

 賃貸8.18〜 売買9.18〜自動更新後、HPアップロードしていただくと反映します。
 
   ▲トップへ
7-5  スマートフォン棟詳細ページで「LINEでお問合せ」ボタン表示  2018年2月 賃貸8.18〜 売買9.18〜
棟詳細のスマートフォンページに「LINEでお問合せ」ボタンが表示されるようになりました。
 

 スマートフォン向け棟詳細ページ  レスポンシブ棟詳細ページ(スマホ表示)




 表示するにはLINE設定を行う必要があります。HPアップロード>HP編集>HP基本設定


 
  【賃貸版】 各種設定   【売買版】 各種設定(物件詳細) 
     

 自社のLINE@のURLを入力。保存します。

 ※LINE@の登録、利用方法は弊社では分かりかねます。LINEにお問合せください。

▲トップへ

     ▲上へ           
@dream編一覧へ戻る