@awsmin/frontity-wp-job-openings
v1.1.0
Published
Frontity package for WP Job Openings Plugin
Downloads
16
Readme
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.
Visit website - wpjobopenings.com
Installation Requirements
- Frontity installation requirements
- WP Job Openings Plugin
- An add-on(plugin) for WP Job Openings plugin or custom functions added in theme's fuctions.php file to expose application form and other fields to WP REST API. You can use WP Job Openings REST API (Example) Plugin for reference.
Setup Package
Install the package
npm i @awsmin/frontity-wp-job-openings
Add it to Frontity Settings
Add the package to
frontity.settings.js
inside thepackages
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;
Configure the slug (Optional)
When you access
/jobs
(after you runnpx 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 theslug
setting infrontity.settings.js
. For example, if you have used a slugcareers
instead ofjobs
: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)
Application Submission
Errors
Success
Application View (WordPress)
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
- Frontity Team [ 1, 2 ]
- frontity-contact-form-7 package by Imran Sayed