Title: Cycle Responsive Slider
Author: Kiran Antony
Published: <strong>2016年8月7日</strong>
Last modified: 2026年6月1日

---

プラグインを検索

![](https://ps.w.org/cycle-responsive-slider/assets/banner-772x250.png?rev=3557196)

![](https://ps.w.org/cycle-responsive-slider/assets/icon-256x256.png?rev=3557196)

# Cycle Responsive Slider

 作者: [Kiran Antony](https://profiles.wordpress.org/kiranantony/)

[ダウンロード](https://downloads.wordpress.org/plugin/cycle-responsive-slider.2.0.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/cycle-responsive-slider/#description)
 * [レビュー](https://ja.wordpress.org/plugins/cycle-responsive-slider/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/cycle-responsive-slider/#installation)
 * [開発](https://ja.wordpress.org/plugins/cycle-responsive-slider/#developers)

 [サポート](https://wordpress.org/support/plugin/cycle-responsive-slider/)

## 説明

Cycle Responsive Slider 2.0 is a complete modernization of the popular lightweight
slider plugin. Built with a robust, modern OOP architecture, it gives you full control
to create and manage unlimited slideshows across your website.

Each image can be configured with a custom caption, alt text, and a target URL. 
The slideshow includes hover-to-pause functionality so users have plenty of time
to click links. Perfect for portfolio pages, homepages, headers, WooCommerce store
showcases, and sidebar widgets.

### Key Features of 2.0

 * **Unlimited Sliders:** Create and manage distinct slider instances.
 * **Modern Premium Admin UI:** A redesigned SaaS-style card layout, live dashboard
   metrics, and a beautifully unified control panel.
 * **Add Empty Slide Option:** Create custom slides with a single click, instantly
   focusing the caption fields.
 * **Interactive Hover Thumbnail Uploader:** Hover thumbnails to see glassmorphic
   uploader overlays, and click to set/change images via the Media Library.
 * **WordPress-Style Bulk Actions:** Floating circular checkboxes on slide thumbnails,
   a “Select All” control, and an “Apply” button to bulk delete.
 * **SaaS Micro-Animations & Toasts:** Fluid height-contraction deletion transitions
   and instant floating toast notification banners.
 * **Live Preview Engine:** Instantly view and test your slider transitions directly
   within the admin dashboard.
 * **Multi-Slider Widget:** Highly flexible sidebar widget allowing you to select
   exactly which slider to render.
 * **Media Library Integration:** Direct connection to the core WordPress media 
   uploader.
 * **Drag & Drop Reordering:** Sort slides instantly with an interactive grid.
 * **Gutenberg Block Support:** A dedicated Gutenberg Block allowing you to insert
   and configure your sliders directly in the WordPress Block Editor.
 * **OOP Architecture:** Rebuilt from the ground up for maximum speed, security,
   and extensibility.

## ブロック

このプラグインは1個のブロックを提供します。

 *   Cycle Responsive Slider

## インストール

 1. Upload the entire `cycle-responsive-slider` folder to the `/wp-content/plugins/`
    directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Configure the plugin, and upload/edit/delete images via the “WP-Cycle” menu
 4. Place `<?php wp_cycle(); ?>` or the helper function in your theme where you want
    the slideshow to appear
 5. Alternatively, use the shortcode `[wp_cycle id="YOUR_SLIDER_ID"]` in any post or
    page to display the slideshow
 6. For sidebars, use the “Cycle Responsive Slider” widget and select your preferred
    slider
 7. For the Block Editor (Gutenberg), add the “Cycle Responsive Slider” block and select
    your slider from the settings sidebar

## FAQ

### My images won’t upload. What should I do?

The plugin uses built-in WordPress functions to handle image uploading. Therefore,
you need to have correct permissions set for your uploads directory.

Also, a file that is not an image, or an image that does not meet the minimum height/
width requirements, will not upload. Images larger than the dimensions set in the
Settings of this plugin will be scaled down to fit, but images smaller than the 
dimensions set in the Settings will NOT be scaled up. The upload will fail and you
will be asked to try again with another image.

### Can I display different sliders on different pages?

Yes! In Version 2.0, you can create multiple sliders. Use the shortcode `[wp_cycle
id="123"]` (where 123 is your slider’s ID) or select a specific slider inside the
WP-Cycle widget.

### Can I reorder the images?

Yes! You can drag and sort images directly from the slide management screen inside
the admin panel.

### Can I rotate anything other than images with this plugin?

No. This version is an image slideshow. Enjoy it for what it is.

## 評価

![](https://secure.gravatar.com/avatar/881538f51ddb7746d88ec0e61a112058ab9a9b2b169e6fde7c0e373331af9668?
s=60&d=retro&r=g)

### 󠀁[Easy to use and good looking](https://wordpress.org/support/topic/easy-to-use-and-good-looking-2/)󠁿

 [AlexaMktg](https://profiles.wordpress.org/alexamktg/) 2017年3月16日

I have used this slider for a while now on client sites. It is easy to use, looks
good and as promised, is responsive.

 [ 1件のレビューをすべて表示 ](https://wordpress.org/support/plugin/cycle-responsive-slider/reviews/)

## 貢献者と開発者

Cycle Responsive Slider はオープンソースソフトウェアです。以下の人々がこのプラグ
インに貢献しています。

貢献者

 *   [ Kiran Antony ](https://profiles.wordpress.org/kiranantony/)

[“Cycle Responsive Slider” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/cycle-responsive-slider)

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

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

## 変更履歴

#### 2.0.0

 * Major Refactoring: Migrated the entire codebase to a clean, modular Object-Oriented(
   OOP) structure.
 * Redesigned Dashboard: Implemented a stunning, SaaS-like administrative panel 
   with top metric cards, high-contrast layouts, and clean CSS styling.
 * Add Empty Slide: Introduced manual slide generation with a single click, automatically
   focusing input fields.
 * Interactive Media Selector: Clickable hover overlays on thumbnails for fast, 
   direct media library selection.
 * WordPress-Style Bulk Actions: Floating circular checkboxes on thumbnails, Select
   All footer checkbox, and standard Apply button deletion workflows.
 * Deletion Animations & Toasts: Liquid height-contraction row deletion transitions
   and floating success toast notifications.
 * Interactive Live Preview: Added a live preview selector inside the dashboard 
   to view slide animations on the fly.
 * Multi-Slider Widget: Upgraded the legacy widget settings to include a dropdown
   selector for rendering distinct slider instances (with intelligent legacy defaults).
 * Gutenberg Block Support: Created a dedicated block for the block editor allowing
   you to select and dynamically render sliders visually.
 * Centralized assets: Optimized JS and CSS loading inside the dashboard and frontend.

#### 1.2.1

 * Some Bug Fixes

#### 1.2

 * Improved Code Base (Object Oriented groundwork)
 * Solved Issues with loading large number of images
 * Solved Issue With Multiple Instance of the slider in a single page

#### 1.1

 * Added support to `<?php wp_cycle(); ?>` function
 * Added Widget Support

#### 1.0

 * Initial Release

## メタ

 *  バージョン **2.0.0**
 *  最終更新日 **4週間前**
 *  有効インストール数 **50+**
 *  WordPress バージョン ** 4.5またはそれ以降 **
 *  検証済み最新バージョン: **7.0**
 *  言語
 * [English (US)](https://wordpress.org/plugins/cycle-responsive-slider/)
 * タグ
 * [gutenberg](https://ja.wordpress.org/plugins/tags/gutenberg/)[responsive slider](https://ja.wordpress.org/plugins/tags/responsive-slider/)
   [slider](https://ja.wordpress.org/plugins/tags/slider/)[slideshow](https://ja.wordpress.org/plugins/tags/slideshow/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/cycle-responsive-slider/advanced/)

## 評価

 5つ星中5つ星

 *  [  1 5-星レビュー     ](https://wordpress.org/support/plugin/cycle-responsive-slider/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/cycle-responsive-slider/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/cycle-responsive-slider/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/cycle-responsive-slider/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/cycle-responsive-slider/reviews/?filter=1)

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

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

## 貢献者

 *   [ Kiran Antony ](https://profiles.wordpress.org/kiranantony/)

## サポート

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

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

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.me/kiranantony)