【Lightning】ユーザー投稿型の求人サイトを作ってみた

実際に使用した商品をレビューしています。アフィリエイト広告リンクを含みます。
パスワード保護した投稿を検索結果に表示するコード

Vektor Web Solutions Advent Calendar 2024年12月24日の記事です。

前日の川井昌彦さん執筆記事「2024年もベクトルさんの質問相談会に助けられました」はご覧になりましたか?Vektorさんはプロダクトのクオリティーだけでなく、サポートもしっかりしているのでクライアントワークに利用すると安心感がありますよね~。

さて、本記事ではVektorパスポート+VK Filter Search Proプラグインを使った会員機能付きの求人サイトを紹介します。

解説用にデモサイトを作っていますので、理解を深めるためにぜひ活用してください。

この記事を書いた人
  • IT業界24年のベテラン エンジニア
  • WordPressで企業サイトの構築しています
  • 取り扱いWordPressテーマは300個オーバー
SWELLマニアの かんた です
目次

会員投稿型の求人サイト

デモサイト

→デモサイトを開く

デモサイトなので自由に仮登録して求人情報を投稿してみてください。

デモサイトのコンセプト

愛知県別翔市に特化したアルバイト情報サイトです。サイト訪問者が求人情報を自由に投稿できるシステム付きで、求人情報は複数の条件で絞り込み検索できる仕様です。

ざっくりした概要

  1. 会員登録することで求人情報を投稿・編集できる
  2. ユーザー登録に必要なのはメールアドレスのみ
  3. 課金は一切ありません(会員登録、求人情報は無料で掲載できる)
かんた

地元の有志が非営利で運営しているサイトといったイメージ。

主な会員機能付きページの仕様について

ユーザー登録することで求人情報を投稿できるのが今回のポイントです。会員登録やマイページ周りについて少し解説します。

会員登録ページ

まず会員登録の流れは次の通りです。

ステップ

  1. 仮登録をする(メールアドレスを入力)
  2. 仮登録完了メールが届く
  3. メール内にあるURLをクリック
  4. 登録が完了する

本登録をする前に、仮登録のステップを挟んだのが工夫です。

WordPressのユーザー登録プラグインの中にはメールアドレスとパスワードを入力するだけでアカウントを作成できるものがあります。実在しないメールアドレスや他人のメールアドレスで登録できてしまうため、情報を公開できるサイトにはふさわしくありません。

対策として仮登録のステップで登録されたアカウントに確認のメールを送信し、ユーザーはメール内の確認URLをクリックすることで登録が完了する必要があります。

マイページ

マイページ

会員登録済みのユーザーがサイトにログインした時に表示されるページです。

マイページの主な役割

  1. パスワードの変更
  2. 退会(ユーザーアカウントの削除)

退会すると投稿した求人情報も削除される仕様です。

ログインすると画面右側に会員メニューが表示され、新規投稿や投稿一覧を確認することができます↓

求人情報を掲載する投稿ページ

求人情報を掲載する投稿ページ

会員登録したユーザーが新規求人情報を投稿するページです。

掲載時に入力する項目

  1. 求人情報のタイトル
  2. 本文
  3. アイキャッチ
  4. 時給(カスタムフィールド)
  5. 地域(タクソノミー)
  6. 職種(タクソノミー)


求人情報は作成後「下書き」「レビュー待ち」を選択し保存します。

公開ボタン」はありません。

「レビュー待ち」は管理者に通知メールが送られ、管理者が問題ないと判断し承認するとサイトに公開される仕様です。承認機能なしで公開することもシステム的に可能なんですが、不適切な情報が管理者のチェックなしでサイトに掲載されてしまうリスクが高まります。

かんた

一度承認され公開された情報が再編集された時にも、再度レビューを受ける仕組みにしました。

求人情報の一覧ページ

求人情報の一覧ページ

ユーザーが作成した記事一覧が表示されるページです。

記事の公開ステータスが表示されます。

記事は公開されたものでも再編集可能です。公開済みの記事が再編集された場合には再度レビューを受けるまで非公開(レビュー待ち)という仕様にしました。

テーマ&プラグイン構成

テーマ&プラグイン構成

WordPressテーマ

有効化しているWordPressテーマ
テーマバージョン
Lightning15.29.1
WordPressテーマ

無料テーマのLightningです。テーマ内のPHP系テンプレートを編集する予定が一切なかったので、子テーマは使っていません(当然ながらテンプレートファイルは一切編集していません)。

プラグインの一覧

有効化しているWordPressプラグインの一覧
プラグインバージョン
Advanced Custom Fields6.3.11
Code Snippets 3.6.6.1
Lightning G3 Pro Unit0.28.0
VK All in One Expansion Unit9.100.7.0
VK Blocks Pro1.93.0.0
VK Filter Search Pro2.13.0.0
WordPressプラグイン

まとめ

Vektorパスポート+VK Filter Search Proを使った会員機能付きの求人サイトを紹介しました。無料テーマのLightningを有効化し、有料サービスと有料プラグインを活用することで簡単に会員機能付きの求人サイトを作ることができました。


さて明日のAdvent Calendarは石川さんが素敵な記事を公開予定です。楽しみですね!

よかったらシェアしてね!
  • URLをコピーしました!
目次