這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Loading Screen by Imoptimal

外掛說明

Complement your branding efforts by enabling a loading screen progress bar (with percentage text) on your website, that features the logo/image of your choosing.

Key Features:
* Possibility to set the number of loading screen options your website needs (either one for the entire website, or two different ones – first for the homepage, second for all of the other pages).
* Select the logo image that will be used on the loading sccreen (from the existing uploads, or by uploading a new one).
* Select the background color for the loading screen.
* Select the color of progress bar and percentage text.

Copyright

Loading Screen by Imoptimal, Copyright 2020 Ivan Maljukanovic
Loading Screen by Imoptimal is distributed under the terms of the GNU GPL

You should have received a copy of the GNU General Public License
along with this program. If not, see https://www.gnu.org/licenses/gpl-3.0.en.html/

Resources

  • jscolor.js 2.0.5, GPLv3 – available @ http://jscolor.com/
  • imoptimal-logo-white.png © 2020 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins directory /img, and my personal website @ https://imoptimal.com (used as an asset)
  • banner-772×250.png © 2020 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)
  • icon-256×256.png © 2020 Ivan Maljukanović, CC0 – made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)

Resources used in the plugins last screenshot (number 5):
* Photo of my cat Mizza © 2010 Swanheart, CC0 – made for me on my request; given to me free of charge; not available online

螢幕擷圖

  • This is where you’ll find the settings page in your admin dashboard
  • Meta options section in the settings page
  • Collapsible instructions section in the settings page
  • Loading Screen options section in settings page
  • Collapsible Loading Screen options item section in the settings page

安裝方式

  1. Login to your WordPress admin area
  2. Search for ‘Loading Screen by Imoptimal’
  3. Click to install ‘Loading Screen by Imoptimal’
  4. Activate through the Plugins menu in WordPress or when asked during installation
  5. Set your options from the Settings -> ‘Loading Screen by Imoptimal’ admin area

Alternatively:
1. Download the plugin from official wordpress.org/plugins page.
2. Unzip it and upload the folder loading-screen-by-imoptimal to the /wp-content/plugins/ directory.
3. Activate the plugin through the Plugins menu in WordPress.
4. Set your options from the Settings -> ‘Loading Screen by Imoptimal’ admin area

常見問題集

What if I’m using a lazy-load plugin for images on my website, does it effect the selected loading screen logo/image

Yes, it does have an effect – the selected logo/image is loaded with additional delay, which makes it visible only in the last half a second or so.
My recommendation is to find a plugin that enables you to choose which css class to exclude from the effect of lazy-load (use the class ‘imoload-preview-image’).
I personally use the plugin ‘Smush’ by WPMU DEV for lazy-loading of images. It’s a free plugin, and provides other image optimization options as well.

使用者評論

閱讀全部 1 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Loading Screen by Imoptimal〉的開發相關工作。

參與者

將〈Loading Screen by Imoptimal〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0.0

Plugin released.

1.0.5

Readme file update – added full resources list and plugins.
Added plugins uri link.

1.1.0

Enabling webpage content to be hidden before the javascript powered loading screen starts.

1.1.5

Updated the loading logo/image style.

1.2.0

Cleaning the javascript code.

1.2.1

Set the default plugin values upon activation.

1.2.2

The plugin’s settings page submit button ajax request modified in order to reset the button style and remove notices after 2 sec.

1.2.3

Added support and review links on the plugin settings page.

1.2.4

Moved the user-facing css code into the javascript file.

1.2.5

Reverting back. Loading screen messed up without css files.

1.2.6

Plugin assets updated.