Title: WP Smart Preloader
Author: catchsquare
Published: <strong>2015 年 12 月 18 日</strong>
Last modified: 2024 年 10 月 27 日

---

搜索插件

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

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的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://cn.wordpress.org/plugins/wp-smart-preloader/#description)
 * [评价](https://cn.wordpress.org/plugins/wp-smart-preloader/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/wp-smart-preloader/#installation)
 * [开发进展](https://cn.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://cn.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/) 2024 年 10
月 2 日

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/) 2024 年 3 月 2 日

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/) 2023 年 3 月 8 日

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/) 2021 年 6 月 29 日

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/) 2020 年 12 月 10 日

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/) 2019 年 8 月 1 日

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/)，或通过[RSS](https://plugins.trac.wordpress.org/log/wp-smart-preloader/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-smart-preloader/)。

## 更新日志

#### 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+**
 *  WordPress 版本 ** 2.8 或更高版本 **
 *  已测试的最高版本为 **6.6.5**
 *  语言
 * [English (US)](https://wordpress.org/plugins/wp-smart-preloader/)
 * 标签
 * [posts](https://cn.wordpress.org/plugins/tags/posts/)[preload](https://cn.wordpress.org/plugins/tags/preload/)
   [site preloader](https://cn.wordpress.org/plugins/tags/site-preloader/)[wordpress preloader](https://cn.wordpress.org/plugins/tags/wordpress-preloader/)
 *  [高级视图](https://cn.wordpress.org/plugins/wp-smart-preloader/advanced/)

## 评级

 4.4 星（最高 5 星）。

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

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

[查看全部评论](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)