前言介紹
- 這款 WordPress 外掛「Loading Page with Loading Screen」是 2013-04-04 上架。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2025-04-08，距離現在已有 26 天。
- 外掛最低要求 WordPress 3.0.6 以上版本才可以安裝。
- 有 123 人給過評分。
- 論壇上目前有 4 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！
外掛協作開發者
外掛標籤
animation | loading page | page effects | loadin screen | page performance |
內容簡介
使用 Loading Page with Loading Screen 外掛功能：
→ 顯示正在載入頁面的百分比的螢幕
→ 載入完成後以動畫顯示頁面內容
→ 提高 WordPress 的效能
→ 允許選擇載入進度螢幕的顏色、背景色和圖像
→ 允許顯示或刪除顯示載入百分比的文字
→ 預先載入頁面圖像
Loading Page with Loading Screen 外掛在您的網站上執行圖像的預先載入，並顯示載入進度屏幕及完成百分比。當一切都載入完畢，螢幕會消失。
更多主要功能介紹：
顯示正在載入頁面的百分比的螢幕。在重型頁面中，「Loading Page with Loading Screen」外掛可讓您知道何時頁面已完全載入。
允許僅在首頁或所有頁面中顯示載入屏幕。
允許選擇載入進度螢幕的顏色或瀏覽圖像。預設載入螢幕的顏色是黑色，但可修改以與網站設計的外觀相符。
允許顯示或刪除顯示載入百分比的文字。
可在 WordPress 外掛目錄免費取得的基本版外掛，已擁有顯示網站的載入屏幕所需所有功能。
進階功能：
允許選擇一個載入進度螢幕。外掛的進階版包括多個載入螢幕。
特別注重「Logo 螢幕」，可讓您在載入進度中使用網站的標誌或任何其他圖像。
允許從多種可能的動畫中選擇，以在載入過程完成後顯示頁面的內容。
提高頁面效能。
延遲載入功能可加快載入速度並降低帶寬消耗。圖像是帶寬和載入時間的大消耗品，因此在具有多張圖像的 WordPress 網站上使用延遲載入功能可提高效能並減少載入時間。
允許選擇占位符圖像以在預先載入期間替換實際圖像。建議選取較輕的圖像以提高 WordPress 效能，選定的圖像將替代原始圖像在載入頁面過程中使用。
進階版外掛示範:
https://demos.dwbooster.com/loading-page/wp-login.php
https://demos.dwbooster.com/loading-page/
»何謂延遲載入?
延遲載入意味著在載入頁面完成之前，原始圖像不會被載入。此操作可提高網頁下載速度。
如果您想瞭解更多關於此外掛或其他外掛的信息，歡迎訪問我的網站：
http://wordpress.dwbooster.com
介面
要在您的網站上使用 Loading Page with Loading Screen，只需啟用該外掛。如需修改任何默認選項，請前往外掛設置。可通過轉至 WordPress 控制台的「設置」>>「Loading Page」或通過轉至「外掛」找到設置連結。
原文外掛簡介
Loading Page with Loading Screen features:
→ Displays a screen showing loading percentage of a given page
→ Includes multiple loading screen alternatives (Bar, Logo, and Text) you can choose from the plugin settings page
→ Displays the page’s content with an animation after complete the loading process
→ Increase the WordPress performance
→ Allows to select the colors of the loading progress screen,
→ As background colors and images
→ Allows to display or remove the text showing the loading percentage
→ Pre-loads the page images
Loading Page with Loading Screen plugin performs a pre-loading of image on your website and displays a loading progress screen with percentage of completion. Once everything is loaded, the screen disappears.
More about the Main Features:
Displays a screen showing loading percentage of a given page. In heavy pages the “Loading Page with Loading Screen” plugin allows to know when the page appearance is ready.
Allows to display the loading screen on homepage only, or in all pages of website.
Allows to select the colors of the loading progress screen, or select images as background. By default the colour of loading screen is black, but it may be modified to adjust the look and feel of the loading screen with website’s design.
Allows to display or remove the text showing the loading percentage.
The base plugin, available for free from the WordPress Plugin Directory, has all the features you need to displays an loading screen on your website.
Premium Features:
Allows to choose a loading progress screen. The premium version of plugin includes additional loading screens not available in the free version.
Allows to select from multiple possible animations, to display the page’s content after complete the loading process.
Improves the page performance.
Lazy Loading feature allows to load faster and reduce the bandwidth consumption. The images are big consumers of bandwidth and loading time, so a WordPress website with multiple images can improve its performance and reduce the loading time with the lazy loading feature.
Allows to select an image as a placeholder, to replace the real images during pre-loading. It’s recommended to select the lighter images possible to increase the WordPress performance, the image selected will be used instead of the original images, in the loading page process.
Demo of Premium Version of Plugin
https://demos.dwbooster.com/loading-page/wp-login.php
https://demos.dwbooster.com/loading-page/
What is Lazy Loading?
Lazy Loading means that the original images are not loaded until finalize the loading of page. This action improves the download speed of webpages.
If you want more information about this plugin or another one don’t doubt to visit my website:
http://wordpress.dwbooster.com
Interface
To use Loading Page with Loading Screen on your website, simply activate the plugin. If you wish to modify any of the default options, go to the plugin’s Settings. They can be found either by going to Settings > Loading Page on your WordPress dashboard, or by going to Plugins; a link to Settings can be found in the plugin description.
The Loading Page with Loading Screen setup is divided in two sections: the first one is dedicated to the activation and setup of the loading screen, and the second to the delayed loading of the images that are not shown immediately ( images that require on-page scrolling in order to be seen).
Loading Screen Setup
The setup options for the loading screen are:
Enable loading screen: activates preloading of images and displays a loading screen while the webpage is loading.
Display the loading screen once per session: display the loading screen only once per session.
Display the loading screen on: display the loading screen with all screens sizes, or if the screens sizes satisfy the conditions.
Display loading screen only in: displays a loading screen only on homepage, all pages, or specific pages or posts. In the last case the IDs of pages or posts should be separated by comma symbol “,”
Devices: Allows selecting the devices where to show the loading screens (Desktop, Mobile, or Both).
Exclude the loading screen from: excludes the loading screen from pages or posts whose IDs are entered separated by comma symbol “,”
Select the loading screen: allows to choose a loading screen. The premium version of plugin include multiple loading screens.
Select background color: allows to select the background color for your loading screen compatible with the design guidelines of your website.
Select images as background: allows to display an image as loading screen background, the image can be displayed tiled or centered.
Display image in fullscreen: allows to adjust the background image in fullscreen mode.
Select foreground color: Allows to select the color of the graphics and texts that display the loading progress information.
Additional seconds: Allows to add seconds before remove the loading screen at the end of the load process.
Include an ad, or your own block of code: Allows to add ads, or other block of code, to the loading screen.
Apply the effect on page: Display the page’s content with an animation after complete the loading process.
Display loading percent: Shows the percentage of loading. The loading percent is calculated in function of images in the page.
Troubleshoot Area – Loading Screen: allows disabling/enabling the search in deep.
Lazy Loading Setup (in premium version only)
The options to set up Lazy Loading and increase the WordPress performance are:
Enable lazy loading: Enables the delayed loading of images outside of the current viewing area of the user improving the rendering time of complete page.
Select the image to load by default: Choose an image to be shown as a placeholder of the actual images, the loading of which will be delayed. It’s recommended the selection of a light image to increase the WordPress performance.
Troubleshoot Area – Lazy Loading: allows entering some texts to exclude the images tags with the entered texts in the classes or attributes.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Loading Page with Loading Screen」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.1.9 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | trunk | 1.0.82 | 1.0.83 | 1.0.84 | 1.0.85 | 1.0.86 | 1.0.87 | 1.0.88 | 1.0.89 | 1.0.90 | 1.0.91 | 1.0.92 | 1.0.93 | 1.0.94 | 1.0.95 | 1.0.96 | 1.1.10 | 1.1.11 | 1.1.12 | 1.1.13 | 1.1.14 | 1.1.15 | 1.1.16 | 1.1.17 | 1.1.18 | 1.1.19 | 1.1.20 |
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。