コンテンツ作成基本編

Transcription

1 コンテンツ作成マニュアル基本編

2 もくじ コンテンツとは 公開する求人検索サイト内の情報の一つ一つを指します 3~7 サイト作成の流れ 求人検索一覧ページ 求人検索を行うためのページを作成するための一覧の流れです 8~8 その他コンテンツについて 各々のページを作成するための コンテンツ管理画面の項目です 9~0

3 コンテンツとは 3

4 コンテンツとは コンテンツとは 公開するWebサイトのページつつを指します コンテンツ管理 よりコンテンツ WEBページ の作成が行えます すべてのページは管理画面の コンテンツ管理 から作成します 4

5 コンテンツとは コンテンツ作成の流れ 具体的なコンテンツ作成の方法は後述詳しく解説しています HTML を記述する前に あらかじめページの基本的な 情報を設定していきます HTML さらに細かなページの情報をここで設定できます ここにHTMLを記述していきます 動的に切り替えたい部分の変数 ( 独自タグ ) もここで設定します また 別エディタで作成 編集したHTMLの貼り付けも可能です 5

6 コンテンツとは 変数とは? 求人内容など 動的に変更されたい箇所に使用する独自タグです それぞれ対応する値に置き変わって WEB 側に出力されます 変数を使用することにより 求人登録時に入力した情報を自動で出力することができます 求人毎に専用のページを作成する必要がなく 変数が記述されたページを一つ用意するだけで 各求人内容が自動で生成された求人ページを出力することができます 6

7 コンテンツとは コンテンツタイプとは? コンテンツタイプとは WEB ページの 種類 と解釈していただくとわかりやすいかと思います 新規で作成できるページは様々な種類 ( ランキングページやお問合せページなど ) のページを作成することができます ベーシック ( 標準機能 ) をご利用の方は 標準 のコンテンツタイプのみご利用が可能です お問合せページや会員ページなどは拡張モジュールを追加してるシステムで ご利用いただくことが可能となります またコンテンツタイプを設定することによって その種類に該当する 変数 を 使用することが可能となっています 標準搭載 拡張モジュールを追加頂くことで ご利用が可能になります 7

8 コンテンツとは 作成したコンテンツの使い方 コンテンツを作成すると それぞれのコンテンツ特有の URL が発行されます バナーにコンテンツ URL を設定する事で 既存サイトから求人サイトへ誘導できます 求人はこちら また Iframe などを使用することによって 既存サイト内で求人サイト情報を表示することも可能です 8

9 サイト作成の流れ求人検索一覧ページ 9

10 ページ作成の参考例です 0

11 事前準備 求人検索一覧ページを作成するにあたって 仮の求人情報をあらかじめ作成しておく ことで どのような表示になるのか確認できると作業の流れがわかりやすくなります ベーシックをご利用の方は 求人名のみの設定でも可能です ( 手順 A) モジュールフルセットをご利用の方は 求人管理アカウント を追加後 求人情報 を作成します ( 手順 B) 手順 A 4 3 正式なデータもしくはテスト用のデータで登録してください

12 事前準備 手順 B 正式なデータもしくはテスト用のデータで登録してください 3 4 正式なデータもしくはテスト用のデータで登録してください

13 コンテンツ作成の流れ ( 求人検索一覧の場合 ) 求人検索一覧ページを作成します 左メニューから コンテンツ管理 をクリック後 コンテンツを作成する でページ作成に取り掛かります 3

14 コンテンツ作成の流れ ( 求人検索一覧の場合 ) コンテンツ ID を入力します L ここに入力した値が コンテンツ URL( 後述 ) で使用されます 省略した場合は 自動入力されます カテゴリー名を入力します L 作成したコンテンツをカテゴリー毎に管理できます 省略した場合は 未設定 というカテゴリになります 4

15 コンテンツ作成の流れ ( 求人検索一覧の場合 ) コンテンツ名を入力します L コンテンツの名称を設定します 4 コンテンツタイプを選択します L 検索一覧ページを作成しますので 求人検索一覧 を選択してください 以降 新規でページを作成される際は それぞれ設定可能な項目などが異な る為 作成するページに合わせたコンテンツタイプを選択するようにしてくだ さい 最後に 次へ をクリックして コンテンツ設定ページへ進みます 5

16 コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) コンテンツ URL を確認します この URL をリンク設定に使用することで このコンテンツページへ誘導することができるよう になります 3 こちらの設定は管理しやすい名前 ( 半角英字 ) で設定してください 変更した場合は コンテンツURLも変更されるので バナー等でリンク設定をしている場合は リンクの再設定が必要になってきますのでご注意ください 3 コンテンツの管理用にこちらに設定した名前でカテゴリ分けが可能となります 省略された場合は 未設定 と設定されます 6

17 コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) コンテンツ管理一覧でコンテンツ内容が分かりやすい名前を設定してください 後に コンテンツを編集する際 リストから見つけやすくなります 5 一覧表示件数を入力します 任意の数値を設定できます 6 注目求人 が設定されている求人をあらかじめ絞り 込みページに反映することができます 7

18 コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) データカテゴリごとに絞り込みを行ったコンテンツを作成したい場合に設定します システム設定より 項目名の変更が可能です 例えば タイプを 正社員 タイプを アルバイト 等と設定し 正社員 の絞り込みを行ったページを作成したい時にチェックを入れておきます 3 特定のユーザー ( 企業や会員など ) のみ閲覧可能に設 定したい時に パスワードが設定できます 3 ページの公開範囲を設定します 現在作成しているページが会員限定で閲覧できるようにしたい場合は 会員 にチェックを入れておきます 8

19 コンテンツ作成の流れ ( サイドメニューでの詳細設定 ) 4 4 公開範囲 と異なる権限でアクセスがあった場合 に該当ページへ誘導します 例えば 公開範囲を 会員 に設定していた場合 5 一般のユーザーがこのページにアクセスした場合 設定されている URL のページへリダイレクトされます 6 5 閲覧できるデバイスの設定ができます 7 レスポンシブデザイン で作成された場合は つにチェックを入れてください PC 用 スマートフォン用とコンテンツをつに切り分けて作成された場合 スマートフォンのチェックを外すと 6 で設定している 対象デバイスの転送 URL に設定しているURLへリダイレクトされます 6 上記対象デバイス以外でアクセスがあった場合の転送先 URLを指定します ガラケーなどでのアクセスに対して 対象のURLを設定することができます 7 公開設定の切り替えを行います コンテンツが未完成 ( 公開したくない ) の場合は 非公開 に設定することで WEB 側で非表示にすることができます 9

20 HTML の記述 編集 次に HTML の記述 編集を行います それぞれの編集欄に HTML を記述し コンテンツを作成していきます コンテンツタイプ の設定により 変数を選択 をクリックした際に表示される変数のリストの項目内容が異なります 0

21 サイト作成の流れ 求人検索一覧ページ HTMLの記述 編集 基本HTML 求人一覧ページを出力するコンテンツ全体 のHTMLです こちらに入力するコードが コンテンツのベース となります 一覧HTML 求人データの繰り返し出力のHTMLです この編集欄に記載した内容は 基本HTMLの 求人検索リスト 一覧HTML という変数 専用のタグ を挿入した箇所に出力 3 されます 3 404HTML 検索結果0件の場合 検索結果が0件の場合に 出力するHTMLです 再検索を促すなど 任意の内容を設定可能です 基本HTML 一覧HTML 404HTML 検索結果0件 求人情報が一覧表示 求人情報の一覧部分 0件の場合のページ

22 HTML の記述 編集 基本 HTMLを編集しますヘッダーやフッター部分など含めて ページ全体のHTMLを記述していきます あらかじめ別エディタで編集したものをコピー & ペーストして頂くことも可能です 基本 HTMLを編集します動的に変更されたい部分に 変数 を挿入していきます 3 基本 HTMLを編集します検索フォームを作成します 検索フォームを設置する場合 必ずフォームの一番先頭に 検索フォーム開始タグ [form_start] という変数 ( 専用のタグ ) を挿入してください 4 基本 HTMLを編集します検索フォーム用の変数も用意されています 必要な変数をご使用ください

23 HTML の記述 編集 5 基本 HTMLを編集します検索フォームを設置する場合 必ずフォームの一番最後に 検索フォーム終了タグ [form_end] という変数 ( 専用のタグ ) を挿入してください 6 基本 HTMLを編集します検索結果の一覧を表示されたい箇所に 求人検索リスト( 一覧 HTML) [list] という変数( 専用のタグ ) を挿入してください [list] の部分に 一覧 HTMLの内容が求人数 ( 一覧表示件数 ) に応じて出力されます 7 一覧 HTMLを編集します検索結果一覧に表示する内容を作成します 適宜 必要な変数を使用してください 一覧 HTML 入力欄に 入力した内容は 基本 HTML 入力欄の [list] を使用した部分に出力されます 3

24 HTML の記述 編集 404HTML( 検索結果 0 件の場合 ) を編集します 基本 HTML と同様に ページ全体の HTML を記述していきます あらかじめ別エディタで編集したものを コピー & ペーストして頂くことも可能です 404HTML ( 検索結果 0 件の場合 ) を編集します 再検索を促すなど 任意の内容に編集してください 3 変更をクリックします 変更をクリックすると 編集が完了します プレビューで 作成したコンテンツを確認することもできます 以上が コンテンツ作成の流れとなります 4

25 その他のコンテンツについて 5

26 その他コンテンツについて サンプルデザインも複数用意しています 変数の使用方法など 参考にして頂けますと幸いです 詳しくは製品サイトより デモサイト申請を行なってください 他コンテンツタイプ毎の詳細は 各マニュアルにてご確認ください

27 コンテンツ作成マニュアル ( 基本編 ) FAQ も御座いますので宜しければ こちらもご覧ください サーチプラス for 求人のマニュアル一覧はこちらをご参照ください ご不明な点が御座いましたら こちらよりお問い合わせください 7