Title: Flat Preloader Author: Thien Nguyen Published: 5 Tháng 1, 2016 Last modified: 2 Tháng 5, 2023 --- Tìm kiếm plugin ![](https://ps.w.org/flat-preloader/assets/banner-772x250.png?rev=2762496) Plugin này **chưa được cập nhật với 3 phiên bản mới nhất của WordPress**. Nó có thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress mới nhất. ![](https://ps.w.org/flat-preloader/assets/icon-256x256.png?rev=2762496) # Flat Preloader Bởi [Thien Nguyen](https://profiles.wordpress.org/tatthiennguyen/) [Tải về](https://downloads.wordpress.org/plugin/flat-preloader.1.16.0.zip) * [Chi tiết](https://vi.wordpress.org/plugins/flat-preloader/#description) * [Đánh giá](https://vi.wordpress.org/plugins/flat-preloader/#reviews) * [Cài đặt](https://vi.wordpress.org/plugins/flat-preloader/#installation) * [Nhà phát triển](https://vi.wordpress.org/plugins/flat-preloader/#developers) [Hỗ trợ](https://wordpress.org/support/plugin/flat-preloader/) ## Mô tả Flat Preloader giúp bạn tạo ra trang loading với nhiều hình động thú vị. Bạn có thể chọn trang sẽ được hiển thị loading, ví dụ như trang chủ hoặc tất cả các trang. Feature Requests 👉 [Click here](https://github.com/tatthien/flat-preloader/issues/new) ### Tính năng: * Hơn 110 icon * Hiển thị preloader ngay khi click vào liên kết * Cho phép hiển thị preloader trên một bài viết cụ thể (áp dụng cho tất cả post- type) * Sử dụng icon của riêng bạn * Thêm nội dung bên dưới icon loading. * Thêm thời gian trì hoãn. Icon loading sẽ ẩn sau một khoản thời gian. * **“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) ## Ảnh màn hình * [[ * Thiết lập * [[ * Thiết lập * [[ * Ví dụ 1 * [[ * Ví dụ 2 * [[ * Pro – Thiết lập * [[ * Pro – Background color with opacity * [[ * Pro – Background gradienta * [[ * Pro – Background image + custom gif ## Cài đặt 1. Upload plugin vào thư mục `/wp-content/plugins/plugin-name` hoặc cài đặt trực tiếp từ giao diện cài đặt plugin trong phần quản trị. 2. Kích hoạt plugin thông qua trang ‘Plugins’ trong WordPress 3. Truy cập Cài đặt->Flat Preloader để cấu hình cho plugin. 4. Chọn icon loading mà bạn thích và tận hướng chúng. ## Đánh giá ![](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/) 25 Tháng mười một, 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/) 6 Tháng 1, 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/) 18 Tháng 12, 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’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. ![](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/) 19 Tháng 6, 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/) 2 Tháng 6, 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/) 2 Tháng 5, 2023 1 trả lời my favorite preloader plugin. Works fine. Problems are solved promptly. Thank you. [ Đọc tất cả 18 đánh giá ](https://wordpress.org/support/plugin/flat-preloader/reviews/) ## Người đóng góp & Lập trình viên “Flat Preloader” là mã nguồn mở. Những người sau đã đóng góp vào plugin này. Những người đóng góp * [ Thien Nguyen ](https://profiles.wordpress.org/tatthiennguyen/) “Flat Preloader” đã được dịch qua 2 ngôn ngữ. Cảm ơn [những người tham gia dịch](https://translate.wordpress.org/projects/wp-plugins/flat-preloader/contributors) vì đóng góp của họ. [Dịch “Flat Preloader” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/flat-preloader) ### Muốn tham gia phát triển? [Duyệt code](https://plugins.trac.wordpress.org/browser/flat-preloader/), check out [SVN repository](https://plugins.svn.wordpress.org/flat-preloader/), hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/flat-preloader/) qua [RSS](https://plugins.trac.wordpress.org/log/flat-preloader/?limit=100&mode=stop_on_copy&format=rss). ## Nhật ký thay đổi #### 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 * Cải thiện: nâng cấp UI cho trang cài đặt #### 1.8.0 * Tính năng: Hiển thị preloader ngay khi click vào liên kết #### 1.7.0 * Tính năng: cho phép ẩn/hiện danh sách icon * Cải thiện: nâng cấp UI cho trang cài đặt #### 1.6.0 * Tính năng: Cho phép hiển thị loading icon trên một bài viết cụ thể #### 1.5.5 * Fix lỗi: XSS #### 1.5.4 * Cải thiện: Bảo mật dữ liệu nhập vào và dữ liệu đầu ra của phần cài đặt #### 1.5.3 * Cải thiện: Bảo mật dữ liệu nhập vào và dữ liệu đầu ra của phần cài đặt #### 1.5.2 * Cập nhật nút “Buy me a coffee” #### 1.5.1 * Sữa lỗi: Thiếu xác thực nonce gây ra lỗi tấn công CSRF #### 1.5 * Tính năng: Bạn có thể sử dụng icon mình thích thay cho những icon có sẵn. * Tính năng: Cho phép thêm nội dung Alt của icon. Giúp cải thiện điểm SEO. * Cải thiện: Hiển thị số lượng icon cho từng mục. #### 1.4.1 * Sữa lỗi: Thay đổi event của HTML từ DOMContentLoaded sang load. Vì có một số plugin minify JavasScript và tải script dưới dạng defer. Khi một script được tải dưới dạng defer, nó sẽ thực thi trước event DOMContentLoader. Vì vậy, màn hình loading sẽ bị đứng và không ẩn được. #### 1.4 * Cập nhật: Xóa text domain header * Cập nhật: Thay đổi text domain từ ‘flat_preloader’ sang ‘flat-preloader’ #### 1.3.1 * Sửa lỗi: Không thể tương tác với trang sau khi loading xong. #### 1.3 * Tính năng: Thêm hơn 60 icons. * Cập nhật: Script của plugin không phụ thuộc vào jQuery nữa. * Cập nhật: Chỉnh lại hiệu ứng hover và active cho icons trong trang cài đặt. #### 1.2 * Cập nhật: Điều chỉnh lại giao diện trang cài đặt. * Tính năng: Thêm nội dung bến dưới icon loading. * Tính năng: Thêm thời gian trì hoãn. Icon loading sẽ ẩn sau một khoản thời gian. #### 1.1.2 * Sửa lỗi: Không thể cuộn trang web khi icon loading hiển thị trong iframe. #### 1.1.1 * Sửa lỗi: Xóa kí tự / bị trùng lập trong đường dẫn URL. #### 1.1 * Thêm icons Modern Flat #### 1.0.1 * Thêm icon * Thêm tùy chỉnh để lựa chọn nơi mà loading được hiển thị ## Meta * Phiên bản **1.16.0** * Cập nhật lần cuối **3 năm trước** * Số lượt cài đặt **3.000+** * Phiên bản WordPress ** 4.6 hoặc cao hơn ** * Đã kiểm tra lên đến **6.2.9** * Ngôn ngữ * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/flat-preloader/), [English (US)](https://wordpress.org/plugins/flat-preloader/), và [Vietnamese](https://vi.wordpress.org/plugins/flat-preloader/). * [Dịch sang ngôn ngữ của bạn](https://translate.wordpress.org/projects/wp-plugins/flat-preloader) * Thẻ * [flat](https://vi.wordpress.org/plugins/tags/flat/)[gif](https://vi.wordpress.org/plugins/tags/gif/) [icon](https://vi.wordpress.org/plugins/tags/icon/)[loading](https://vi.wordpress.org/plugins/tags/loading/) [preloader](https://vi.wordpress.org/plugins/tags/preloader/) * [Nâng cao](https://vi.wordpress.org/plugins/flat-preloader/advanced/) ## Đánh giá 4.6 trên 5 sao. * [ 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) [Xem tất cả đánh giá](https://wordpress.org/support/plugin/flat-preloader/reviews/) ## Những người đóng góp * [ Thien Nguyen ](https://profiles.wordpress.org/tatthiennguyen/) ## Hỗ trợ Có điều gì muốn nói? cần giúp đỡ? [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/flat-preloader/) ## Ủng hộ Bạn có muốn hỗ trợ vào sự phát triển của plugin này? [ Ủng hộ plugin này ](https://www.buymeacoffee.com/tatthien)