[WordPress] 外掛分享: MAZ Loader – Preloader Builder for WordPress

WordPress 外掛 MAZ Loader – Preloader Builder for WordPress 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「MAZ Loader – Preloader Builder for WordPress」是 2019-11-11 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 2000 個安裝啟用數。
  • 上一次更新是 2022-07-31,距離現在已有 1007 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.9.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.4 以上。
  • 有 24 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

stergosz | feataholic |

外掛標籤

loader | preload | preloader | page preloader | site preloader |

內容簡介

is plugin, called MAZ Loader, allows you to add preloader animations to your website to keep your users engaged while waiting for the site to fully load. You don't need a developer to set it up. The plugin has been built with an easy-to-use builder that offers endless possibilities for field customization and animation, transitions, and more. The plugin is beginner-friendly, yet also has advanced features for those who need to build more complex preloaders.

MAZ Loader Pro is a paid version of the plugin that offers more advanced features such as progress bar fields, percentage counter fields, custom HTML fields, Lottie fields, publishing rules, device control, animations, transitions, JavaScript events, custom code, and more.

The MAZ Loader Builder consists of the following sections: Fields List, Fields Settings, Loader Appearance Settings, Loader Settings, Custom Code (Pro), Publish Settings (Pro), Loader Responsive Buttons, and Run Loader button. The Fields list contains available preloader fields such as text, image, icon, progress bar, percentage counter, circle percentage counter, custom HTML, and Lottie fields. There are also upcoming fields such as Font Awesome.

The plugin is easy to use, and you can read more about the fields and their settings on our documentation page. Get started with the best WordPress preloader plugin now by clicking on this link.

原文外掛簡介

WORDPRESS PRELOADER BUILDER PLUGIN
MAZ Loader helps you add different styles of Preloaders into your site to make your users stay a delight to wait for your site to load. You do not need a developer to set up your Preloaders as its been built with ease of use in mind using our easy to use, yet powerful, Builder.
MAZ Loader allows you to create Preloaders using a variety of Fields which give you endless possibilities on how to style your Preloaders in combination with animations as well as transitions.
MAZ Loader has been built with the customer in mind making it easy to use and beginner friendly for someone who needs to build a simple to a more Preloader to someone who likes customizability.

MAZ Loader Pro
This plugin is the free version of the MAZ Loader Pro plugin that comes with more features giving you more fields and more control over your Preloaders.
Features:
* Progress Bar Field
* Percentage Counter Field
* Custom HTML Field
* Lottie Field
* Publishing Rules
* Device Control
* Animations
* Transitions
* JavaScript Events
* Custom Code section and more!
Click here to get started with the best WordPress Preloader plugin now!

MAZ Loader Builder consists of the following sections:

Fields List
Fields Settings
Loader Appearance Settings
Loader Settings
Custom Code PRO
Publish Settings PRO
Loader Responsive Buttons
Run Loader button

Below we can find more information for each of the above sections.
Fields List
A Preloader consists of Fields which populate the Preloader’s content. The available fields are the following:

Text Field
Image Field
Icon Field
Progress Bar Field PRO
Percentage Counter Field PRO
Circle Percentage Counter Field PRO
Custom HTML Field PRO
Lottie Field PRO

Upcoming Fields:
* Font Awesome Field
Read more on Fields on our documentationhere: Fields Documentation.
Field Settings
All the fields mentioned provide you with a variety of settings:

Text
Font Size
Text Color
Background Color
Padding
Margin
Image Upload
Custom Image URL
Set the Width & Height of Images
Border Radius
Icons (Preloaders) from a list of SVG, GIFS and CSS
Animations PRO
Transitions PRO
Progress Bar Width PRO
Progress Bar Height PRO
Progress Bar Show/Hide Percentage PRO
Progress Bar Position PRO
Lottie Data Source (URL or JSON text) PRO
Custom HTML PRO
Custom CSS PRO
Custom JavaScript PRO
More to come… !

Read more regarding our upcoming features on our Changelog.
Once you have added your Fields to your Preloader, you can change their order using Drag and Drop which makes it super easy to control your content without the need to delete a Field, lose your settings and then re-create it. Duplicating a Field is also supporting with the click of a button which creates the same Field and puts it on the bottom of your Preloader’s content.
Read our documentation on Preloaders here: Preloaders Documentation
Loader Appearance Settings
Your Preloader can be customized via the Appearance Tab which contains settings such as:

Background Color: Set any color for your Preloader’s background
Background Image: Set an image as your Preloader’s background
Background Image Type: Set how the background image will appear (pattern or cover)
Background Image Position: Set the background image position
Loader Content Position: A list of 9 different positions for on how your Preloader’s Content will appear
Side by Side Loader Items: Set your Preloader items to appear one next to another instead of one below another. This setting does not work with all Content Positions.
PRO Display Close Button: Show a Close button on the top right of your Preloader allowing your visitors to close it before it finishes loading.
PRO Display Transition: Display a unique transition to your Preloader from 20+ different and unique transitions. Set any color you desire to match the theme of your site.
Disable Page Scroll: While your Preloader is displaying you can disable the scroll bars on your page.

Loader Settings
This section handles the times of your Preloader as well as whether to display your Preloader on the homepage (If set to appear site-wide).

Minimum Loading Time: Set the minimum time your Preloader will display
Duration: Set the duration of your Preloader (Total duration consists of Minimum Loading Time + Duration)
Delay: Set how long after your page started loading your Preloader will appear.
PRO Device Control: Set where your Preloader will appear, whether it be desktop, tablet or mobile only. Target different devices based on your needs.

PRO Limit Impressions: Limit how many times a visitor can see the Preloader in a specific time period.

[FREE] Show on Homepage: If you have set your Preloader to appear site-wide, then you can set it to appear only on your Homepage.

Custom Code [PRO]
This section allows you to add any CSS or JavaScript you desire and let it run alongside your Preloader. This helps you customize it even further using CSS to style it the way you desire or listen to our custom JavaScript Events and run your own logic.
Publish Settings [PRO]
Publish Settings help you set where your Preloader will appear by creating conditions that determine where your Preloaders will appear across your site based on filters such as your Homepage, Entire Site, Pages, Posts, Custom Post Types, Tags or Categories. This makes it easy to make your Preloaders appear on specific pages and not on all your site.
Loader Responsive Buttons
MAZ Loader provides you with 3 buttons to show how your Preloader will appear in different devices such as Desktop, Tablet and Mobile. While clicking on each one of the buttons, the Demo Browser in the Builder will resize to try and demonstrate your Preloader in different devices.
Run Loader Button
The Run Loader button allows you to run your Preloader and see how it will work in your site before enabling it. It will auto hide itself at start and then use the Minimum Loading Time, Duration and Delay to give your a live demonstration of how it would work on your site. After the Preloader ends, it will hide itself and appear again after a second to allow you to continue editing it.
MAZ Loader Settings
MAZ Loader Settings page allow you to set the following aspects of the plugin:

Impressions: Enable/Disable Impressions. If you disable this setting then Impressions wont be tracked whenever a Preloader is viewed by your visitors.
Display the last published Preloader on all pages?: By enabling this, MAZ Loader will pick the last published Preloader and display it site-wide. If you disable this you can add as many Preloaders as you desire on different pages using the shortcode provided on each Preloader.
Keep data during update?: Keep this checkbox checked in order not to lose any data while disabling/uninstalling the plugin. If you uncheck this then in case you uninstall the plugin all the data will be removed.
License Key PRO: Set your license key to automatically get updates for your Pro version.

Shortcodes
MAZ Loader provides you with a shortcode that is unique to each Preloader. This shortcode can be viewed on the View Preloaders page and allows you to copy and paste it on a page, post, etc… and display unique Preloaders on different pages across your site.
Gutenberg Block
MAZ Loader comes pre-installed with a Gutenberg block. This block allows you to add a Preloader to your pages via the Gutenberg editor. It will overwrite any Publish Options set to the Preloader and work on the page you set it to.
Analytics
MAZ Loader provides you with Analytics by giving you information on your Preloader, Fields and Impressions. Here is a list of the provided Analytics:

Total number of Loaders
How many Loaders are enabled at any time
How many Loaders have been seen from your visitors
How many fields do your Loaders contain
The total amount of Impressions on all your Loaders (enabled or not)
The average impressions per Loader
The Impressions that were recorded yesterday
The Impressions for today
A projection for the Impressions of the current month

Support
You can contact us if you have any questions regarding MAZ Loader using our Support Form on our site, Contact Support.

各版本下載點

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

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


1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 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.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.3.0 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.4.0 | 1.4.1 | 1.4.2 | 1.5.0 | trunk |

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

  • Preloader Plus – WordPress Loading Screen Plugin 》, 在您的網站頁面加載時顯示預加載器,或者您可以將其用作歡迎畫面來吸引用戶。, 易於自定義, 預加載器 Plus 集成在 WordPress 自訂器中,因此您可以更改每個...。
  • Preloader 》 頁面預載器 (Preloader), 輕鬆為您的網站添加預載器,與所有主要瀏覽器兼容。, 主要特點, , 高清規格支援 (根據圖片大小而定)。, 自定義背景顏色。, 10 種選...。
  • Safelayout Cute Preloader – CSS3 WordPress Preloader 》一個易於使用、輕量級且功能強大的預載入外掛程式。Safelayout Cute Preloader 幫助您在網站上添加美麗的動畫預載入。, 功能, , 純 CSS 動畫。, 29 種載入動...。
  • Preloader Awesome – Page Loading Animation with Spinner & Gif 》PRELOADER AWESOME – WORDPRESS 預載器外掛, Preloader Awesome 是一個出色的 WordPress 預載器外掛,可以幫助您在 WordPress 網站頁面加載期間創建頁面載入...。
  • Preloader Matrix 》這個外掛允許您新增自己的圖片、gif 或預先載入的 SVG 與文字動畫,並設定顯示這個載入動畫的位置。, 在 Github 上檢查外掛程式的開發。, , 功能特色, , 選擇...。
  • PageLoader Lite – Loading Screen 》PageLoader 是一款可定制的 WordPress 加载屏幕插件,是让您的网站对访问者更易记忆的快速、轻量级的方法。, 功能:, , 快速简单的设置, 可定制每个元素的颜色...。
  • WP Page Loading 》WP Page Loading 外掛可以幫助您在網站加載前加上動畫,在頁面加載之前容易地添加動畫。您可以自定義動畫和背景顏色。, 10+ 佈局 - 簡單、輕量又好用!輕鬆為...。
  • AI Preloader 》AI Preloader動畫能夠在網頁載入期間顯示一個專業的等待畫面,令使用者的第一印象更好。它向使用者展示您致力於提供高質量體驗,同時亦不會遺漏任何細節。, ...。
  • Preloader by WordPress Monsters 》當你的網站反應時間太長時,最好的解決方案是安裝預先加載器。它是一個美麗的動畫圖像,將幫助用戶放鬆,直到網站反應,因為他們不會看到網站加載過程。你可...。
  • ionCube tester plus 》ionCube encoder 是 PHP 編碼的已建立標準解決方案。為了在您的 Web 伺服器上運行加密的檔案,必須安裝 ionCube 編碼器。此外掛程式會檢查是否已經安裝,如果...。
  • Loading Bar 》載入進度條, 輕鬆地為您的網站添加載入進度條,就像 YouTube 的載入條一樣!只需點擊一下即可自定義進度條顏色和響應式設計。, 功能, , 易於使用,只需點擊一...。
  • WP PleaseWait – Loading Screen 》WP PleaseWait 是一款 WordPress 擴充功能,使用 pleasewait 函式庫。, PleaseWait 是一個小型的 JavaScript 函式庫,可以在 SPA 載入時顯示美觀的載入頁面。...。
  • uLoader – A Simple Preloader 》uLoader是一個簡單易用的預載器。只需安裝在您的網站上,它就會做剩下的工作。如果您想要帶有自己的標誌的自定義預載器,您可以在外掛的設置中加入它,這樣你...。
  • Ultimate Preloader 》Ultimate Preloader 可以在所有圖片(包括在 CSS 中的圖片)完全載入前,為您的網站創建一個預加載屏幕。, 當您希望在用戶查看之前預加載頁面上的所有圖片時...。
  • Simple Fonts Loader 》這是一個簡單的外掛,可以啟用 Google 字型並在網站上使用 @font-face。, 不需要額外的程式碼,也不用與 Google Fonts 建立連線。一切都在本地。, 您只需啟用...。

文章
Filter
Apply Filters
Mastodon