[WordPress] 外掛分享: Preloader Awesome – Page Loading Animation with Spinner & Gif

WordPress 外掛 Preloader Awesome – Page Loading Animation with Spinner & Gif 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Preloader Awesome – Page Loading Animation with Spinner & Gif」是 2020-10-11 上架。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2024-06-25,距離現在已有 312 天。
  • 外掛最低要求 WordPress 5.4 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

akmanda | anggaerl | themesawesome |

外掛標籤

loader | loading | preloader | page loader | loading screen |

內容簡介

PRELOADER AWESOME – WORDPRESS 預載器外掛

Preloader Awesome 是一個出色的 WordPress 預載器外掛,可以幫助您在 WordPress 網站頁面加載期間創建頁面載入動畫。您可以將其用作歡迎屏幕以吸引用戶。Preloader Awesome 容易使用,提供多種載入器樣式選擇。

您會得到什麼?

如果您需要一個美麗的元件來補充您網站的美感,Preloader Awesome 將是您的完美選擇。此預載器外掛提供了許多載入動畫模板和過渡效果,您還可以根據需要進行自定義設置。

附有10個預設的 CSS 載入器加上14個過渡樣式,您可以在5分鐘內創建出自己的載入畫面動畫。除了許多自定義選項外,此 WordPress 的預載器外掛還允許您對網站的每個頁面創建獨特的載入畫面。您可以在不編寫代碼的情況下完成。

現場演示

Preloader Awesome 特點

14個過渡樣式
10 個內建的動畫 CSS 載入器
上傳您的動畫 GIF
無限顏色選擇
支援預設頁面
支援在眾多頁面載入器
支援文章類型載入器
進度條
進度狀態計數器
動畫時間
自定義背景顏色
計數器選項
進度條選項
上傳預載器圖片/GIF
自定義載入器大小
自定義計數器字體大小
自定義計數器顏色
自定義進度條位置
自定義進度條顏色
手機友好
瀏覽器兼容測試

了解更多 Preloader Awesome Pro 付費版本
查看現場演示

只需一個步驟,即可創建美麗的載入畫面

只需為您的頁面創建預載器

PRELOADER AWESOME 也適用於創建以下內容:

公司網站
程式網站
項目網站
個人網站
電子書網站
服務網站
出租網站
外掛網站
主題網站
軟件網站
商店網站
運輸網站
線上商店網站
律師事務所網站/li>
產品網站
培訓網站
時尚產品網站
遊戲網站
樂團網站
活動網站
餐廳網站
學校網站
物業網站

預載器設計演示

Animated CSS Loader Hiji
CSS 載入器動畫採用圓形樣式,像彈跳球一樣上下移動。當我們等待內容顯示在頁面上時,看到圓圈的反射是很有趣的。

Animated CSS Loader Dua
它具有動畫載入條的排列,似乎重複移動,具有輕微和淡化的條形動畫。

Animated CSS Loader Tilu

原文外掛簡介

PRELOADER AWESOME – PRELOADER PLUGIN IN WORDPRESS
Preloader Awesome is a fantastic Preloader WordPress pluginthat helps you create the loading animation into the page of your WordPress Site while your website page is loading. You can use it as a welcome screen to engage users. Preloader Awesome is easy to use with an extensive choice of loader styles.

WHAT YOU WILL GET?
If you need a beautiful element to complement your website’s beauty, preloader awesome will be the perfect choice for you. There are many loading animation templates and transitions that this preloader plugin provides. It is also possible for you to customize according to your needs.
With ten default CSS loaders plus 14 transition styles, you can make your loading screen animations under 5 minutes. In addition to the many customization options, this plugin preloader for WordPress will allow you to create unique loading for each of your site’s pages. You can make all of that without coding.
Live Demo
Preloader AWESOME FEATURE

14 Transition style
10 Built-in Animated CSS Loader
Upload Your animated GIF
Unlimited Colors
Support Default Page
Support loader in many pages
Support post type loader
Progress Bar
Progress Status Counter
Animation Time
Customize Background Color
Counter Options
Progress bar options
Upload Preloader Image/GIF
Customize Loader Size
Customize Counter Font Size
Customize Counter Color
Customize Bar Position
Customize Bar Color
Mobile Friendly
Cross-browser tested

Learn more about Preloader Awesome Pro – Paid version
View Demo
Create a beautiful loading screen in only 1 step
Just Create Preloader for your pages
YOU CAN USE THIS PLUGIN IN MANY WAYS. PRELOADER AWESOME IS ALSO SUITABLE FOR CREATING:

Company Website
Program Website
Project Website
Personal Website
E-Book Website
Services Website
Rental Website
Plugin Website
Themes Website
Software Website
Store Website
Transportation Website
Online store Website
Law firm Website
Product Website
Training Website
Fashion products Website
Game Website
Band Website
Event Website
Restaurant Website
School Website
Property Website

Preloader Design Demo
Animated CSS Loader Hiji
CSS loading animation with a circle style that moves up and down like a bouncing ball. It’s interesting to see the circle’s reflection as we wait for the content to appear on the page.
Animated CSS Loader Dua
It has animated loading bar arrangements that seem to move repeatedly, with light and faded animations on bar arrangements.
Animated CSS Loader Tilu
Page loading animation with a box shape that seems to be lit around the other boxes, making each page’s transition for your WordPress website more stunning.
Animated CSS Loader Opat
This CSS animation will remind us of one of the game characters Pacman. The unique animation sees the character eating the circles that are walking towards him. Entertaining when it becomes an animated loading screen when the user waits for content to appear on the page.
Animated CSS Loader Lima
CSS animation with box style, with the rotating arrangement, splitting into four squares and merging back into one big box and moving away.
Animated CSS Loader Genep
CSS animation in a stacked box style, reminiscent of one of the world’s biggest companies’ logos. With an animation of each box moving as if to vibrate one by one.
Animated CSS Loader Tujuh
CSS animation with dual ring spinners that spin in a circle. Aesthetic to display the loading screen on a flat UI website while waiting for the page content to appear.
Animated CSS Loader Dalapan
CSS animation with spinner style, with the right color combination, will look like a spinning moon.
Animated CSS Loader Salapan
CSS animation with ball circus style, with animation as if it were going around a circle.
Animated CSS Loader Sapuluh
CSS animation with two deflected zigzag dots, which seem to move closer and further away.
Preloader Transition Hiji
The page transition animation that appears to hang and then pops up the loader then backs away and displays the content on the page.
Preloader Transition Dua
Transitions that appear from a small circle approaching and covering the screen and the loader then move away and become a small circle as the page’s content is visible.
Preloader Transition Tilu
Page transitions such as folding cover the screen, and a loader appear. It opens with an animation of folding it in the reverse direction while viewing the page’s content.
Preloader Transition Opat
Seamless transition from a rectangular shape to fullscreen color and loader, and opens displaying the page’s content.
Preloader Transition Lima
While the loader is running, page transitions can be incredibly impressed with the fade-in style when displaying the loader and fade out as the page’s content appears.
Preloader Transition Genep
Simple Transitions look sweeping by popping up the loader when the colors are full and thorough backward when the page’s content is ready.
Preloader Transition Tujuh
Another simplistic approach with animation transition, which moves slide up to show the loader, then slides down when the content is ready to appear.
Preloader Transition Dalapan
The screen closed with a diagonal animation then appears the loader and will open in reverse and display the content on the page.
Preloader Transition Salapan
The screen transitions when the loader appears slanted then opens in the same direction as the content on the page appears.
Preloader Transition Sapuluh
loader appears with a looks like a sloping shape from the top right to bottom left, then it will open towards the bottom right to the top left when displaying content on the page.
Preloader Transition Sabelas
A page transition with a beautiful waveform closes when displaying the loader and opens when content appears on the page.
Preloader Transition Duabelas
The page transitions with a diamond shape that closes when the loader appears then moves to open when the page’s content is ready.
Preloader Transition Tilubelas
Animations such as sweeping the screen from left to right bring up the loader, then with the same animation returning displaying the content on the page.
Get More Features On Pro
Preloader Awesome Pro

各版本下載點

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

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


最新版本

延伸相關外掛(你可能也想知道)

  • Preloader 》 頁面預載器 (Preloader), 輕鬆為您的網站添加預載器,與所有主要瀏覽器兼容。, 主要特點, , 高清規格支援 (根據圖片大小而定)。, 自定義背景顏色。, 10 種選...。
  • Safelayout Cute Preloader – CSS3 WordPress Preloader 》一個易於使用、輕量級且功能強大的預載入外掛程式。Safelayout Cute Preloader 幫助您在網站上添加美麗的動畫預載入。, 功能, , 純 CSS 動畫。, 29 種載入動...。
  • Native Lazyload 》此外掛使用內建的瀏覽器功能來進行延遲加載媒體。如需了解更多關於新 loading 屬性的資訊,請參閱此處,或檢視 WordPress 核心票證中討論將類似的實作加入 Wo...。
  • Flat Preloader 》Flat Preloader 是一款可幫助您創建具有多個精彩 GIF 圖示的加載頁面的 WordPress 外掛。, 您可以選擇顯示加載頁面的位置,例如首頁或全部頁面。, 功能請求 ...。
  • WP Page Loading 》WP Page Loading 外掛可以幫助您在網站加載前加上動畫,在頁面加載之前容易地添加動畫。您可以自定義動畫和背景顏色。, 10+ 佈局 - 簡單、輕量又好用!輕鬆為...。
  • Crazy Lazy 》警告:Crazy Lazy 已經到達生命週期的終點。WordPress 5.5+ 支援使用本地 HTML loading 屬性的核心延遲加載圖像,請使用替代外掛 Lazy Loader。, Crazy Lazy ...。
  • KCSG Kartra Pages 》KCSG Kartra Pages (KKP) 是 Kartra 專用的 WordPress 外掛,用來嵌入 Kartra Page Builder 頁面至 WordPress 網站,而非使用 Kartra 原始建議中的通用 Blank...。
  • AI Preloader 》AI Preloader動畫能夠在網頁載入期間顯示一個專業的等待畫面,令使用者的第一印象更好。它向使用者展示您致力於提供高質量體驗,同時亦不會遺漏任何細節。, ...。
  • Loading Bar 》載入進度條, 輕鬆地為您的網站添加載入進度條,就像 YouTube 的載入條一樣!只需點擊一下即可自定義進度條顏色和響應式設計。, 功能, , 易於使用,只需點擊一...。
  • WP PleaseWait – Loading Screen 》WP PleaseWait 是一款 WordPress 擴充功能,使用 pleasewait 函式庫。, PleaseWait 是一個小型的 JavaScript 函式庫,可以在 SPA 載入時顯示美觀的載入頁面。...。
  • While Loading 》這個外掛會顯示一個畫面當所有內容載入。若你的網頁需要較長時間才能顯示,建議使用「等待頁面載入」的圖片。這樣可以讓使用者看到訊息和圖示,而不是看到部...。
  • Brozzme Material Loading 》Brozzme Material Loading是一個WordPress外掛,可以輕鬆地添加自動頁面加載進度條,就像YouTube的加載條一樣。, 該插件已經開發出來,以提高在任何主題中的...。
  • WP Pace 》建立自動頁面載入進度條。基於Pace-自動頁面載入進度條。Javascript由Zack Bloom提供,CSS由Adam Schwartz提供。主題靈感來自於Mary Lou。, 在此處查看工作演...。
  • LoadGo for WP 》利用您的標誌作為您的網站/部落格的載入器。基於Pace-自動頁面加載進度條,使用LoadGo Javascript外掛。, 這裡可以查看實際演示:http://franverona.com/wplo...。
  • Ajax loader + Cache 》- 一種名為Ajax Loader的WordPress插件可在現代和先進的外觀中以Ajax格式加載您網站的所有URL(鏈接)請求- 該插件具有專用的設置頁面,提供您高級設置,並具...。

文章
Filter
Apply Filters
Mastodon