外掛說明

Flat Preloader 能協助網站管理員以豐富的樣式建立載入頁面。

網站管理員可以選取預先載入程式的顯示位置，例如首頁或全部頁面。

👉 點擊這裡以提交功能要求。

外掛功能

超過 110 個圖示動畫
點擊連結後立即顯示預先載入程式
在任何指定的內容類型單篇內容中顯示預先載入程式
如果不喜歡外掛提供的圖示，可以自訂圖示網址
在預先載入程式圖示下方加入文字
可設定延遲時間，載入圖示會在延遲時間期滿後淡出
不限數量的 CSS 載入動畫 (Pro 版功能)
變更背景圖片、背景色彩或背景漸層色彩 (Pro 版功能)
變更預先載入程式的圖示尺寸、圖示色彩及圖示下方文字 (Pro 版功能)

螢幕擷圖

外掛設定頁面
外掛設定頁面
範例 1
範例 2
Pro – 外掛設定頁面
Pro – 可設定不透明度的背景色彩
Pro – 可設定漸層的背景色彩
Pro – 背景圖片 + 自訂 GIF 動畫

安裝方式

將外掛安裝套件 ZIP 壓縮檔解壓縮所得的 flat-preloader 資料夾上傳至網站的 /wp-content/plugins/ 目錄中，或直接在 WordPress 的 [外掛] 選單中安裝外掛。
在 WordPress 管理後台的 [外掛] 選單中啟用外掛。
前往 [設定]→[Flat Preloader] 頁面設定外掛。
選取偏好的樣式後便能使用。

使用者評論

amirdbest 2024 年 11 月 25 日

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.

onlinemarketingmeierijstad 2024 年 1 月 6 日

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.

amaurea 2023 年 12 月 18 日

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’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’t send anymore. I don’t recommend this plugin.

designer13421321 2023 年 6 月 19 日

Thank you for making this!

bdncreation 2023 年 6 月 2 日

easy to use

jovi0815 2023 年 5 月 2 日 1 則留言

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

閱讀全部 18 則使用者評論

參與者及開發者

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

Thien Nguyen

〈Flat Preloader〉外掛目前已有 2 個本地化語言版本。感謝全部譯者為這個外掛做出的貢獻。

將〈Flat Preloader〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣？

任何人均可瀏覽程式碼、查看 SVN 存放庫，或透過 RSS 訂閱開發記錄。

變更記錄

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’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’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’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’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