コンテンツ作成基本編

(1)

(2)

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

コンテンツとは

■変数とは？

(7)

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

コンテンツとは

標準搭載

拡張モジュールを追加頂くことで、

ご利用が可能になります。

■コンテンツタイプとは？

(8)

コンテンツを作成すると、それぞれのコンテンツ特有のURLが発行されます。またIframeなどを使用することによって、既存サイト内で求人サイト情報を表示することも可能です。

コンテンツとは

求人はこちら→ バナーにコンテンツURLを設定する事で、既存サイトから求人サイトへ誘導できます。

■作成したコンテンツの使い方

(9)

サイト作成の流れ

求人検索一覧ページ

(10)

※ページ作成の参考例です。

(11)

求人検索一覧ページを作成するにあたって、仮の求人情報をあらかじめ作成しておくことで、どのような表示になるのか確認できると作業の流れがわかりやすくなります。 ※ベーシックをご利用の方は、求人名のみの設定でも可能です。（手順A） ※モジュールフルセットをご利用の方は「求人管理アカウント」を追加後、求人情報を作成します。（手順B)

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

■手順A

1

2

3

4 ■事前準備

(12)

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

■手順B

1 ₂

3

4 ■事前準備

※正式なデータもしくはテスト用のデータで登録してください。 ※正式なデータもしくはテスト用のデータで登録してください。

(13)

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

1

2

①求人検索一覧ページを作成します。左メニューから「コンテンツ管理」をクリック後、 ②「コンテンツを作成する」でページ作成に取り掛かります。

■コンテンツ作成の流れ（求人検索一覧の場合）

(14)

◆コンテンツIDを入力します。 ◆カテゴリー名を入力します。 Ｌここに入力した値が、コンテンツURL（後述）で使用されます。 ※省略した場合は、自動入力されます。 Ｌ作成したコンテンツをカテゴリー毎に管理できます。 ※省略した場合は、「未設定」というカテゴリになります。

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

2

1

2 ■コンテンツ作成の流れ（求人検索一覧の場合）

(15)

◆コンテンツタイプを選択します。 ◆コンテンツ名を入力します。 Ｌコンテンツの名称を設定します。 Ｌ検索一覧ページを作成しますので、「求人検索一覧」を選択してください。 ※以降、新規でページを作成される際は、それぞれ設定可能な項目などが異なる為、作成するページに合わせたコンテンツタイプを選択するようにしてください。

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

4

3

4 ■コンテンツ作成の流れ（求人検索一覧の場合）

(16)

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

1

◆コンテンツURLを確認します。 このURLをリンク設定に使用することで、このコンテンツページへ誘導することができるようになります。

2

◆こちらの設定は管理しやすい名前（半角英字）で 設定してください。 変更した場合は、コンテンツURLも変更されるので、バナー等でリンク設定をしている場合は、リンクの再設定が必要になってきますのでご注意ください。

3

◆コンテンツの管理用にこちらに設定した名前で カテゴリ分けが可能となります。 省略された場合は「未設定」と設定されます。

1

3

2 ■コンテンツ作成の流れ（サイドメニューでの詳細設定）

(17)

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

4

◆コンテンツ管理一覧でコンテンツ内容が分かりやす い名前を設定してください。 ※後に、コンテンツを編集する際、リストから見つけやすくなります。

5

一覧表示件数を入力します。任意の数値を設定できます。

5

4

6

「注目求人」が設定されている求人をあらかじめ絞り込みページに反映することができます。

6 ■コンテンツ作成の流れ（サイドメニューでの詳細設定）

(18)

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

◆データカテゴリごとに絞り込みを行ったコンテンツ を作成したい場合に設定します。 システム設定より、項目名の変更が可能です。例えば、タイプ1を「正社員」タイプ2を「アルバイト」等と設定し、「正社員」の絞り込みを行ったページを作成したい時にチェックを入れておきます。

1

特定のユーザー（企業や会員など）のみ閲覧可能に設定したい時に、パスワードが設定できます。

2

◆ページの公開範囲を設定します。 現在作成しているページが会員限定で閲覧できるようにしたい場合は「会員」にチェックを入れておきます。

3

1

3

2 ■コンテンツ作成の流れ（サイドメニューでの詳細設定）

(19)

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

◆「公開範囲」と異なる権限でアクセスがあった場合 に該当ページへ誘導します。 例えば、公開範囲を「会員」に設定していた場合、一般のユーザーがこのページにアクセスした場合、設定されているURLのページへリダイレクトされます。

4

◆閲覧できるデバイスの設定ができます。 「レスポンシブデザイン」で作成された場合は、 2つにチェックを入れてください。 PC用、スマートフォン用とコンテンツを2つに切り分けて作成された場合、スマートフォンのチェックを外すと、で設定している「対象デバイスの転送URL」に設定しているURLへリダイレクトされます。

5

4

6

◆上記対象デバイス以外でアクセスがあった場合の転 送先URLを指定します。 ガラケーなどでのアクセスに対して、対象のURLを設定することができます。

6

7 ■コンテンツ作成の流れ（サイドメニューでの詳細設定）

6

(20)

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

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

■HTMLの記述・編集

(21)

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

基本HTML 【基本HTML】 ◆求人一覧ページを出力するコンテンツ全体 のHTMLです。 こちらに入力するコードが、コンテンツのベースとなります。

1

【一覧HTML】 ◆求人データの繰り返し出力のHTMLです。 この編集欄に記載した内容は、基本HTMLの「求人検索リスト（一覧HTML）」という変数（専用のタグ）を挿入した箇所に出力されます。

2

【404HTML（検索結果0件の場合）】 検索結果が0件の場合に、出力するHTMLです。 再検索を促すなど、任意の内容を設定可能です。

3

2

1

一覧HTML 404HTML

■HTMLの記述・編集

(22)

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

◆基本HTMLを編集します ヘッダーやフッター部分など含めて、ページ全体のHTMLを記述していきます。 ※あらかじめ別エディタで編集したものをコピー＆ペーストして頂くことも可能です。

1

◆基本HTMLを編集します 動的に変更されたい部分に、「変数」を挿入していきます。

2

◆基本HTMLを編集します 検索フォームを作成します。検索フォームを設置する場合、必ずフォームの一番先頭に【検索フォーム開始タグ ⇔ [form_start] という変数（専用のタグ）を挿入してください。

3

◆基本HTMLを編集します 検索フォーム用の変数も用意されています。必要な変数をご使用ください。

4 ■HTMLの記述・編集

(23)

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

◆基本HTMLを編集します 検索フォームを設置する場合、必ずフォームの一番最後に【検索フォーム終了タグ ⇔[form_end]】という変数（専用のタグ）を挿入してください。

5

◆基本HTMLを編集します 検索結果の一覧を表示されたい箇所に、【求人検索リスト（一覧HTML） ⇔[list]】という変数（専用のタグ）を挿入してください。 [list]の部分に、一覧HTMLの内容が求人数（一覧表示件数）に応じて出力されます。

6

◆一覧HTMLを編集します 検索結果一覧に表示する内容を作成します。適宜、必要な変数を使用してください。

7 ■HTMLの記述・編集

(24)

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

◆ 404HTML（検索結果0件の場合） を編集します 基本HTMLと同様にページ全体のHTMLを記述していきます。 ※あらかじめ別エディタで編集したものをコピー＆ペーストして頂くことも可能です。

1

再検索を促すなど、任意の内容に編集してください。 ◆ 404HTML （検索結果0件の場合）を編集します

2

◆変更をクリックします。 変更をクリックすると、編集が完了します。プレビューで、作成したコンテンツを確認することもできます。以上が、コンテンツ作成の流れとなります。

3 ■HTMLの記述・編集

(25)

(26)

サンプルデザインも複数用意しています。

変数の使用方法など、参考にして頂けますと幸いです。

※詳しくは製品サイトより、デモサイト申請を行なってください。

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

---他コンテンツタイプ毎の詳細は、各マニュアルにてご確認ください。

---https://manual.leafworks.jp/package/searchplus_job/

(27)

コンテンツ作成基本編

もくじ

コンテンツとは

3～7

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

8～18

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

19～20

コンテンツとは、公開するWebサイトのページ1つ1つを指します。

コンテンツとは

コンテンツとは

HTML

1

2

■コンテンツ作成の流れ

コンテンツとは

■変数とは？

コンテンツとは

標準搭載

拡張モジュールを追加頂くことで、

ご利用が可能になります。

■コンテンツタイプとは？

コンテンツとは

■作成したコンテンツの使い方

サイト作成の流れ

求人検索一覧ページ

※ページ作成の参考例です。

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

■手順A

1

2

3

4

■事前準備

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

■手順B

1

2

3

4

■事前準備

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

1

2

■コンテンツ作成の流れ（求人検索一覧の場合）

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

2

1

1

2

■コンテンツ作成の流れ（求人検索一覧の場合）

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

4

3

3

4

■コンテンツ作成の流れ（求人検索一覧の場合）

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

1

2

3

1

3

2

■コンテンツ作成の流れ（サイドメニューでの詳細設定）

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

4

5

5

4

6

6

■コンテンツ作成の流れ（サイドメニューでの詳細設定）

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

1

2

3

1

3

2

_3～7

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

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

₂

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

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

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

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

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

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

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

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

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

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

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

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