管理画面操作マニュアル ＜サイト管理（２）＞ ＰＣサイト 第10版 2012.3改訂 株式会社アクア 1.

Presentation on theme: "管理画面操作マニュアル ＜サイト管理（２）＞ ＰＣサイト 第10版 2012.3改訂 株式会社アクア 1."— Presentation transcript:

1 管理画面操作マニュアル ＜サイト管理（２）＞ ＰＣサイト 第10版 2012.3改訂 株式会社アクア 1

2 2 ＜目次＞ （２）PCサイト・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・3
　　　　　　-２：全頁共通headタグ・bodyタグ設定・・・・・・・・・・・・・・・・・・・・・・・・6 　　　　　　-３：全頁共通部品設定 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・7 　　　　　　-４：表示テンプレート設定・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・14 　　　　　　-５：営業所別共通表示部品設定・・・・・・・・・・・・・・・・・・・・・・・・・・・・17 　　　　　　-６：ページ（PC）追加・編集・削除・・・・・・・・・・・・・・・・・・・・・・・・・・・・21 　　　　　　-７：スタイルシート（CSS）編集・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・24 2

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

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

5 5 （参考１）トップページ （参考２）検索結果画面 （参考３）スタッフ紹介リスト ※大和住販様サイトより （参考４）販売事例
物件リスト（TOPページ）部分 物件リスト（検索結果）部分 物件サイド部分 物件サイド部分 （参考３）スタッフ紹介リスト ※大和住販様サイトより （参考４）販売事例 ※大和住販様サイトより 販売事例リスト表示で作成した部分 スタッフ紹介リスト表示で作成した部分 5

6 6 （２）-２ 全頁共通headタグ・bodyタグ設定
※headタグ、bodyタグの設定方法については、下記HTML参考サイト、参考書等を参照してください。 6

7 7 （２）-３ 全頁共通表示部品設定 ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ① ② ③ ④ ⑤ ⑥ ⑧ ⑦ ⑩ ⑫ ⑨ ⑬
（２）-３　全頁共通表示部品設定 ヘッダ、ナビゲーションバー、フッタ等、全ページに共通で表示される部品を設定します。 ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ 各部品は、ホームページ上で以下の部分に表示されます。 ① ② ③ ④ ⑤ ⑥ ⑧ ⑦ ⑩ ⑫ ⑨ ⑬ ⑪ ※各部品の設定画面は 次ページ以降 ⑭ 7

8 8 【メイン上段、メイン下段エリア】 ・現地販売会 ###hanbaikai_view###
・全頁共通表示部品設定で使用するタグについて 検索結果や物件一覧を表示させる為に ###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 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 10 ＜①ページ上段フリー編集エリア＞ ・ページ上段部分を設定します。 ※HTMLを入力する場合はチェックを入れます。
※HTMLタグの設定方法については、下記HTML参考サイト、参考書等を参照してください。 ※「ページ（PC)追加・編集・削除」にて作成したページにリンクを設定することができます。 （入力した情報の最下部に設定されます） ※印については、他の編集画面も同様です。 ＜②インデックス左上段フリー編集エリア・ ④インデックス右上段フリー編集エリア ＞ ・インデックス左上段、および右上段部分を設定します。 ＜③メイン上段フリー編集エリア＞ ・メイン上段部分を設定します。 10

11 11 ＜⑤ログイン表示・⑥ログイン表示（右）＞ ・ログイン画面とログイン後の画面を設定します。 ログイン画面 ログイン後に表示する画面
＜⑦インデックス左中段フリー編集エリア・⑧インデックス右中段フリー編集エリア＞ ・インデックス左中段、および右中段部分を設定します。 11

12 12 ＜⑨自動生成ページインデックス・⑩自動生成ページインデックス（右）＞
・ 「ページ（PC)追加・編集・削除」（P27参照）で作成したページを自動表示する場合に設定します。 ###page_index_view###を入力してください。 ＜⑪インデックス左下段フリー編集エリア・⑬インデックス右下段フリー編集エリア＞ ・インデックス左下段、および右下段部分を設定します。 ＜⑫メイン下段フリー編集エリア＞ ・メイン下段部分を設定します。 12

13 ＜⑭ページ下段フリー編集エリア＞ ・ ページ下段部分を設定します。 13

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

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

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

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

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

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

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

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

22 ＜ページ設定画面＞ （例：営業所情報） 22

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

24 24 （２）-７ スタイルシート（CSS）設定 サイト内で使用するCSSを設定・編集します
カッコ内がCSSのclassになります。 .page_top{　}部分 ページ全体の場合は .page {　}となります メイン部分は .main{　}となります ※style.cssに明記されていない場合も、各ページをソース表示すると、class指定されているので新たに追加してください。 ※別のcssと併用しても構いません。 24