Title: WP Preloader
Author: mamunitiw
Published: <strong>2016年4月15日</strong>
Last modified: 2026年5月14日

---

プラグインを検索

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

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

# WP Preloader

 作者: [mamunitiw](https://profiles.wordpress.org/mamunitiw/)

[ダウンロード](https://downloads.wordpress.org/plugin/wp-preloader.2.1.1.zip)

 * [詳細](https://ja.wordpress.org/plugins/wp-preloader/#description)
 * [レビュー](https://ja.wordpress.org/plugins/wp-preloader/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/wp-preloader/#installation)
 * [開発](https://ja.wordpress.org/plugins/wp-preloader/#developers)

 [サポート](https://wordpress.org/support/plugin/wp-preloader/)

## 説明

**WP Preloader** displays a beautiful loading screen while your website loads — 
and removes it smoothly once the page is ready.

Version 2.1 adds major new features including logo display, loading text, gradient
backgrounds, progress bar, 5 new spinner styles, exit animations, and once-per-session
control.

#### ✨ What’s New in v2.1

 * **Custom Logo** — display your site logo above the spinner
 * **Loading Text** — show custom text below the spinner (e.g. “Loading…”)
 * **Gradient Background** — two-color gradient instead of solid color
 * **Progress Bar** — animated progress bar along top or bottom of screen
 * **5 New Spinners** — Bounce, Spiral, Flip Card, Clock, Heartbeat
 * **Exit Animations** — Fade (default), Slide Up, Zoom Out
 * **Show Once Per Session** — preloader shows only once per browser session
 * **Tabbed admin settings** — General, Design, Logo & Text, Progress Bar, Timing

#### 🎨 All 10 Spinner Styles

 1.  Circle (Rotating Arc)
 2.  Ring (Dual Ring)
 3.  Dots (Bouncing)
 4.  Bars (Wave)
 5.  Pulse (Ripple)
 6.  Bounce Ball — New in v2.1
 7.  Spiral (Double) — New in v2.1
 8.  Flip Card — New in v2.1
 9.  Clock — New in v2.1
 10. Heartbeat — New in v2.1

#### ⚙️ All Settings

 * Enable / disable sitewide
 * Disable for logged-in users
 * Disable on mobile
 * Show once per session
 * Exclude specific pages
 * Background: solid color or gradient (2 colors + direction)
 * Background opacity
 * Spinner type (10 styles) and color
 * Custom image / GIF upload
 * Logo upload with width control
 * Loading text with color and size
 * Progress bar with color, height, position
 * Exit animation (fade, slide up, zoom out)
 * Minimum display time
 * Exit animation duration
 * Live preview in admin panel

## スクリーンショット

[⌊Admin Settings — General tab⌉⌊Admin Settings — General tab⌉[

Admin Settings — General tab

[⌊Admin Settings — Design tab with spinner options⌉⌊Admin Settings — Design tab 
with spinner options⌉[

Admin Settings — Design tab with spinner options

[⌊Admin Settings — Logo & Text tab⌉⌊Admin Settings — Logo & Text tab⌉[

Admin Settings — Logo & Text tab

[⌊Admin Settings — Progress Bar tab⌉⌊Admin Settings — Progress Bar tab⌉[

Admin Settings — Progress Bar tab

[⌊Frontend — Circle spinner on dark background⌉⌊Frontend — Circle spinner on dark
background⌉[

Frontend — Circle spinner on dark background

## インストール

 1. Upload the plugin or install via Plugins  Add New.
 2. Activate the plugin.
 3. Go to Settings  WP Preloader to configure.
 4. No theme file editing required — auto-injects automatically.

## FAQ

### Do I need to edit my theme files?

No. WP Preloader auto-injects using WordPress hooks. No shortcode or header.php 
editing needed.

### What is “Show Once Per Session”?

When enabled, the preloader only shows once per browser session. After the visitor
has seen it once, it won’t appear again until they close and reopen their browser.

### Can I use my own logo on the preloader?

Yes. Go to Logo & Text tab, enable Show Logo, and upload your logo image.

### Can I still use a GIF?

Yes. Upload your GIF under Design  Custom Image. It replaces the CSS spinner.

### The legacy shortcode [new_loader] still works?

Yes, for backward compatibility. But it’s no longer required.

## 評価

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

### 󠀁[Worst Plugin](https://wordpress.org/support/topic/worst-plugin-30/)󠁿

 [babarali2626](https://profiles.wordpress.org/babarali2626/) 2018年4月29日 1 reply

When i installed on my website then website is not working at all and i got a lot
of troubles!!!!

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

### 󠀁[Easy to use and great.](https://wordpress.org/support/topic/easy-to-use-and-great/)󠁿

 [MadiXIV](https://profiles.wordpress.org/madixiv/) 2017年2月2日

You can have a great preload page in less than a minute.

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

### 󠀁[Great. Works fine](https://wordpress.org/support/topic/great-works-fine-7/)󠁿

 [evoratec](https://profiles.wordpress.org/evoratec/) 2016年9月3日

Simple and get the work done.

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

### 󠀁[Works fine…!!!](https://wordpress.org/support/topic/works-fine-528/)󠁿

 [Md. Shamim Shahnewaz](https://profiles.wordpress.org/mdshamimshahnewaz/) 2016年
9月3日

Simple and compatible with any design.

 [ 4件のレビューをすべて表示 ](https://wordpress.org/support/plugin/wp-preloader/reviews/)

## 貢献者と開発者

WP Preloader はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献し
ています。

貢献者

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

[“WP Preloader” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/wp-preloader)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/wp-preloader/)するか、
[SVN リポジトリ](https://plugins.svn.wordpress.org/wp-preloader/)をチェックするか、
[開発ログ](https://plugins.trac.wordpress.org/log/wp-preloader/)を [RSS](https://plugins.trac.wordpress.org/log/wp-preloader/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 2.1.1

 * Fixed loading text color and size settings not applying on the frontend
 * Fixed duplicate “should show” logic — extracted to wpp_should_show() helper
 * Fixed page-exclusion queries firing on every request — IDs now resolved once 
   at save time
 * Fixed excluded pages check to cover posts and custom post types, not only pages
 * Added load_plugin_textdomain() so translations can be loaded
 * Added aria-hidden=”true” on preloader dismiss for better screen reader support
 * Added prefers-reduced-motion CSS support — disables animations for users who 
   prefer it
 * Moved inline admin JavaScript to assets/js/admin.js with proper dependencies
 * Enqueue frontend script with defer strategy (WordPress 6.3+)
 * Removed icon-128×128.png from plugin folder (must be in SVN /assets directory)
 * Internal: replaced global $wpp_injected with static variable

#### 2.1.0

 * Added custom logo display above spinner
 * Added loading text with color and size control
 * Added gradient background option (2 colors + direction)
 * Added animated progress bar (color, height, top/bottom position)
 * Added 5 new spinner styles: Bounce, Spiral, Flip Card, Clock, Heartbeat
 * Added 3 exit animations: Fade, Slide Up, Zoom Out
 * Added “Show Once Per Session” option
 * Reorganized admin into 5 tabs: General, Design, Logo & Text, Progress Bar, Timing
 * Updated tested up to WordPress 6.9

#### 2.0.0

 * Complete rewrite for WordPress 6.x and PHP 8.x
 * Added auto-injection via wp_body_open / wp_footer
 * Added 5 CSS spinners, live preview, color pickers
 * Added disable for logged-in users, mobile, excluded pages

#### 1.0

 * First Release

## メタ

 *  バージョン **2.1.1**
 *  最終更新日 **1か月前**
 *  有効インストール数 **60+**
 *  WordPress バージョン ** 5.0またはそれ以降 **
 *  検証済み最新バージョン: **6.9.4**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/wp-preloader/)
 * タグ
 * [loading screen](https://ja.wordpress.org/plugins/tags/loading-screen/)[page loader](https://ja.wordpress.org/plugins/tags/page-loader/)
   [preload](https://ja.wordpress.org/plugins/tags/preload/)[preloader](https://ja.wordpress.org/plugins/tags/preloader/)
   [spinner](https://ja.wordpress.org/plugins/tags/spinner/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/wp-preloader/advanced/)

## 評価

 5つ星中4つ星

 *  [  3 5-星レビュー     ](https://wordpress.org/support/plugin/wp-preloader/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/wp-preloader/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/wp-preloader/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/wp-preloader/reviews/?filter=2)
 *  [  1 1-星レビュー     ](https://wordpress.org/support/plugin/wp-preloader/reviews/?filter=1)

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

[すべてのレビューを見る](https://wordpress.org/support/plugin/wp-preloader/reviews/)

## 貢献者

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

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/wp-preloader/)