@awsmin/frontity-wp-job-openings

    1.1.0 • Public • Published

    WP Job Openings - Frontity Package

    Frontity package for WP Job Openings plugin. This package enables the support for WP Job Openings plugin in the Frontity framework including the support for application form. All the default fields and the fields supported by WP Job Openings Pro are supported in the job application form.

    About WP Job Openings

    WP Job Openings plugin is the most simple yet powerful plugin for setting up a job listing page for a website.

    The plugin is designed after carefully analysing hundreds of job listing layouts and methods. We just picked the best features out of the all and built a plugin that’s super simple to use and extensible to a high performing recruitment tool.

    The plugin comes with two layouts - Grid and List which are designed carefully according to the modern design and User Experience principles. Highlight of the plugin is its totally flexible filter options.

    View Demo

    Visit website - wpjobopenings.com

    Installation Requirements

    Setup Package

    1. Install the package

      npm i @awsmin/frontity-wp-job-openings
      
    2. Add it to Frontity Settings

      Add the package to frontity.settings.js inside the packages array.

      const settings = {
          ...
          "packages": [
              ...
              // If no settings need to be added.
              "@awsmin/frontity-wp-job-openings",
      
              // If you want to add settings.
              {
                  "name": "@awsmin/frontity-wp-job-openings",
                  // Add your settings here.
              },
              ...
          ]
      };
      
      export default settings;
      
    3. Configure the slug (Optional)

      When you access /jobs (after you run npx frontity dev command) you will get all the job listings. If you have used different slug for the archive page then you have to configure the slug setting in frontity.settings.js. For example, if you have used a slug careers instead of jobs:

      const settings = {
          ...
          "packages": [
              ...
              {
                  "name": "@awsmin/frontity-wp-job-openings",
                  "state": {
                      "awsmjobs": {
                          "slug": "careers"
                      }
                  }
              }
              ...
          ]
      };
      
      export default settings;
      

    That's it! Now, when you run the npx frontity dev command you can access the job listings from the jobs archive page(e.g. /jobs). You can use WP Job Openings REST API (Example) Plugin for retrieving job specifications and using it in your frontity theme package.

    Screenshots

    Job Detail Page (Mars Theme)

    Job Detail Page

    Application Submission

    Errors

    Errors

    Success

    Success

    Application View (WordPress)

    Application

    Limitations

    Currently, the form submission doesn't use the WP REST API. It uses the admin-ajax.php URL.

    CORS Issue

    Since, we use the admin-ajax.php URL, you may encounter the CORS Issue. An error: TypeError: NetworkError when attempting to fetch resource. will be thrown in the console and the Cross-Origin request will be blocked.

    Solution:

    You can use the allowed_http_origins filter hook to add allowed HTTP origins. For example:

    function awsm_allowed_http_origins( $origins ) {
        $origins[] = 'https://example.com';
        return $origins;
    }
    add_filter( 'allowed_http_origins', 'awsm_allowed_http_origins' );
    

    Credits

    Resources

    Install

    npm i @awsmin/frontity-wp-job-openings

    DownloadsWeekly Downloads

    10

    Version

    1.1.0

    License

    GPL-2.0-or-later

    Unpacked Size

    19.6 kB

    Total Files

    21

    Last publish

    Collaborators

    • anantajitjg
    • aravindajith
    • v_arma