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

High Performance CSS Only Slider

外掛說明

Its a High Performance CSS only slider, That is Optimized to the Max possible.
The CSS of the Slider only gets loaded in if the Shortcode is used on that page, so other pages without that slider dont suffer performance issues.
The CSS is just 2.2 Kb in Size.

In Google Lighthouse the slider have:
100% In Performance
100% in Best practices
100% in Accessibility
and 99% in SEO

How it should be used:
2-5 Images that have the SAME size, the image sizes and repsonsive look depends on where you place the shortcode of the slider.
and they should be in jpg format, for the best performance possible.
Its Optimized for a max of 5 Slides only, dont use more.
Also non minified version of the CSS is in the Plugin folder if you want to Style it yourself, but please use a minifier too.

HPCSS Slider Installation and Usage

This Instructions are in Pictures explained but here short in text form:

  1. Upload ‘hpcss_slider’ to the wordpress admin
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Open hpcss_slider and add a slide
  4. insert the image gallery using ‘add media’ button
  5. Select “Create Gallery” on the far left than pick your items and click on save
  6. Take the shortcode from the overview page
  7. Place it anywhere on your page
  8. Add Title and Meta Description to the Images than they will appear. (in the description field of the image you can also ad html)

螢幕擷圖

  • Slider Preview
  • Slider on website with content
  • Performance Test
  • Features Explained
  • Features Explained
  • How to Use Step 1
  • How to Use Step 2
  • How to Use Step 3
  • How to Use Step 4
  • How to Use Step 5
  • How to Use Step 6
  • How to Use Step 7
  • Mobile Example
  • Mobile Example

常見問題集

Can I use unlimited slides?

no please only use max of 5

What about image format?

If you place the Slider Shortcode than it will use the full width on the element above. The Images will be adjusted to that format. Please use only images of the the same size in the slider.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈High Performance CSS Only Slider〉的開發相關工作。

參與者

High Performance CSS Only Slider 外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈High Performance CSS Only Slider〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.0

  • Initial Release