Premium Job Portal WordPress Plugin

A dynamic, interactive job portal plugin for WordPress featuring category filters, smooth CSS Grid dropdown accordion details, AJAX-based CV applications, and a complete theme color customizer.

Features

• Modern & Responsive UI: Responsive design styled with modern typography (Outfit & Inter) and custom color customizer options.
• Client-Side Filters: Instant, animated filtering of jobs (All, Contract, Permanent) with CSS transitions.
• CSS Grid Accordion Details: Smooth height expansion transitions to view details and apply without page reload.
• AJAX Application Form: Direct frontend CV application submissions with client-side file type and size validation.
• Applications Tracking CPT: View applicant details, phone, email, and download uploaded CV files directly from the WordPress Admin area.
• Settings Page & Color Pickers: Full Theme Colors settings panel in the admin backend using WordPress's native color pickers (wp-color-picker) to customize primary, hover, and accent colors instantly.

Installation

1. Upload the jobportal directory to the /wp-content/plugins/ directory.
2. Activate the plugin through the Plugins menu in WordPress.
3. On activation, mock jobs will be automatically seeded to populate your board.

Usage

Use the following shortcode to render the job portal on any page, post, or widget area:

[job_portal]

Options

Limit the number of job listings displayed:

[job_portal posts_per_page="5"]

Job Marquee Ticker

Use the following shortcode to display a horizontal marquee ticker of active job roles:

[job_marquee]

Marquee Options

Customize the look and feel of the marquee with the following attributes:

• posts_per_page: Limit the number of jobs loaded (default: -1 to load all).
• speed: Time duration for a full scroll cycle (default: '30s'). E.g., speed="15s" for faster speed.
• direction: Scroll direction, either 'left' or 'right' (default: 'left').
• pause_on_hover: Pause scrolling on mouse hover, 'true' or 'false' (default: 'true').
• background: Custom CSS background color/gradient. E.g., background="#1e293b" or background="linear-gradient(45deg, #0b1a30, #1e2e4a)".
• text_color: Custom text color for job items (default uses primary theme color). E.g., text_color="#ffffff".
• separator: Text separating the job items (default: '✦').
• show_location: Display the job location, 'true' or 'false' (default: 'true').
• show_salary: Display the job salary badge, 'true' or 'false' (default: 'false').
• link_jobs: Link items to their job listing page, 'true' or 'false' (default: 'true').
• jobs_page: The target jobs board page URL to link to. Defaults to /jobs/ on the current domain (e.g. home_url('/jobs/')). When set, clicking marquee items on any page redirects to this URL, opens the targeted job details card, and scrolls down to it.
• full_width: Span the absolute full width of the screen, breaking out of parent margins, 'true' or 'false' (default: 'true').

Example with advanced configuration:

[job_marquee speed="20s" show_salary="true" background="#0b1a30" text_color="#ffffff"]

Theme Customization

Go to Job Portal -> Theme Colors in your WordPress dashboard to customize:

• Primary Color
• Primary Hover Color
• Accent Color