Volunteer Spotlight
Volunteer Spotlight wordpress plugin
by Muhammad Mehdi · github.com/smy-solutions/volunteer · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/smy-solutions/volunteer/archive/refs/heads/main.zipContributors: Muhammad Mehdi Developer: Muhammad Mehdi Designer: Muhammad Mehdi Tags: volunteer, spotlight, slider, shortcode, nonprofit Requires at least: 5.0 Tested up to: 6.9 Stable tag: 1.4.0 Requires PHP: 7.4 License: MIT License URI: https://opensource.org/licenses/MIT
Showcase your amazing volunteers with beautiful spotlight cards displayed in a responsive slider.
Description
Volunteer Spotlight lets you create beautiful, professional volunteer highlight cards and display them in a smooth slider on any page or post using a simple shortcode.
Features:
- Custom Post Type for managing volunteers
- Easy-to-use admin interface
- Beautiful card design with photo, name, designation, and description
- Social profile icons (Facebook, Instagram, X/Twitter, LinkedIn, YouTube) per volunteer
- Social icons displayed on card only when accounts are added — blank otherwise
- Responsive Swiper.js slider
- Shortcode with customizable options
- Fully responsive and mobile-friendly
- Lightweight — assets only load where the shortcode is used
Installation
- Upload the
volunteer-spotlightfolder to/wp-content/plugins/ - Activate the plugin through the 'Plugins' menu in WordPress
- Go to Vol. Spotlight → Add Spotlight to add your first volunteer
- Use the shortcode
[volunteer_spotlight]on any page or post
Shortcode Usage
Basic usage:
[volunteer_spotlight]
With options:
[volunteer_spotlight limit="6" autoplay="true" speed="5000" order="DESC"]
Attributes:
limit— Number of volunteers to show (default: -1, all)autoplay— Enable auto-rotation (default: true)speed— Autoplay delay in ms (default: 4000)order— Sort order, ASC or DESC (default: DESC)
Frequently Asked Questions
How do I add a volunteer photo?
When editing a spotlight, use the "Set featured image" option in the right sidebar.
Can I display the slider on multiple pages?
Yes! Use the shortcode [volunteer_spotlight] on as many pages as you like.
How do I change the slider speed?
Use the speed attribute: [volunteer_spotlight speed="6000"] (value in milliseconds).
Changelog
1.4.0
- NEW: Social Profiles widget in the admin panel (Facebook, Instagram, X/Twitter, LinkedIn, YouTube)
- Social media icons now appear on the spotlight card in place of the Read More button
- Icons only display if at least one social account URL is entered — blank otherwise
- Each icon displays with platform brand color on hover with lift animation
- Removed Read More button from the frontend card
1.3.0
- Hardcoded inline CSS and JS for zero file-path dependency (fixes 404 on server)
- Read More button now links to the volunteer's post permalink
- Enhanced card shadow to match reference design
- Added rounded corners to photo section (left side)
- Fixed CSS specificity with !important to override Elementor/theme styles
- Improved Swiper conflict handling with duplicate handle check
1.2.0
- Replaced emojis and SVG icons with Font Awesome
- Improved CSS enqueuing and priority
- Fixed plugin structure for easier activation
- Minor UI and layout improvements
1.0.0
- Initial release
- Custom Post Type for volunteers
- Swiper.js slider with navigation and pagination
- Responsive card design
- Shortcode with configurable options