コンテンツ作成マニュアル基本編
もくじ コンテンツとは 公開する物件検索サイト内の情報の一つ一つを指します 3~8 サイト作成の流れ 物件検索一覧ページ 物件検索を行うためのページを作成するための一覧の流れです 9~4 その他コンテンツについて 各々のページを作成するための コンテンツ管理画面の項目です 5~7
コンテンツとは 3
コンテンツとは コンテンツとは 公開する Web サイトのページ つ つを指します コンテンツ管理 よりコンテンツ (WEB ページ ) の作成が行えます サーチプラスをご利用頂くことで 既存サイトに簡単にコンテンツを追加することが可能です すべてのページは管理画面の コンテンツ管理 から作成します 4
コンテンツとは コンテンツ作成の流れ 具体的なコンテンツ作成の方法は後述詳しく解説しています HTML を記述する前に あらかじめページの基本的な 情報を設定していきます HTML さらに細かなページの情報をここで設定できます ここにHTMLを記述していきます 動的に切り替えたい部分の変数 ( 独自タグ ) もここで設定します また 別エディタで作成 編集したHTMLの貼り付けも可能です 5
コンテンツとは 変数とは? 物件内容など 動的に変更されたい箇所に使用する独自タグです それぞれ対応する値に置き変わって WEB 側に出力されます 変数を使用することにより 物件登録時に入力した情報を自動で出力することができます 物件毎に専用のページを作成する必要がなく 変数が記述されたページを一つ用意するだけで 各物件内容が自動で生成された物件ページを出力することができます 6
コンテンツとは コンテンツタイプとは? コンテンツタイプとは WEB ページの 種類 と解釈していただくとわかりやすいかと思います 新規で作成できるページは様々な種類 ( ランキングページやお問合せページなど ) のページを作成することができます ベーシック ( 標準機能 ) をご利用の方は 標準 のコンテンツタイプのみご利用が可能です お問合せページや会員ページなどは拡張モジュールを追加してるシステムで ご利用いただくことが可能となります またコンテンツタイプを設定することによって その種類に該当する 変数 を 使用することが可能となっています 標準搭載 拡張モジュールを追加頂くことで ご利用が可能になります 7
コンテンツとは 作成したコンテンツの使い方 コンテンツを作成すると それぞれのコンテンツ特有の URL が発行されます バナーにコンテンツ URL を設定する事で 既存サイトから物件サイトへ誘導できます 物件はこちら また Iframe などを使用することによって 既存サイト内で物件サイト情報を表示することも可能です 8
サイト作成の流れ物件検索一覧ページ 9
ページ作成の参考例です 0
事前準備 物件検索一覧ページを作成するにあたって 仮の物件情報をあらかじめ作成しておく ことで どのような表示になるのか確認できると作業の流れがわかりやすくなります ベーシックをご利用の方は 物件名のみの設定でも可能です ( 手順 A) モジュールフルセットをご利用の方は 物件管理アカウント を追加後 物件情報 を作成します ( 手順 B) 手順 A クリックして検索項目を非表示にします 3 4 必須項目のみの入力で作成してしまいます
事前準備 手順 B クリックして検索項目を非表示にします 必須項目のみの入力で作成してしまいます 3 4 必須項目のみの入力で作成してしまいます
コンテンツ作成の流れ ( 物件検索一覧の場合 ) 物件検索一覧ページを作成します 左メニューから コンテンツ管理 をクリック後 コンテンツを作成する でページ作成に取り掛かります 3
コンテンツ作成の流れ ( 物件検索一覧の場合 ) コンテンツ ID を入力します L ここに入力した値が コンテンツ URL( 後述 ) 使用されます 省略した場合は 自動入力されます カテゴリー名を入力します L 作成したコンテンツをカテゴリー毎に管理できます 省略した場合は 未設定 というカテゴリになります 4
コンテンツ作成の流れ ( 物件検索一覧の場合 ) 3 4 3 コンテンツ名を入力します L コンテンツの名称を設定します 4 コンテンツタイプを選択します L 検索一覧ページを作成しますので 物件検索一覧 を選択してください 以降 新規でページを作成される際は それぞれ設定可能な項目などが異な る為 作成するページに合わせたコンテンツタイプを選択するようにしてくだ さい 最後に 次へ をクリックして コンテンツ設定ページへ進みます 5
コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) コンテンツ URL を確認します この URL をリンク設定に使用することで このコンテンツページへ誘導することができるよう になります 3 こちらの設定は管理しやすい名前 ( 半角英字 ) で設定してください 変更した場合は コンテンツURLも変更されるので バナー等でリンク設定をしている場合は リンクの再設定が必要になってきますのでご注意ください 3 コンテンツの管理用にこちらに設定した名前でカテゴリ分けが可能となります 省略された場合は 未設定 と設定されます 6
コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) 4 5 6 4 コンテンツ管理一覧でコンテンツ内容が分かりやすい名前を設定してください 後に コンテンツを編集する際 一覧リストから見つけやすくなります 5 一覧表示件数を入力します 任意の数値を設定できます 6 注目物件 新築 敷金なし 礼金なし が設定されている物件をあらかじめ絞り込み ページに反映することができます 7
コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) 3 データカテゴリごとに絞り込みを行ったコンテンツを作成したい場合に設定します システム設定より 項目名の変更が可能です 例えば タイプを 賃貸物件 タイプを 売買物件 と設定し 賃貸物件 の絞り込みを行ったページを作成したい時にチェックを入れておきます 特定のユーザー ( 企業や会員など ) のみ閲覧可能に設定したい時に パスワードが設定できます 3 ページの公開範囲を設定します 現在作成しているページが会員限定で閲覧できるようにしたい場合は 会員 にチェックを入れておきます 8
コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) 4 5 6 7 4 公開範囲 と異なる権限でアクセスがあった場合に該当ページへ誘導します 例えば 公開範囲を 会員 に設定していた場合 一般のユーザーがこのページにアクセスした場合 設定されているURLのページが表示されるようになります 5 閲覧できるデバイスの設定ができます スマートフォン のチェックを外すと スマートフォンでアクセスした際はPC 用の表示になります タブレットのアクセスは PC と同じ画面となります 6 上記対象デバイス以外でアクセスがあった場合の転送先 URLを指定します ガラケーなどでのアクセスに対して 対象のURLを設定することができます 7 公開設定の切り替えを行います コンテンツが未完成 ( 公開したくない ) の場合は 非公開 に設定することで WEB 側で非表示にすることができます 9
HTML の記述 編集 次に HTML の記述 編集を行います それぞれの編集欄に HTML を記述し コンテンツを作成していきます 検索項目 検索項目を用意していますので キーワードを入れて頂く事で 検索が可能となります 変数を選択 をクリックした際に表示される 変数のリストの項目内容がコンテンツの種類によって異なります 0
HTML の記述 編集 基本 HTML 物件一覧ページを出力するコンテンツ全体のHTMLです こちらに入力するコードが コンテンツのベースとなります 3 一覧 HTML 物件データの繰り返し出力のHTMLです この編集欄に記載した内容は 基本 HTMLの 物件検索リスト ( 一覧 HTML) という変数 ( 専用のタグ ) を挿入した箇所に出力されます 3 404HTML( 検索結果 0 件の場合 ) 検索結果が 0 件の場合に 出力する HTML です 再検索を促すなど 任意の内容を設定可能です 基本 HTML 一覧 HTML 404HTML 検索結果 0 件 物件情報が一覧表示物件情報の一覧部分 0 件の場合のページ
HTML の記述 編集 基本 HTMLを編集しますヘッダーやフッター部分など含めて ページ全体のHTMLを記述していきます あらかじめ別エディタで編集したものをコピー & ペーストして頂くことも可能です 基本 HTMLを編集します動的に変更されたい部分に 変数 を挿入していきます 3 基本 HTMLを編集します検索フォームを作成します 検索フォームを設置する場合 必ずフォームの一番先頭に 検索フォーム開始タグ [form_start] という変数 ( 専用のタグ ) を挿入してください 4 基本 HTMLを編集します検索フォーム用の変数も用意されています 必要な変数をご使用ください
HTML の記述 編集 5 基本 HTMLを編集します検索フォームを設置する場合 必ずフォームの一番最後に 検索フォーム修了タグ [form_end] という変数 ( 専用のタグ ) を挿入してください 6 基本 HTMLを編集します検索結果の一覧を表示されたい箇所に 物件検索リスト( 一覧 HTML) [list] という変数( 専用のタグ ) を挿入してください [list] の部分に 一覧 HTMLの内容が物件数 ( 一覧表示件数 ) に応じて出力されます 7 一覧 HTMLを編集します検索結果一覧に表示する内容を作成します 適宜 必要な変数を使用してください 一覧 HTML 入力欄に 入力した内容は 基本 HTML 入力欄の [list] を使用した部分に出力されます 3
HTML の記述 編集 404HTML( 検索結果 0 件の場合 ) を編集します 基本 HTML と同様に ページ全体の HTML を記述していきます あらかじめ別エディタで編集したものを コピー & ペーストして頂くことも可能です 404HTML ( 検索結果 0 件の場合 ) を編集します 再検索を促すなど 任意の内容に編集してください 3 変更をクリックします 変更をクリックすると 編集が完了します プレビューで 作成したコンテンツを確認することもできます 以上が コンテンツ作成の流れとなります 4
その他のコンテンツについて 5
その他コンテンツについて サンプルデザインも複数用意しています 変数の使用方法なども参考にして下さい 詳しくは製品サイトより デモサイト申請を行なってください --------------------------------------------------------------------- 他コンテンツタイプ毎の詳細は 各マニュアルにてご確認ください https://manual.leafworks.jp/package/searchplus_estate/ --------------------------------------------------------------------- 6
コンテンツ作成マニュアル ( 基本編 ) FAQ も御座いますので宜しければ こちらもご覧ください サーチプラス for 不動産のマニュアル一覧はこちらをご参照ください ご不明な点が御座いましたら こちらよりお問い合わせください 7