https://github.com/vishwas-r/preloadx-custom-preloader
Customize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.
https://github.com/vishwas-r/preloadx-custom-preloader
css-loader preloader wordpress wordpress-plugin
Last synced: 11 months ago
JSON representation
Customize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.
- Host: GitHub
- URL: https://github.com/vishwas-r/preloadx-custom-preloader
- Owner: vishwas-r
- License: gpl-3.0
- Created: 2025-01-20T11:09:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-15T14:43:22.000Z (12 months ago)
- Last Synced: 2025-02-15T15:33:11.738Z (12 months ago)
- Topics: css-loader, preloader, wordpress, wordpress-plugin
- Language: PHP
- Homepage:
- Size: 857 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# PreloadX - Custom Preloader
Customize your WordPress site's preloader with multiple CSS preloaders and flexible background options, including colors, gradients, or images, with adjustable foreground colors for some loaders.
---
Enhance your WordPress site with a fully customizable preloader.
PreloadX allows you to seamlessly add a preloader to your site with multiple CSS-based preloader styles to choose from. Customize the preloader to fit your site’s design by adjusting the background color, gradient, or even uploading a custom image. For some preloader styles, you can also adjust the foreground color, though some loaders use multiple colors for visual effects and do not support this customization.
### Key Features:
- **Multiple CSS preloaders** to choose from
- **Customizable foreground color** for some preloaders
- **Background color, gradient, or image options** for full customization
- **Fully responsive** and works across all devices
- **Easy-to-use settings page** for quick configuration
- **Lightweight and optimized** for performance
- **Compatible with any WordPress theme**
## Installation
### Automatic Installation
Automatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser.
To do an automatic install of PreloadX - Custom Preloader, follow these steps:
1. Log in to your WordPress dashboard.
2. Navigate to the Plugins menu and click **Add New**.
3. In the search field, type **PreloadX - Custom Preloader**, then click **Search Plugins**.
4. Once you find the plugin, click **Install Now**. WordPress will take care of the rest.
5. After installation, click **Activate** to enable the plugin.
### Manual Installation
If you prefer to install manually, you can download the plugin and upload it to your server via FTP.
Follow these steps for manual installation:
1. Download the PreloadX - Custom Preloader plugin zip file from the WordPress repository.
2. Using your preferred FTP application, upload the plugin folder to your WordPress site’s `/wp-content/plugins/` directory.
3. Once uploaded, go to your WordPress dashboard, navigate to **Plugins > Installed Plugins**.
4. Find **PreloadX - Custom Preloader** in the list and click **Activate**.
For more detailed instructions on manual plugin installation, refer to the [WordPress Codex on Plugin Installation](https://wordpress.org/support/article/managing-plugins/#manual-plugin-installation).
Add a stylish, seamless preloading experience to your WordPress site with PreloadX, and keep your visitors engaged during page load times!
## Screenshots
##### Bouncing Bubbles
##### Hourglass
##### Loading Text
##### Spinner
##### Scaling Bubble Colors
##### Square Loader
##### Rounded Loader
##### Wavy Colors
##### Clock
## FAQs
### How do I customize the preloader?
Navigate to PreloadX Settings → Select desired preloader and adjust the styles as needed & click 'Save Changes'.
### Can I customize the preloader’s colors?
You can customize the **background color** of your preloader, and for some loaders, you can also adjust the **foreground color**. However, for certain preloader styles that use multiple colors to create visual effects, the foreground color customization is not available.
### Can I set a gradient or image for the background?
Yes! In addition to solid colors, you can customize the background with either a **gradient** or an **image**, giving you more flexibility to match your site’s design.
### Do I need to know any coding to use this plugin?
No coding is required! PreloadX is designed to be user-friendly, with an easy-to-use settings page where you can customize the preloader without needing to write any code.