Title: WP Smart Preloader
Author: catchsquare
Published: <strong>کانوونی یەکەم 18, 2015</strong>
Last modified: تشرینی یەکەم 27, 2024

---

گەڕان لە پێوەکراوەکان

![](https://ps.w.org/wp-smart-preloader/assets/banner-772x250.jpg?rev=1312662)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/wp-smart-preloader/assets/icon-256x256.jpg?rev=1312662)

# WP Smart Preloader

 لەلایەن [catchsquare](https://profiles.wordpress.org/catchsquare/)

[داگرتن](https://downloads.wordpress.org/plugin/wp-smart-preloader.1.15.3.zip)

 * [وردەکارییەکان](https://ku.wordpress.org/plugins/wp-smart-preloader/#description)
 * [پێداچوونەوەکان](https://ku.wordpress.org/plugins/wp-smart-preloader/#reviews)
 *  [دامەزراندن](https://ku.wordpress.org/plugins/wp-smart-preloader/#installation)
 * [گەشەپێدان](https://ku.wordpress.org/plugins/wp-smart-preloader/#developers)

 [پشتیوانی](https://wordpress.org/support/plugin/wp-smart-preloader/)

## وەسف

WP Smart Preloader is a Simple CSS spinners and throbbers made with CSS and minimal
HTML markup. It offers visual feedback in the event of content being loaded, thereby
managing expectations and reducing the chance of a user abandoning your wordpress
website.

You will find following features with this plugin:

 * Full Responsive with Cross Broser compatible
 * CSS only Preloader no Gif no Image
 * Full Customize.
 * Faster Loading
 * Icon to circle
 * No coding necessary. Activate it and play with its settings and you’re Good to
   go

## سکرین شۆتەکان

 * [[
 * 1 **WP Smart Preloader Backend Settings**
 * [[
 * 2 **WP Smart Preloader Backend Settings with Custom HTML5 animation and CSS**

## دامەزراندن

 1. Download and activate the plugin
 2. Go to `settings` => `WP Smart Preloader`
 3. Choose the Options of your choice
 4. Click `Save changes` button.

یان

 1. Put the plug-in folder `WP Smart Preloader` into [wordpress_dir]/wp-content/plugins/
 2. Go into the WordPress admin interface and activate the plugin
 3. Go to `settings` => `WP Smart Preloader`
 4. Choose the Options of your choice
 5. Click `Save changes` button.

Have fun!!!

## پهد

### What does this plugin do?

 * WP Smart Preloader takes a simple, extendable approach to display Simple CSS 
   spinners and throbbers onto your website

### Still have some questions ?

Please use support forum or you can directly mail us at
 [wearecatchsquare@gmail.com](https://ku.wordpress.org/plugins/wp-smart-preloader/wearecatchsquare@gmail.com?output_format=md)

## پێداچوونەوەکان

![](https://secure.gravatar.com/avatar/b675b281178c5d586081778ce46cfa88bbd662be2511c19627b1eafe7bbd2303?
s=60&d=retro&r=g)

### 󠀁[Clever but limited](https://wordpress.org/support/topic/clever-but-limited/)󠁿

 [multmediadesigns](https://profiles.wordpress.org/multmediadesigns/) تشرینی یەکەم
2, 2024

Did work out of the install…but, it is on a timer, vs watching for when the actual
heavy loading page completes. I also needed it to run on a particular page and not
the whole site.

![](https://secure.gravatar.com/avatar/b9620b9e6fd29ca376a190453145f8c766c04344ddaa4da10ecd228c56325cff?
s=60&d=retro&r=g)

### 󠀁[Good preloader!](https://wordpress.org/support/topic/good-preloaded/)󠁿

 [silvershine](https://profiles.wordpress.org/silvershine/) ئازار 2, 2024

Once I added the code below to my functions.php file and adjusted the timing it 
works great. I also like the included loading image #1 better than other preloaders.
add_action(‘wp_footer’, function(){ ?> <script> (function($){ $(function () { setTimeout(
function() { jQuery(‘body .smart-page-loader’).fadeOut(500, function() { jQuery(‘
body .smart-page-loader’).css(‘opacity’, 0); }); }, 1500); }); })(jQuery); </script
> <?php });

![](https://secure.gravatar.com/avatar/6cfc8c01f1ea3a75ec6f7dba8f2a014ef4cca4fd63a50fb3c8772e492e472ecc?
s=60&d=retro&r=g)

### 󠀁[It is not a CSS Only Preloader (as advertised)](https://wordpress.org/support/topic/it-is-not-a-css-only-preloader-as-advertised/)󠁿

 [Dennis Bareis](https://profiles.wordpress.org/dbareis/) ئازار 8, 2023

It will cause a blank page to be displayed if Javascript is turned off.

![](https://secure.gravatar.com/avatar/63646ef9cd25c1429291f2b98591f6344bc816d886dd13e56a9fb3c202ad9375?
s=60&d=retro&r=g)

### 󠀁[the best](https://wordpress.org/support/topic/the-best-2097/)󠁿

 [hoceinabbasi](https://profiles.wordpress.org/hoceinabbasi/) حوزه‌یران 29, 2021

best preload plugin

![](https://secure.gravatar.com/avatar/b70de00ff3736bfb4cd04b66ba7df41101002a337a8eb7be1007bc18196915b1?
s=60&d=retro&r=g)

### 󠀁[Works perfectly](https://wordpress.org/support/topic/works-perfectly-2154/)󠁿

 [philsimon](https://profiles.wordpress.org/philsimon/) کانوونی یەکەم 10, 2020

This plug-in does exactly what you’d expect. Love it. I installed it on my site.

![](https://secure.gravatar.com/avatar/409c0d733b0fc1a648c9e4a729c2b47cea5a85acb41d72f28c37cce108d14570?
s=60&d=retro&r=g)

### 󠀁[Not the same from months ago](https://wordpress.org/support/topic/not-the-same-from-months-ago/)󠁿

 [Ve Mer](https://profiles.wordpress.org/vmercader/) ئاب 1, 2019

Used to work great, now it’s creating an weird loop while on WP-admin. Wonder why?

 [ خوێندنەوەی 25 پێداچوونەوە ](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/)

## بەشداربووان و گەشەپێدەران

“WP Smart Preloader” نەرمەواڵەیەکی سەرچاوە کراوەیە. ئەم کەسانەی خوارەوە بەشدارییان
تێدا کردووە.

بەشداربووان

 *   [ catchsquare ](https://profiles.wordpress.org/catchsquare/)
 *   [ ashokmhrj ](https://profiles.wordpress.org/ashokmhrj/)
 *   [ subedimadhu ](https://profiles.wordpress.org/subedimadhu/)

[“WP Smart Preloader” وەربگێڕە بۆ زمانەکەی خۆت.](https://translate.wordpress.org/projects/wp-plugins/wp-smart-preloader)

### دەتەوێت بەشداربیت لە گەشەپێدان؟

[گەڕان لە کۆدەکەدا بکە](https://plugins.trac.wordpress.org/browser/wp-smart-preloader/)،
سەیری [تەمارگەی (SVN)](https://plugins.svn.wordpress.org/wp-smart-preloader/) بکە،
یان بەشداربە لە [ڕووداوتۆماری گەشەپێدان](https://plugins.trac.wordpress.org/log/wp-smart-preloader/)
لە ڕێگەی [(RSS)](https://plugins.trac.wordpress.org/log/wp-smart-preloader/?limit=100&mode=stop_on_copy&format=rss).

## ڕووداوتۆمارگەریی گۆڕین

#### 1.15.2

frontend script

#### 1.15.2

just changed version 😉

#### 1.15.1

escaping values

#### 1.15

tested upto wordPress 6.0

#### 1.14

resolved deprecated load function

#### 1.13

tested upto WordPress ver 5.6

#### 1.12

Fixed showing loader in elementor active edit state

#### 1.11.6

change ownership

#### 1.11.5

change version
 tested upto WordPress ver 5.2

#### 1.11.4

change version

#### 1.11.3

change version

#### 1.11.2

fixed console error and warning for showing ace editor js

#### 1.11.1

fixed console error for showing ace editor js

#### 1.11

fixed js for removing class name after page loads

#### 1.10

Fixed link for editor for html and css textarea

#### 1.9

Add editor for html and css textarea

#### 1.8

Add Custom animation and css for loader

#### 1.7

fixed js for removing class after page loads

#### 1.6

fixed loader 5 border to transparent

#### 1.5

fixed showing preloader on page loading

#### 1.4

fixed js to load

#### 1.3

fixed css if only home page is selected (checked)

#### 1.2

fixed showing page before preloader

#### 1.1

Added function to delete setting after uninstall/deleting plugin

#### 1.0

Initial version

## مێتا

 *  وەشان **1.15.3**
 *  دوایین بەڕۆژکردنەوە **2 ساڵ لەمەوبەر**
 *  دامەزراندنی چالاک **6,000+**
 *  وەشانی وۆردپرێس ** 2.8 یان بەرزتر **
 *  تاقیکراوەتەوە تا **6.6.5**
 *  زمان
 * [English (US)](https://wordpress.org/plugins/wp-smart-preloader/)
 * تاگەکان
 * [posts](https://ku.wordpress.org/plugins/tags/posts/)[preload](https://ku.wordpress.org/plugins/tags/preload/)
   [site preloader](https://ku.wordpress.org/plugins/tags/site-preloader/)[wordpress preloader](https://ku.wordpress.org/plugins/tags/wordpress-preloader/)
 *  [بینینی پێشکەوتوو](https://ku.wordpress.org/plugins/wp-smart-preloader/advanced/)

## هەڵسەنگاندنەکان

 4.4 out of 5 stars.

 *  [  19 5-star reviews     ](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/?filter=5)
 *  [  2 4-star reviews     ](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/?filter=3)
 *  [  2 2-star reviews     ](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/wp-smart-preloader/reviews/)

## بەشداربووان

 *   [ catchsquare ](https://profiles.wordpress.org/catchsquare/)
 *   [ ashokmhrj ](https://profiles.wordpress.org/ashokmhrj/)
 *   [ subedimadhu ](https://profiles.wordpress.org/subedimadhu/)

## پشتیوانی

هیچت هەیە بۆ وتن؟ پێویستت بە یارمەتییە؟

 [بینینی مەکۆی پاڵپشتی](https://wordpress.org/support/plugin/wp-smart-preloader/)

## ببەخشە

دەتەوێت پشتگیریی بەرەوپێشچوونی ئەم پێوەکراوە بکەیت؟

 [ ببەخشە بەم پێوەکراوە ](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=contact%40catchsquare%2ecom&lc=US&item_name=WP%20smart%20preloader&no_note=0&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHostedGuest)