Title: Preloader
Author: Alobaidi
Published: <strong>2015 年 7 月 5 日</strong>
Last modified: 2025 年 12 月 5 日

---

搜尋外掛

![](https://ps.w.org/the-preloader/assets/banner-772x250.png?rev=3314683)

![](https://ps.w.org/the-preloader/assets/icon-256x256.png?rev=3314683)

# Preloader

 由 [Alobaidi](https://profiles.wordpress.org/alobaidi/) 開發

[下載](https://downloads.wordpress.org/plugin/the-preloader.2.0.2.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/the-preloader/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/the-preloader/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/the-preloader/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/the-preloader/#developers)

 [技術支援](https://wordpress.org/support/plugin/the-preloader/)

## 外掛說明

### Preloader

The ultimate Preloader plugin for WordPress. Smart, flexible, and made for easy 
control.

Add a preloader to your website easily in only 3 steps. Simple, fast, and compatible
with all major browsers.

### Features

On June 19, 2025, we released version “2.0.0”. Features:

 1.  Easy to use – set up your preloader in just 3 steps.
 2.  Upload your own GIF image or choose from 2 free templates.
 3.  Customize preloader size and background color.
 4.  Select where to show the preloader (entire site, blog page, posts, etc).
 5.  Choose who sees the preloader: everyone, visitors only, or logged in users only.
 6.  Works with any WordPress theme – no need to re-integrate after theme updates or
     changes.
 7.  Compatible with all major browsers.
 8.  Lightweight and optimized for performance.
 9.  Clear documentation and helpful FAQ section.
 10. Upgrade to Premium version to get flexible display options, 30+ professional templates,
     and other features.

### Live Demo & Usage Guide

 * [Live Demo](https://wp-plugins.in/PreloaderPlugin)

### You May Also Like – From Our Plugins

[Video Popup Plugin](https://wordpress.org/plugins/video-popup/) – Create unlimited,
elegant, and responsive popups for YouTube, Vimeo, MP4 & WebM videos on click or
On-Page Load:
 [https://wordpress.org/plugins/video-popup/](https://wordpress.org/plugins/video-popup/)

[Extend Link Plugin](https://wordpress.org/plugins/extend-link/) – Link Options 
for WordPress Editor:
 [https://wordpress.org/plugins/extend-link/](https://wordpress.org/plugins/extend-link/)

## 螢幕擷圖

 * [[
 * General Options.

## 安裝方式

### Installation & Configuration

 1. Upload the ‘the-preloader’ folder to the ‘/wp-content/plugins/’ directory.
 2. Activate the plugin through the Plugins menu in WordPress.
 3. Go to the Preloader menu > General tab, enable the preloader, upload your GIF image,
    and adjust its settings.
 4. Or, go to the Templates tab to choose from two free templates.
 5. Go to the Display tab to select where to show the preloader (entire site, posts,
    etc), and choose who sees the preloader (everyone, visitors only, or logged in 
    users only).
 6. Save changes.
 7. Clear your site’s cache if you’re using a caching plugin.

Finally, if the preloader doesn’t show, click on the “Integration” tab, and follow
the instructions there.

For common issues and helpful tips, check the FAQ tab.

[Usage Guide](https://wp-plugins.in/PreloaderPlugin)

## 常見問題集

### FAQ

For common issues and helpful tips, go to Preloader > FAQ tab.

 * [Usage Guide](https://wp-plugins.in/PreloaderPlugin)
 * [Contact us](https://wp-plugins.in/Contact).

## 使用者評論

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

### 󠀁[So many affiliate spam](https://wordpress.org/support/topic/so-many-affiliate-spam/)󠁿

 [Mohaymenul Islam](https://profiles.wordpress.org/mohaymenul/) 2025 年 5 月 25 
日 1 則留言

such simple thing as preloader, didn’t expect so many affiliate links

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

### 󠀁[Got stuck on preloading screen](https://wordpress.org/support/topic/got-stuck-on-preloading-screen/)󠁿

 [RED_Android](https://profiles.wordpress.org/red_android/) 2024 年 9 月 18 日

Preloader got stuck and never disappeared to display the website. Also you are limited
to 128x128px

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

### 󠀁[Terrible, Don’t Waste Your Time.](https://wordpress.org/support/topic/terrible-dont-waste-your-time/)󠁿

 [brian7997](https://profiles.wordpress.org/brian7997/) 2021 年 6 月 4 日

Couldn’t get it to work on a very basic WP install. Better preloader plugins to 
choose from. Sadly it seems a quickly built plugin just designed to generate some
ad revenue and waste people’s time. Very little features. Requires editing your 
theme files to work.

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

### 󠀁[Spams Dashboard with Affiliate Links](https://wordpress.org/support/topic/spams-dashboard-with-affiliate-links/)󠁿

 [Steve Pringle](https://profiles.wordpress.org/sipylus/) 2020 年 8 月 5 日

Not sure when this happened but now the Dashboard is littered with affiliates with
this installed. Current version installed: 1.0.9 Date noticed: 2020/08/04 // Add
plugin meta links function WPTime_preloader_plugin_row_meta( $links, $file ) { if(
strpos( $file, 'preloader.php' ) !== true ) { $new_links = array( '<a href="http://
wp-plugins.in/the-preloader" target="_blank">Explanation of Use</a>', '<a href="
http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=24967&tid1=preloader_plugin_m&
url=35248" target="_blank">Elegant Themes</a>', '<a href="https://www.bluehost.com/
track/wptime/preloader-plugin-m" target="_blank">Bluehost</a>', '<a href="http://
wp-plugins.in" target="_blank">More Plugins</a>' ); $links = array_merge( $links,
$new_links ); } return $links; } add_filter( 'plugin_row_meta', 'WPTime_preloader_plugin_row_meta',
10, 2 );

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

### 󠀁[Preloader stuck, only background color remaining](https://wordpress.org/support/topic/preloader-stuck-only-background-color-remaining/)󠁿

 [whatanoisybird](https://profiles.wordpress.org/whatanoisybird/) 2020 年 6 月 17
日

Well, the preloader background does not disappear after the content of the page 
has been loaded. Developer does not answer support requests on the support forum.
So you’d better try a plugin where you can have support in case of problem.

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

### 󠀁[Code killed website when added to header.php](https://wordpress.org/support/topic/code-killed-website-when-added-to-header-php/)󠁿

 [troyw2015](https://profiles.wordpress.org/troyw2015/) 2020 年 6 月 2 日

Not sure what’s up with this plug in but when I added the code <div id=”wptime-plugin-
preloader”></div> after <body> in header.php, the website died. Tried different 
locations in header.php file, but kills website mo matter where it is placed. ***
PLUGIN DELETED***

 [ 閱讀全部 41 則使用者評論 ](https://wordpress.org/support/plugin/the-preloader/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Preloader〉的開發相關工作。

參與者

 *   [ Alobaidi ](https://profiles.wordpress.org/alobaidi/)

[將〈Preloader〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/the-preloader)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/the-preloader/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/the-preloader/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/the-preloader/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/the-preloader/)。

## 變更記錄

#### 2.0.2

 1. Improved performance.

The plugin is now faster with improved performance. After updating, no action is
required on your part.

#### 2.0.1

 1. Optimized plugin initialization.
 2. Added a new menu icon.

After updating, no action is required on your part. Enjoy!

#### 2.0.0

 * Everything has changed in this version! Explore it yourself.
 * Go to the Preloader menu > General tab, enable the Preloader and adjust your 
   settings.
 * For common issues and helpful tips, go to Preloader > FAQ tab.
 * [How to Use v2.0.0](https://wp-plugins.in/PreloaderPlugin)

#### 1.0.9

 1. Fixed header.php file URL in settings page.
 2. Improved preloader performance in JavaScript.

#### 1.0.8

 * Preloader Image Size Extension is ready!

#### 1.0.7

 * Added < noscript > tag in to hide preloader when JavaScript is disabled.

#### 1.0.6

 * Fixed preloader delay issue.
 * Note: After updating, please go to Plugins menu > Preloader and add the preloader
   HTML element after the body tag in your theme’s header.php file.

#### 1.0.5

 * Fixed script location – all scripts now properly loaded in head tag.

#### 1.0.4

 1. Added support for Front Page.
 2. Added support for 404 Error Page.

#### 1.0.3

 * Added conditional JavaScript loading.

#### 1.0.2

 1. Fixed critical issue.
 2. Added new display location settings (homepage only, posts only, etc.).
 3. Added PHP file protection.
 4. Added uninstall functionality.

#### 1.0.1

 * Removed is_admin() function.

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **2.0.2**
 *  最後更新 **5 個月前**
 *  啟用安裝數 **10,000+**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/the-preloader/)
 * 標籤:
 * [load](https://tw.wordpress.org/plugins/tags/load/)[loader](https://tw.wordpress.org/plugins/tags/loader/)
   [loading](https://tw.wordpress.org/plugins/tags/loading/)[preload](https://tw.wordpress.org/plugins/tags/preload/)
   [preloader](https://tw.wordpress.org/plugins/tags/preloader/)
 *  [進階檢視](https://tw.wordpress.org/plugins/the-preloader/advanced/)

## 評分

 4.1 星，滿分為 5 星

 *  [  30 個 5 星使用者評論     ](https://wordpress.org/support/plugin/the-preloader/reviews/?filter=5)
 *  [  1 個 4 星使用者評論     ](https://wordpress.org/support/plugin/the-preloader/reviews/?filter=4)
 *  [  1 個 3 星使用者評論     ](https://wordpress.org/support/plugin/the-preloader/reviews/?filter=3)
 *  [  1 個 2 星使用者評論     ](https://wordpress.org/support/plugin/the-preloader/reviews/?filter=2)
 *  [  8 個 1 星使用者評論     ](https://wordpress.org/support/plugin/the-preloader/reviews/?filter=1)

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

[查看全部使用者評論](https://wordpress.org/support/plugin/the-preloader/reviews/)

## 參與者

 *   [ Alobaidi ](https://profiles.wordpress.org/alobaidi/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/the-preloader/)