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)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](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://ko.wordpress.org/plugins/wp-smart-preloader/#description)
 * [평가](https://ko.wordpress.org/plugins/wp-smart-preloader/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/wp-smart-preloader/#installation)
 * [개발](https://ko.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!!!

## FAQ

### 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://ko.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/)를 확인하시거나,
[개발 기록](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**
 *  최근 업데이트: **1년 전**
 *  활성화된 설치 **6,000+**
 *  워드프레스 버전 ** 2.8 또는 그 이상 **
 *  다음까지 시험됨: **6.6.5**
 *  언어
 * [English (US)](https://wordpress.org/plugins/wp-smart-preloader/)
 * 태그:
 * [posts](https://ko.wordpress.org/plugins/tags/posts/)[preload](https://ko.wordpress.org/plugins/tags/preload/)
   [site preloader](https://ko.wordpress.org/plugins/tags/site-preloader/)[wordpress preloader](https://ko.wordpress.org/plugins/tags/wordpress-preloader/)
 *  [고급 보기](https://ko.wordpress.org/plugins/wp-smart-preloader/advanced/)

## 평점

 별 5점 만점에 4.4점.

 *  [  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)