Title: Flat Preloader
Author: Thien Nguyen
Published: <strong>Ṣẹrẹ 5, 2016</strong>
Last modified: Èbìbí  2, 2023

---

Ṣàwárí àwọn plugin

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

Plugin yìí **kò tíì ṣe àyẹ̀wò pẹ̀lú àwọn ìtújáde mẹ́ta pàtàkì tó kẹ́yìn ti WordPress**.
Ó lè jẹ́ pé a kò tọ́jú tàbí ṣe àtìlẹ́yìn fún un mọ́, ó sì lè ní àwọn ọ̀ràn ìbámu
nígbà tí a bá lò ó pẹ̀lú àwọn ẹ̀yà WordPress tuntun.

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

# Flat Preloader

 Láti ọwọ́ [Thien Nguyen](https://profiles.wordpress.org/tatthiennguyen/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/flat-preloader.1.16.0.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/flat-preloader/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/flat-preloader/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/flat-preloader/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/flat-preloader/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/flat-preloader/)

## Àpèjúwe

Flat Preloader helps you create the loading page with many excited gif icons.

You can select where the loading page will be shown, such as home page or all pages.

Feature Requests 👉 [Click here](https://github.com/tatthien/flat-preloader/issues/new)

### Features:

 * More than 110 icons
 * Show preloader immediately when a link is clicked
 * Allow showing preloader on a specific post (any post-type)
 * Add custom icon url if you donÌtumọ̀ Yorùbá: ’t like the available icons.
 * Add text under loading icon.
 * Add delay time. The loading icon will fade out after the delay time.
 * **“Unlimited”** CSS loading animations [[Pro]](https://thisisthien.gumroad.com/l/flat-preloader-pro)
 * Change the background image, color, or gradient [[Pro]](https://thisisthien.gumroad.com/l/flat-preloader-pro)
 * Change the size, and color of the text under preloader [[Pro]](https://thisisthien.gumroad.com/l/flat-preloader-pro)

## Àwọn àwòrán ìbòjú

[⌊Settings⌉⌊Settings⌉[

Settings

[⌊Settings⌉⌊Settings⌉[

Settings

[⌊Demo 1⌉⌊Demo 1⌉[

Demo 1

[⌊Demo 2⌉⌊Demo 2⌉[

Demo 2

[⌊Pro - Settings⌉⌊Pro - Settings⌉[

Pro Ìtumọ̀ Yorùbá: – Settings

[⌊Pro - Background color with opacity⌉⌊Pro - Background color with opacity⌉[

Pro Ìtumọ̀ Yorùbá: – Background color with opacity

[⌊Pro - Background gradienta⌉⌊Pro - Background gradienta⌉[

Pro Ìtumọ̀ Yorùbá: – Background gradienta

[⌊Pro - Background image + custom gif⌉⌊Pro - Background image + custom gif⌉[

Pro Ìtumọ̀ Yorùbá: – Background image + custom gif

## Ìgbéwọlẹ̀

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Use the Settings -> Flat Preloader screen to configure the plugin.
 4. Choose your style and enjoy.

## Àwọn àgbéyẹ̀wò

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

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

 [amirdbest](https://profiles.wordpress.org/amirdbest/) Bélú 25, 2024

The preloader works perfectly and it is actually better than other plugins I tried.
The only issue is that is not updated recently and i am afraid i might run into 
an issue soon. Anyway will use it until it is working.

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

### 󠀁[Great Plugin!](https://wordpress.org/support/topic/great-plugin-38252/)󠁿

 [onlinemarketingmeierijstad](https://profiles.wordpress.org/onlinemarketingmeierijstad/)
Ṣẹrẹ 6, 2024

In my opinion this is the best plugin to use for a pre loading page on your website.
Especially the function to use a custom video (such as a gif) is quite unique.

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

### 󠀁[Works but not compatible with other plugin](https://wordpress.org/support/topic/works-but-not-compatible-with-other-plugin/)󠁿

 [amaurea](https://profiles.wordpress.org/amaurea/) Ọ̀pẹ 18, 2023

This plugin does the job, but I had some weird behavior in the website when activated.
This plugin deactivated the function target=_blank for links. The buttons with target
=_blank, on click, the link doesnÌtumọ̀ Yorùbá: ’t open in a new tab anymore, it
opens in the same. I have another plugin with email notifications. I also use Divi.
This plugin stopped the sending of notifications. It took me a while to find out
why my notifications werenÌtumọ̀ Yorùbá: ’t send anymore. I donÌtumọ̀ Yorùbá: ’t
recommend this plugin.

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

### 󠀁[Really great plugin](https://wordpress.org/support/topic/really-great-plugin-207/)󠁿

 [designer13421321](https://profiles.wordpress.org/nistuj817/) Òkúdù 19, 2023

Thank you for making this!

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

### 󠀁[perfect](https://wordpress.org/support/topic/perfect-9914/)󠁿

 [bdncreation](https://profiles.wordpress.org/bdncreation/) Òkúdù 2, 2023

easy to use

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

### 󠀁[Good Plugin and great support](https://wordpress.org/support/topic/good-plugin-and-great-support-67/)󠁿

 [jovi0815](https://profiles.wordpress.org/jovi0815/) Èbìbí 2, 2023 1 ìdáhùn

my favorite preloader plugin. Works fine. Problems are solved promptly. Thank you.

 [ Ka gbogbo àwọn àgbéyẹ̀wò 18 ](https://wordpress.org/support/plugin/flat-preloader/reviews/)

## Àwọn Olùkópa & Olùgbéejáde

“Flat Preloader” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa
sí plugin yìí.

Àwọn Olùkópa

 *   [ Thien Nguyen ](https://profiles.wordpress.org/tatthiennguyen/)

A ti túmọ̀ “Flat Preloader” sí àwọn èdè agbègbè 2. Ọpẹ́lọpẹ́ fún [àwọn atúmọ̀ èdè](https://translate.wordpress.org/projects/wp-plugins/flat-preloader/contributors)
fún àwọn ìkópa wọn.

[Túmọ̀ “Flat Preloader” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/flat-preloader)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/flat-preloader/), ṣàyẹ̀wò
[ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/flat-preloader/), tàbí ṣe àgbékalẹ̀
sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/flat-preloader/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/flat-preloader/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.16.0

 * Feat: add filter hooks for 2 options: ignore links and show preloader immediately.

#### 1.15.0

 * Fix: do not show loader immediately when click on link that contains tel:, mailto:
 * Feat: add link attribute `data-fp-ignore=true` to ignore the link that you donÌtumọ̀
   Yorùbá: ’t want to show the loader when click on it.

#### 1.14.1

 * Fix: do not show loader immediately when click on link with hashtag

#### 1.14.0

 * Feat: in the previous versions if you click on `/path-to-somewhere`, it wonÌtumọ̀
   Yorùbá: ’t show the loader immediately. This update allows the loaders to show
   up right after the click.

#### 1.13.0

 * Fix: prevent constant variables conflict with other code.

#### 1.12.0

 * Test: latest WordPress version compatible
 * Fix: loading screen is not hidden when clicking on the browserÌtumọ̀ Yorùbá: ’
   s back button (https://wordpress.org/support/topic/preloader-does-not-disappear-
   after-browser-back-navigation/)

#### 1.11.3

 * Fix: loading screen is not hidden on Divi Builder

#### 1.11.2

 * Fix: undefined keys when install Flat Preloader for the first time.

#### 1.11.1

 * Introduce new plugin: WP Block Mindmap. There are no new features or bug fixes.

#### 1.11.0

 * Minor updates to support pro version. There are no new features or bug fixes.

#### 1.10.0

 * Feat: Allow multiple post ID for custom display

#### 1.9.0

 * Introduce Flat Preloader Pro

#### 1.8.1

 * Improve: Settings page UI

#### 1.8.0

 * Feat: Show preloader immediately when a link is clicked

#### 1.7.0

 * Feat: Able to collapse/expand the icons list
 * Improve: Settings page UI

#### 1.6.0

 * Feat: Allow showing loading icon on a specific post (any post-type)

#### 1.5.5

 * Fix: XSS on front-end

#### 1.5.4

 * Improve: Securing the input & output of settings

#### 1.5.3

 * Improve: Securing the input & output of settings

#### 1.5.2

 * Chore: Update button “Buy me a coffee”

#### 1.5.1

 * Fix: Missing verify nonce which allows CSRF attack.

#### 1.5

 * Feat: You can add custom icon url if you donÌtumọ̀ Yorùbá: ’t like the available
   icons.
 * Feat: Able to add icon alt text. This will help improve SEO score of your page.
 * Improve: Show total icons count in each icon section.

#### 1.4.1

 * Fix: Change HTML event from DOMContentLoaded to load. I encounter an issue when
   some websites use optimization plugins to minify JavaScript and load JavaScript
   with defer. If the script is loaded with defer, it will execute before DOMContentLoader.
   Hence, the loading screen will be stuck and will not be hidden.

#### 1.4

 * Update: Remove text domain header.
 * Update: Change text domain from ‘flat_preloader’ to ‘flat-preloader’

#### 1.3.1

 * Fix: The overlay does not remove after faded out.

#### 1.3

 * Feat: Add more 60+ animated icons.
 * Update: Get rid of jQuery. The script that shows the loading icon on the front-
   end is pure JavaScript.
 * Update: Styles of hover, active animated icons in the settings page.

#### 1.2

 * Update: Re-arrange the settings page.
 * Feat: Add text under loading icon.
 * Feat: Add delay time. The loading icon will fade out after the delay time.

#### 1.1.2

 * Fix: cannot scroll the site when it was rendered in iframe.

#### 1.1.1

 * Fix: remove duplicate slash from asset URLs

#### 1.1

 * Add Modern Flat icons

#### 1.0.1

 * Add more icons
 * Add options to select where the preloading page will be appeared

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.16.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọdún 3 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **3,000+**
 *  Ẹ̀yà WordPress ** 4.6 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **6.2.9**
 *  Àwọn èdè
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/flat-preloader/), [English (US)](https://wordpress.org/plugins/flat-preloader/),
   àti [Vietnamese](https://vi.wordpress.org/plugins/flat-preloader/).
 *  [Túmọ̀ sí èdè rẹ](https://translate.wordpress.org/projects/wp-plugins/flat-preloader)
 * Àwọn àmì
 * [flat](https://yor.wordpress.org/plugins/tags/flat/)[gif](https://yor.wordpress.org/plugins/tags/gif/)
   [icon](https://yor.wordpress.org/plugins/tags/icon/)[loading](https://yor.wordpress.org/plugins/tags/loading/)
   [preloader](https://yor.wordpress.org/plugins/tags/preloader/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/flat-preloader/advanced/)

## Àwọn ìbò

 4.6 lára àwọn ìràwọ̀ 5.

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

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

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

## Àwọn Olùkópa

 *   [ Thien Nguyen ](https://profiles.wordpress.org/tatthiennguyen/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/flat-preloader/)

## Ṣe ìtọrẹ

Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí?

 [ Ṣe ìtọrẹ sí plugin yìí ](https://www.buymeacoffee.com/tatthien)