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 　　　　　　　　　　　　　　　　　　　　　　　　　数字の前にｐｈがつきます 　スマホ対応に伴う実装につき、現在のところ以下の仕様になっておりますことご理解ください。 　※表示・デザインなどの変更はできません。 　※取扱がない物件の文言表示も表示されません。 　※棟詳細からの物件ページへのリンク先は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編集」タブ、「棟一覧ページ」「ヘッダー」を選択してください。 【賃貸版】    【売買版】   ※２か所違うタグを貼り付ける作業をしていきます。 記述を挿入する箇所を作ります。下記画面を確認の上、該当箇所にスペースを作ってください。 下記の記述をコピーします。 <link rel="alternate" media="only screen and (max-width: 640px)" href="[[ %棟一覧スマートフォンリンク% ]]">  スペースの部分に貼付けます。「保存」してください。 さらに記述を追加します。同じ画面で下記の部分にスペースを作ってください。 下記の記述をコピーします。 <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = '[[ %棟一覧スマートフォンリンク% ]]'; } </script> スペースの部分に貼付けます。「保存」してください。 続けて「棟詳細」のテンプレート編集を行います。7-3　棟詳細のテンプレートに記述を入れる 賃貸「事業用」「駐車場」、または売買「事業用」で棟ページをご利用の場合はモードを切り替えて 上記、同様の作業をそれぞれ行ってください。 7-3 　棟詳細のテンプレートに記述を入れる　 　棟詳細のテンプレートを編集します。賃貸版、売買版ともに基本的な作業は同じです。 【賃貸版】 「HP編集」タブ、「棟詳細ページ」＞「居住用詳細ページ」を選択    【売買版】 「HP編集」タブ、「棟詳細ページ」＞種別選択 　　　　　　　　　　　　　　　　　　　　　「（選択した種別の）詳細ページ」を選択   記述を挿入する箇所を作ります。下記画面を確認の上、該当箇所にスペースを作ってください。 下記の記述をコピーします。※7-2棟一覧のタグと似ていますが、違うのできちんとコピーしなおしましょう！ <link rel="alternate" media="only screen and (max-width: 640px)" href="[[ %棟詳細スマートフォンリンク% ]]"> スペースの部分に貼付けます。「保存」してください。 さらに記述を追加します。同じ画面で下記の部分にスペースを作ってください。 下記の記述をコピーします。※7-2棟一覧のタグと似ていますが、違うのできちんとコピーしなおしましょう！ <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) { location.href = '[[ %棟詳細スマートフォンリンク% ]]'; } </script> スペースの部分に貼付けます。「保存」してください。  【賃貸版】 「事業用」「駐車場」の棟ページをご利用の方は上記、 同様の作業をそれぞれ行ってください。    【売買版】 居住/事業のモード切替の他、 「売りマンション」「売土地」種別ごとにもテンプレートの編集をしてください。

▲トップへ

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にお問合せください。 ▲トップへ