Title: High Performance CSS Only Slider
Author: Speznat
Published: <strong>2020年8月2日</strong>
Last modified: 2020年8月2日

---

プラグインを検索

![](https://ps.w.org/high-performance-css-slider/assets/banner-772x250.jpg?rev=2351212)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/high-performance-css-slider/assets/icon-256x256.jpg?rev=2351212)

# High Performance CSS Only Slider

 作者: [Speznat](https://profiles.wordpress.org/speznat/)

[ダウンロード](https://downloads.wordpress.org/plugin/high-performance-css-slider.zip)

 * [詳細](https://ja.wordpress.org/plugins/high-performance-css-slider/#description)
 * [レビュー](https://ja.wordpress.org/plugins/high-performance-css-slider/#reviews)
 * [開発](https://ja.wordpress.org/plugins/high-performance-css-slider/#developers)

 [サポート](https://wordpress.org/support/plugin/high-performance-css-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

## FAQ

### 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 はオープンソースソフトウェアです。以下の人々がこの
プラグインに貢献しています。

貢献者

 *   [ Speznat ](https://profiles.wordpress.org/speznat/)

“High Performance CSS Only Slider” は1ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/high-performance-css-slider/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“High Performance CSS Only Slider” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/high-performance-css-slider)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/high-performance-css-slider/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/high-performance-css-slider/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/high-performance-css-slider/)
を [RSS](https://plugins.trac.wordpress.org/log/high-performance-css-slider/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0

 * Initial Release

## メタ

 *  バージョン **1.0**
 *  最終更新日 **6年前**
 *  有効インストール数 **10未満**
 *  WordPress バージョン ** 5.4またはそれ以降 **
 *  検証済み最新バージョン: **5.4.19**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/high-performance-css-slider/)、[Swedish](https://sv.wordpress.org/plugins/high-performance-css-slider/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/high-performance-css-slider)
 * タグ
 * [image slider](https://ja.wordpress.org/plugins/tags/image-slider/)[responsive slider](https://ja.wordpress.org/plugins/tags/responsive-slider/)
   [slider](https://ja.wordpress.org/plugins/tags/slider/)[wordpress slider](https://ja.wordpress.org/plugins/tags/wordpress-slider/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/high-performance-css-slider/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/high-performance-css-slider/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/high-performance-css-slider/reviews/)

## 貢献者

 *   [ Speznat ](https://profiles.wordpress.org/speznat/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/high-performance-css-slider/)