CursorCraft – Cursor Builder for Elementor
| 开发者 | webbhavan |
|---|---|
| 更新时间 | 2026年6月19日 12:53 |
| PHP版本: | 7.0 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
CursorCraft – Cursor Builder for Elementor is a powerful, lightweight addon that lets you turn any Elementor Container into a fully functioning custom mouse cursor. Instead of being limited to basic shapes, you can use Elementor's native drag-and-drop builder to design your cursor exactly how you want it!
Features include:
- Container as Cursor: Use Elementor Containers to design anything from simple dots to complex animated widgets, and set them to follow the mouse.
- Target Specific Elements: Enable your custom cursor globally across the entire page, or only when hovering over specific sections or CSS classes.
- Advanced Physics: Choose between instant tracking or smooth, spring-like physics with a customizable speed slider.
- Interactive Scaling: Automatically scale the cursor up or down when the user hovers over clickable elements (links, buttons, inputs).
- Blend Modes: Apply CSS mix-blend-modes (like Difference or Exclusion) so your cursor dynamically reacts to the background colors behind it.
- Fully Responsive: Easily hide the custom cursor on tablets and mobile devices to save performance and battery life.
安装:
- Upload the plugin folder to the
/wp-content/plugins/directory, or install the ZIP file via the WordPress Plugins screen. - Activate the plugin through the 'Plugins' screen in WordPress.
- Navigate to CursorCraft in your WordPress dashboard menu.
- Click Add New Cursor to create a new cursor template.
- Set your Display Conditions (e.g. Entire Site or Specific Selector) in the box below the title.
- Click Edit with Elementor to visually design your cursor.
- Inside the Elementor editor, select your main Container, navigate to the Advanced Tab, and enable the Custom Cursor section to configure your physics and animations.
屏幕截图:
常见问题:
Does this slow down my website?
No! The plugin is extremely lightweight and uses GPU-accelerated CSS transforms (translate and scale) alongside requestAnimationFrame for buttery smooth, zero-lag performance.
How do I hide it on mobile?
In the Elementor Advanced Tab under the Custom Cursor section, make sure "Hide on Tablet" and "Hide on Mobile" are enabled. The plugin will intelligently disable the cursor logic on smaller screens to restore the default mouse pointer.
更新日志:
1.0.2
- Feature: Added a dedicated "How to Use" onboarding page to the WordPress dashboard.
- Fix: Aligned "Display Rules" conditional logic labels between the Free and Pro versions.
- Major architectural upgrade: Cursors are now managed as Custom Post Types in a centralized dashboard.
- Added "Starter Templates" support.
- Added Native Accessibility Support (Respects OS Reduced Motion).
- Added "Exclude Selectors" to dynamically hide the custom cursor on specific elements.
- Rebuilt the condition engine for better performance and scalability.
- Initial release.