How To Set Up A Custom Mouse In WordPress

Enhance your WordPress site’s interactivity by setting up a custom mouse cursor with the Accessiy plugin by CodeConfig. This feature adds a unique, engaging touch to your website while maintaining accessibility. Follow these steps to configure a custom cursor.

Step 1: Install and Activate Accessiy

Ensure the Accessiy plugin is installed and activated. Refer to the Accessiy Installation Guide for detailed instructions.

Step 2: Configure Custom Mouse Settings

1. Go to your WordPress admin dashboard.
2. Navigate to Accessiy > Settings.
3. Click the Mouse Customization tab.
4. Click the Enable Mouse Customization button to activate this feature.

Step 3: Customize the Cursor

Adjust the following settings to create your custom cursor:

• Cursor Effect: Choose from various cursor effects to match your site’s style.
• Widget Icons: Select from over 10 pre-built cursor designs for one-click application.
• Cursor Size and Color: Adjust the cursor’s size and color to align with your brand.
• Show Default Cursor: Enable this to display the Accessiy cursor alongside the device’s default cursor.
• Hide Cursor on Responsive Devices: Disable the custom cursor on specific devices (e.g., mobile or tablet) for better usability.
• Page-Specific Cursor: Assign unique cursors to specific pages for targeted customization.

Step 4: Save and Test

Save your settings and test the custom cursor on your website to ensure it displays and functions correctly across devices.