logo of RainbowLink Inc.

『All Post Contact Form』で、希望面接日時の受付フォームを作ろう。

この記事の公開年月日:  |   「希望面接日時受付項目」は、簡単に追加することができますので、本稿では最も簡単な追加方法をご紹介いたします。  | この記事のURL: https://jp.rainbow-link.com/marketing_article68.htm

私どもの『求人情報サイトのクローラーに対応した採用ページを作成するサービス』では、お手持ちの『All Post Contact Form』で作成したフォームに、「希望面接日時受付項目」を追加させていただいております。

「希望面接日時受付項目」は、簡単に追加することができますので、本稿では最も簡単な追加方法をご紹介いたします。

私どもが『求人情報サイトのクローラーに対応した採用ページを作成するサービス』で作業をさせていただく場合は、お客様の状況に合わせてディレクトリ分けや、カスタムファイル作成など細かな処理を実施いたしますが、このたびは、概要をお伝えするため、「業者的な細かい処理」は抜いてご案内いたします。

(1)たとえば、私どもがこちらで配布しているフォームのように、お手持ちのhtmlフォームがテーブル式の場合は、次のtr部品をカットアンドペーストで追加することで、「希望面接日時受付項目」を簡単に追加できます。

(2)お好きなカレンダー画像をgif形式でcalendar.gifという名前にて保存し、ルートディレクトリにアップロードしてください。画像のサンプルはこちらにもございます。

(3)カレンダーは、javascriptのオープンソースのスクリプトを利用します。次の緑色のボタンを押してダウンロードしてください。

calendar.js

私どもが日本語化したものを作りましたので、次の緑色のボタンを押してご取得のうえ、ご取得いただいたもので既存のcalendar.jsを上書きしてください。

calendar.jsの日本語版

そして、calendar.jsを、テーマフォルダの中にFTPでアップロードしてください。

(5)「希望面接日時受付項目」を必須項目にすることをご希望の場合は、次の内容をカットアンドペーストで取得し、allpost-contactform.js の「checkForm()」ファンクションまたは「checkForm_ja()」ファンクションの中に追加してください。

(4)header.phpに、次の内容を追加してください。

以上です!

このページのURL: https://jp.Rainbow-Link.com/marketing_article68.htm


jp.Rainbow-Link.com

株式会社レインボーリンク

rainbowlinkinc2