スライド 1

Size: px

Start display at page:

Download "スライド 1"

ゆきひらたかひ
7 years ago
Views:

1 管理画面操作マニュアル <サイト管理 (2)> PCサイト第 10 版改訂株式会社アクア 1

2 < 目次 > (2)PCサイト 3-1:PCサイト基本設定 3-2: 全頁共通 headタグ bodyタグ設定 6-3: 全頁共通部品設定 7-4: 表示テンプレート設定 14-5: 営業所別共通表示部品設定 17-6:ページ(PC) 追加編集削除 21-7:スタイルシート(CSS) 編集 24 2

3 (2)PCサイト (2)-1 PCサイト基本設定 PCサイトの基本情報を入力しますチェックを入れると地図上に現地フラグが表示されます現地販売会の物件についてはこの設定の有無にかかわらず現地フラグが表示されます HTMLを入力する場合はチェックを入れますページ(PC) 追加編集削除にて作成したページにリンクを設定することができます ( 入力した情報の最下部に設定されます) 3

4 項目名 PCビュー有効 / 無効テンプレート選択新着物件条件物件リスト表示 ( 検索結果 ) 設定項目説明 PCサイトの表示を有効にするか無効にするか選びますまた携帯ページの表示をクリックすることで携帯サイトを確認できます表示テンプレートを選びます各ページで表示方法が選ばれている場合はそちらを優先して表示します新着を表す New 表示の期限を設定できます ( 物件更新日物件登録日から選べます) 物件リストの表示設定ができます表示列数サムネイル画像のサイズ表示項目を設定します各物件にスタッフのコメントを載せる場合はチェックを入れスタッフコメント部分を HTMLタグで設定します ( 参考 2) 多棟現場リスト表示 ( 検索結果 ) 設定他棟現場リストにおける画像 (サムネイル)の大きさを指定します物件リスト表示 (TOPページ特集等 ) 設定物件サイド表示設定物件ランキング表示設定物件詳細表示スタッフ紹介リスト表示トップページに物件リストを載せる際の表示設定します表示列と行数サムネイル画像のサイズ表示項目物件抽出条件を設定します各物件にスタッフのコメントを載せる場合はチェックを入れスタッフコメント部分を HTMLタグで設定します ( 参考 1) ページ左右に物件情報を表示させる際の表示方法を設定します表示行数サムネイル画像のサイズ表示項目物件抽出条件を設定します物件のランキングを載せる際の表示方法を設定します表示行数サムネイル画像のサイズ表示項目物件抽出条件を設定します物件詳細画面の表示方法を設定できます同じウインドウで表示 (ページが変わります)する場合と物件リストはそのままに物件詳細を新しい画面で出す場合の2 種類から選びますまた各物件にスタッフのコメントを載せる場合はチェックを入れスタッフコメント部分をHTMLタグで設定しますスタッフ紹介リストをHTML 形式で自由に設定することができます ###staff_id###などを入れることにより担当者情報に登録された情報が表示されます ( 参考 3) 販売事例リスト表示自動生成ページ表示画面メッセージ設定コンバーションタグ設定販売事例リストをHTML 形式で自由に設定することができます ###sales_jirei_id###などを入れることにより販売事例に登録された情報が表示されます ( 参考 4) 自動生成ページの階層を設定します ( 基本的には初期設定のまま) 会員登録後会員情報変更後に表示される文章を入力します HTMLソースの貼り付けができますのでその場合は自動改行変換しないにチェックを入れてください会員登録問合せフォームの送信後ページに埋め込むコンバーションタグを入力しますコンバーションタグについては下記 HTML 参考サイトをご確認ください 4

5 ( 参考 1)トップページ ( 参考 2) 検索結果画面物件リスト(TOPページ) 部分物件サイド部分物件リスト( 検索結果 ) 部分物件サイド部分 ( 参考 3)スタッフ紹介リスト大和住販様サイトより ( 参考 4) 販売事例大和住販様サイトより販売事例リスト表示で作成した部分スタッフ紹介リスト表示で作成した部分 5

6 (2)-2 全頁共通 headタグ bodyタグ設定サイト内に作成されるページのheadタグ bodyタグを設定します ( 全ページに設定されます) headタグ bodyタグの設定方法については下記 HTML 参考サイト参考書等を参照してください

7 (2)-3 全頁共通表示部品設定ヘッダナビゲーションバーフッタ等全ページに共通で表示される部品を設定します各部品はホームページ上で以下の部分に表示されます各部品の設定画面は次ページ以降 7

8 全頁共通表示部品設定で使用するタグについて検索結果や物件一覧を表示させる為に ###new_view### といったタグを入れることができます各部分について入力できるタグは異なりますので下記を参考にしてくださいメイン上段メイン下段エリア現地販売会 ###hanbaikai_view### おすすめ物件 ###recommend_view### おすすめ物件 ( 土地 ) ###recommend_tochi_view### おすすめ物件 ( 戸建 ) ###recommend_kodate_view### おすすめ物件 (マンション) ###recommend_mansion_view### 新着物件 ###new_view### 検索 ###search### 検索結果 ###search_result### 物件詳細 ###detail### おすすめ物件 ###recommend_view### は下記に置き換えることもできます URLは code/search_result?rs_flag0=1&mode=list search_resultは任意で変更しパラメーターにrs_flag0=1& mode=listと記入します内容に ###search_result### を記入します (******はクライアントディレクトリ名が入ります) ユーティリティの特集フラグで設定 (マニュアルユーティリティ参照 )したものを表示したい場合は ###flag1_view###~###flag10_view###を入れてください (おすすめ物件の置き換え例 ) 8

9 インデックス左上段インデックス左中段インデックス左下段インデックス右上段インデックス右中段インデックス右下段エリア現地販売会情報 ###hanbaikai_side_view### おすすめ物件 ###recommend_side_view### おすすめ物件 ( 土地 ) ###recommend_tochi_side_view### おすすめ物件 ( 戸建 ) ###recommend_kodate_side_view### おすすめ物件 (マンション) ###recommend_mansion_side_view### 営業所 ID:1のおすすめ ###recommend_office1_side_view### 営業所 ID:2のおすすめ ###recommend_office2_side_view### 新着物件 ###new_side_view### 新着物件 ( 土地 ) ###new_tochi_side_view### 新着物件 ( 戸建 ) ###new_kodate_side_view### 新着物件 (マンション) ###new_mansion_side_view### 特集フラグ ###flag1_side_view### ( 数字部分は特集の番号によって変更してください) 種別ごとに表示したい場合 ###flag1_tochi_side_view### ( 土地 ) ###flag1_kodate_side_view### ( 戸建 ) ###flag1_mansion_side_view### (マンション) ブログ見出しのタグ ###blog_new_1### インデックス左上段インデックス右上段エリア最新情報更新日 ###update### 現在の情報登録 ###no_member_regist### 件会員サイトの情報登録 ###member_regist### 件 9

10 <1ページ上段フリー編集エリア> ページ上段部分を設定します HTMLを入力する場合はチェックを入れます HTMLタグの設定方法については下記 HTML 参考サイト参考書等を参照してくださいページ(PC) 追加編集削除にて作成したページにリンクを設定することができます ( 入力した情報の最下部に設定されます) <2インデックス左上段フリー編集エリア 4インデックス右上段フリー編集エリア > 印については他の編集画面も同様ですインデックス左上段および右上段部分を設定します <3メイン上段フリー編集エリア> メイン上段部分を設定します 10

11 <5ログイン表示 6ログイン表示 ( 右 )> ログイン画面とログイン後の画面を設定しますログイン画面ログイン後に表示する画面 <7インデックス左中段フリー編集エリア 8インデックス右中段フリー編集エリア> インデックス左中段および右中段部分を設定します 11

12 <9 自動生成ページインデックス 10 自動生成ページインデックス( 右 )> ページ(PC) 追加編集削除 (P27 参照 )で作成したページを自動表示する場合に設定します ###page_index_view###を入力してください <11インデックス左下段フリー編集エリア 13インデックス右下段フリー編集エリア> インデックス左下段および右下段部分を設定します <12メイン下段フリー編集エリア> メイン下段部分を設定します 12

13 <14ページ下段フリー編集エリア> ページ下段部分を設定します 13

14 (2)-4 表示テンプレート設定各物件種別ごとのトップページ( 特集 ) 用検索結果画面物件詳細画面の物件情報の表示設定ができますまた他棟現場物件の検索結果画面物件詳細画面の表示設定もこの画面でできます( 次ページ参照 ) TOP 特集等 :###recommend_view### ###hanbaikai_view###などで表示させる一覧用のコマ表示検索結果 :###search_result###で表示させる一覧用のコマ表示右側の表示項目 ( 赤点線枠 )から表示させたい情報を選んで表示させる情報のテンプレートを作成します HTMLタグの設定方法については下記 HTML 参考サイト参考書等を参照してください

15 他棟現場物件の設定について他棟現場を設定する場合は物件詳細にて親物件と子物件の設定を行う必要があります < 親物件 > 他棟現場マスターフラグにチェックを入れてください < 子物件 > 他棟現場登録の設定をクリックし表示される親物件リストから該当する親物件を選びます選択後物件情報欄にこの物件の親物件名が表示されます他棟現場を解除する場合は解除のところにチェックを入れて更新してくださいサイトへの表示方法は表示テンプレート設定にて検索結果と詳細表示の設定を行います他棟現場検索結果 ( 参考例 ) 他棟現場詳細表示 ( 参考例 ) 他棟現場の関連情報を表示するために ###genba_bukken### を入れます 15

16 PCサイト基本設定にて多棟現場検索結果に表示されるサムネイル画像の大きさを指定します詳細画面にあたるページを作成しページ内容に ###genba_search_result### を入れると表示できます ( 表示例 ) 他棟現場検索結果画面他棟現場詳細表示画面 16

17 (2)-5 営業所別共通表示部品設定営業所 ( 支店 )がある場合各営業所ページのページ情報を設定します営業所は企業情報で登録した営業所が表示されます全頁共通部品 ( 本マニュアル15ページ)で作成したものを表示させるか表示させないかを選びます表示する場合と表示しない場合の表示参考例を次ページに記載しますので参考にして下さい HTMLタグの設定方法については下記 HTML 参考サイト参考書等を参照してください

18 営業所ページの設定参考例ページ(PC) 追加編集削除ページから営業所ページの編集画面を開きます参考例として営業所 1 課の場合を設定しますページ内容を入力します営業所専用ページを営業所 1 課に設定して保存します ( 次ページへ) 18

19 全頁共通部品を併用表示する場合営業所 1 課の編集画面を表示させます全頁共通部品を併用表示するを選び下の入力欄に###contents###を入れます入力欄に###contents###を入れ忘れないよう注意してください全頁共通部品を併用表示する場合で作った営業所 1 課のページ営業所 1 課の内容 ( 前ページの青枠部分 )が表示されその周りに全頁共通部品 ( 本マニュアル15ページ)で作成したもの ( 赤枠部分 )が表示されます ###contents###の部分営業所 1 課の内容 ( 前ページの青枠部分 )が表示されます 19

20 全頁共通部品を併用表示しない場合営業所 1 課の編集画面を表示させます全頁共通部品を併用表示しないを選びページ全体を構成するHTMLタグを入れます HTMLタグの中に###contents###を入れ忘れないよう注意してください HTMLタグは <body>~</body>の部分を入れてください ( <body>と</body>は除く) 全頁共通部品を併用表示しない場合で作った営業所 1 課のページページ全体を構成するHTMLで作られたページが表示され ###contents###の部分に営業所 1 課の内容 ( 前々ページの青枠部分 )が表示されます ###contents###の部分営業所 1 課の内容 ( 前々ページの青枠部分 ) が表示されます 20

21 (2)-6 ページ(PC) 追加編集削除ページの作成管理削除をする画面ですボタン名編集編集予約下位ページ追加削除ページを修正する時にクリックします - ボタン説明ページを追加するときにクリックします通常はTOPページの下位ページ追加をクリックします購入者インタービューページの配下に各お客様ページを作るという場合は購入者インタビューページの下位ページ追加からページを作成すると管理がしやすくなります次ページにて設定画面説明下位ページがある際に上位ページを削除すると一緒に下位ページも削除されてしまい復活できませんのでご注意くださいページ作成修正時にHTMLタグを使用して作成します HTMLタグの設定方法については下記 HTML 参考サイト参考書等を参照してください

22 <ページ設定画面 > ( 例 : 営業所情報 ) 22

23 項目名 ID ページIDです ( 自動付与 ) 上位ページ表示順ページURL パラメーター非表示ページタイトルページ内容項目説明作成するページの上位に当たるページを設定します ( 通常はTOPページを選びます) (2)-3 全頁共通表示部品設定の自動生成ページインデックス部分の表示順を指定します ( 自動生成ページインデックスを使わない場合は未設定でも可 ) URL 上のページ名を設定します物件特集ページを作成する際に設定しますページを表示しない場合にチェックを入れます RIMS 内でのページ名を入力します HTML 上のページタイトルではありません HTMLタグ入力時は自動改行変換しないにチェックを入れてください特集ページ営業所専用ページ会員限定ページページタイトル表示ページナビ表示子ページナビ表示 head 内 title head 内 meta description head 内 meta keyword フォームID ブログID FAQID 画像アルバムID 表示予約日時テンプレート特集ページとして表示させる場合に選びます使う際は予めユーティリティの特集フラグ設定にて設定してください (マニュアルユーティリティを参照 ) ページ内容の中に###flag1_view###~###flag10_view###を入れることでも表示されます (このマニュアルのP16を参照してください) この場合はこの項目で選ぶ必要はありません作成しているページが営業所のページとして表示させる場合該当する営業所を選びます会員ログイン時のみ表示させるページの場合チェックを入れます表示させない場合はチェックを入れます表示させない場合はチェックを入れます表示させない場合はチェックを入れますページ名を入力しますこちらがHTML 上のページタイトルとなります検索サイトでのサイト紹介文を入力します検索キーワードを入力します問合せ資料請求管理で作成したフォームのIDを入力します簡易ブログ設定で作成したブログのIDを入力します FAQ 設定で作成したFAQのIDを入力します画像アルバム画像アルバムのIDを入力します指定日時に公開する場合に入力します (2)-3 全頁共通表示部品設定の部品について表示させる項目を選びます自動生成ページインデックス(P20 参照 )に適用されます (リンクを手入力で設定する場合はページURLの後にパラメーターを付け加えてください ) 23

24 (2)-7 スタイルシート(CSS) 設定サイト内で使用するCSSを設定編集します CSS 設定方法については下記 CSS 参考サイト参考書等を参照てくださいカッコ内がCSSのclassになります.page_top{ } 部分ページ全体の場合は.page { }となりますメイン部分は.main{ }となります style.cssに明記されていない場合も各ページをソース表示すると class 指定されているので新たに追加してください別のcssと併用しても構いません 24

スライド 1

スライド 1 新機能マニュアル( 事業者向け) 平成 22 年 7 月新機能概要携帯電話メールアドレス入力項目追加 ( 詳細 2P) ページデザイン選択 (5パターン) ページレイアウトが選択可能になります ( 詳細 3P) Googleマップ設定 Googleマップを自動表示します ( 詳細 4P) QRコードの表示 / 非