[WordPress] 外掛分享： AboveWP Page Loader

前言介紹

  • 這款 WordPress 外掛「AboveWP Page Loader」是 2025-05-26 上架。
  • 目前有 50 個安裝啟用數。
  • 上一次更新是 2026-02-04，距離現在已有 22 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

wpabove | pdpetrov98 |

外掛標籤

SVG | animation | page loader | loading screen |

內容簡介

總結：AboveWP Page Loader 將一個美觀且可自訂的載入畫面添加至您的 WordPress 網站，造訪者前往網站時會出現載入畫面，並在頁面載入完成後平滑淡出，提供專業且具有光滑效果的使用者體驗。

問題與答案：
1. 什麼是 AboveWP Page Loader 提供的功能？
- 提供時尚現代的載入動畫
- 具有多個動畫選項：預設旋轉器、動態 SVG 以及自訂圖片（包括 GIF）
- 在載入期間顯示您的網站標誌或網站名稱
- 頁面載入完成後平滑淡出過渡效果
- 可自訂顏色以符合品牌
- 可調整動畫大小、持續時間和延遲設置
- 內部連結之間的平滑頁面轉換
- 可在所有設備上運作的響應式設計
- 輕量化，對頁面性能的影響極小

2. 如何使用 AboveWP Page Loader？
- 啟用後，載入器將自動出現在您的網站上。
- 選擇以下設置進行自訂：
* 啟用/停用：啟用或停用載入器
* 動畫類型：選擇旋轉器、SVG 或自訂圖片
* 動畫大小：設置動畫的大小
* 動畫持續時間：設置淡出動畫的持續時間
* 隱藏前延遲：在頁面載入後隱藏載入器之前等待的時間
* 載入器顏色：為符合品牌選擇一種顏色（用於旋轉器動畫）

3. 如何使用 SVG 動畫？
- 選擇「Animated SVG」作為您的動畫類型
- 上傳 SVG 檔案或輸入 SVG 檔案的 URL
- 為了獲得最佳效果，使用具有內建動畫的 SVG。

4. 如何使用自訂圖片？
- 選擇「Custom Image」作為您的動畫類型
- 上傳圖片或輸入圖片檔案的 URL
- GIF 動畫非常適合此選項。

原文外掛簡介

AboveWP Page Loader adds a beautiful, customizable loading screen to your WordPress website. The loader appears when visitors navigate to your site and smoothly fades out once the page has loaded, creating a polished and professional user experience.
Features

Sleek, modern loading animation
Multiple animation options:

Default spinner
Animated SVGs
Custom images (including GIFs)

Displays your site logo or site name during loading
Smooth fade-out transition when the page is ready
Customizable colors to match your brand
Adjustable animation size, duration, and delay settings
Smooth page transitions between internal links
Responsive design that works on all devices
Lightweight with minimal impact on page performance

Usage
After activation, the page loader will automatically appear on your website. You can customize the following settings:

Enable/Disable: Turn the page loader on or off
Animation Type: Choose between spinner, SVG, or custom image
Animation Size: Set the size of your animation
Animation Duration: Set how long the fade-out animation lasts
Delay Before Hiding: Set how long to wait before hiding the loader after the page loads
Loader Color: Choose a color that matches your brand (for spinner animation)

Using SVG Animations

Select “Animated SVG” as your animation type
Upload an SVG file or enter the URL to an SVG file

For best results, use an SVG with built-in animations

Using Custom Images

Select “Custom Image” as your animation type
Upload an image or enter the URL to an image file

Animated GIFs work great for this option

Credits
Developed by AboveWP
License
This plugin is licensed under the GPL v2 or later.
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「AboveWP Page Loader」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | trunk |

延伸相關外掛（你可能也想知道）

  • Blocks Animation: CSS Animations for Gutenberg Blocks 》Blocks Animation 可以讓您以優雅的方式，為所有的 Gutenberg 區塊添加 CSS 動畫。, Blocks Animation 的用戶介面非常原生且直觀，您甚至不會注意到它已經被...。
  • Greenshift – animation and page builder blocks 》, 高度優化的網站建構工具, 您是否想建構高品質的動畫和網頁，但卻因常見的頁面建構工具表現低落而感到困擾？Greenshift 將為您解決這個問題。, 此外插件也不...。
  • UiCore Animate – Free Animations, Transitions, and Interactions Addon for Elementor & Gutenberg blocks 》總結: 「UiCore Animate」可以在「Elementor」中輕鬆創建引人入勝的部件動畫，不需要花費太多時間，亦不會降低品質。, 以下是使用繁體中文製作的問題與答案:,...。
  • Animation Addons for Elementor – GSAP Powered Elementor Addons & Website Templates 》**摘要:**, , "Animation Addons for Elementor" 是一款專為 WordPress 和 Elementor 使用者設計的網頁動畫建構外掛，提供35種元素和獨特功能，讓...。
  • Loading Page with Loading Screen 》使用 Loading Page with Loading Screen 外掛功能：, → 顯示正在載入頁面的百分比的螢幕, → 載入完成後以動畫顯示頁面內容, → 提高 WordPress 的效能, → 允許...。
  • Animations for Blocks 》輕量級插件，可以為塊狀編輯器塊添加額外的檢查器控件，使得在滾動過程中，一旦塊可見就可以對其進行動畫。這些控件可用於選擇動畫類型（淡入淡出，翻轉，滑...。
  • LottieFiles 》LottieFiles for WordPress 提供您超過 50,000 個免費的 Lottie 動畫，您可以輕鬆地在您的網站上嵌入這些動畫。添加動畫快速簡單：只需要將您選擇的動畫拖放...。
  • Ghost Kit – Page Builder Blocks, Motion Effects & Extensions 》Gutenberg 區塊和 WordPress 頁面建構外掛程式, , ★★★★★, , Ghost Kit 是 WordPress 的強大頁面建構體驗。Ghost Kit 提供大量的 Gutenberg 區塊、模板和擴充...。
  • Maintenance & Coming Soon Redirect Animation 》這個超輕量的外掛主要是為開發人員、設計師和網站管理員而設計的，他們需要讓客戶在公開前預覽網站，或在進行重大更新時暫時隱藏網站。, 任何擁有 WordPress ...。
  • Better Block Editor (BBE) 》總結：Better Block Editor 在原生 WordPress 編輯器中新增了響應式佈局控制、懸停效果、捲動動畫和現成的網站模板。它不是另一個頁面建構工具，也不會取代核...。
  • Animentor – Lottie & Bodymovin for Elementor 》這是一個非官方的 WordPress 外掛，可在 Elementor 頁面建構器 中增加 Lottie 小工具。, 特點, , 直觀的使用者介面，所有內容皆可透過小工具控制項直接於 Ele...。
  • Animated Headline 》Animated Headline 是一個使用簡碼展示帶有動畫效果標題文字的 WordPress 外掛程式，使用方便。只需使用 Animated Headline 簡碼即可。, 範例：, [animated-h...。
  • Animate on Scroll 》使用熱門的 AOS JS 庫，透過新增 class names 完成任何元素的滾動動畫效果。, 此外掛可協助您簡單接合 AOS JS 庫，以新增任何滾動動畫效果至 WordPress 網站...。
  • LottieFiles – JSON Based Animation Lottie & Bodymovin for Elementor 》這是一個 Elementor 外掛，可使用 Lottie 動畫將創意佈局應用到您的網站，並使用較小的 JSON 檔案。, , 基於 JSON 的動畫嘗試測試環境, , 請參閱以下演示頁面...。
  • AOS Animation for SiteOrigin Page Builder 》此插件可為 SiteOrigin Page Builder 中的任何小工具和行添加可自定義的動畫。此插件基於免費的 AOS 動畫庫。您可以設定：, – 動畫類型。, – 持...。

文章
Filter
Mastodon