Title: Slide Blocks
Author: Isamu Takeda
Published: <strong>2024 年 6 月 9 日</strong>
Last modified: 2025 年 12 月 27 日

---

搜尋外掛

![](https://ps.w.org/slide-blocks/assets/banner-772x250.png?rev=3100007)

![](https://ps.w.org/slide-blocks/assets/icon-256x256.png?rev=3099989)

# Slide Blocks

 由 [Isamu Takeda](https://profiles.wordpress.org/itmaroon/) 開發

[下載](https://downloads.wordpress.org/plugin/slide-blocks.1.3.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/slide-blocks/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/slide-blocks/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/slide-blocks/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/slide-blocks/#developers)

 [技術支援](https://wordpress.org/support/plugin/slide-blocks/)

## 外掛說明

An overview of the features is below.
 – Operate the slider plugins VEGAS2 and SWIPER
using the block interface and provide blocks to display on the website. – Two blocks
are bundled: `Fade MainView` which operates and displays VEGAS2 settings and `Slide
MainView` which operates and displays SWIPER settings. – `Fade MainView` selects
multiple images from the WordPress media library and displays them one by one. At
that time, settings can be made by operating blocks to produce a variety of VEGAS2
effects. – `Slide MainView` is set to `Design Grorp` of [BLOCK COLLECTIONS plugin](https://ja.wordpress.org/plugins/block-collections/)
as the SWIPER slide. Therefore, not only images, but also content such as text and
tables can be displayed as SWIPER slides with a variety of effects.

### Related Links

 * [Github](https://github.com/itmaroon/slide-blocks)
 * [source code](https://github.com/itmaroon/slide-blocks/tree/master)
 * [block-class-package:GitHub](https://github.com/itmaroon/block-class-package)
 * [block-class-package:Packagist](https://packagist.org/packages/itmar/block-class-package)
 * [itmar-block-packages:npm](https://www.npmjs.com/package/itmar-block-packages)
 * [itmar-block-packages:GitHub](https://github.com/itmaroon/itmar-block-packages)

### Arbitrary section

 1. Style settings that may require responsive support can be set separately for desktop
    mode (displayed on devices with a width of 768px or more) and mobile mode (displayed
    on devices with a width of 767px or less). To tell which setting is set, when you
    switch the display mode in the block editor or site editor, “(Desktop)” and “(Mobile)”
    will be displayed in the side menu display.
     Please note that responsiveness for
    tablet display is not supported.
 2. This plugin depends on the [BLOCK COLLECTIONS plugin](https://ja.wordpress.org/plugins/block-collections/).
    This plugin requires installation and activation in order to use it.
 3. Regarding the display of text, etc., settings are made using WordPress’s internationalization
    function, so it is possible to display text in multiple national languages. Currently,
    English and Japanese notation is possible.
 4. The Fade MainVeiw block uses VEGAS2. Regarding licenses, etc., please follow the
    following terms of use.
     [Vegas – Backgrounds and Slideshows](https://github.com/jaysalvat/vegas)
    As of April 29, 2024, this plugin has been downloaded and used v.2.5.4.
 5. The Slide MainView block uses SWIPER. Terms and conditions are listed on the next
    page.
     [Swiper](https://github.com/nolimits4web/swiper) As of May 22, 2024, this
    plugin has been downloaded and is using v.11.1.3.
 6. PHP class management is now done using Composer.
     [GitHub](https://github.com/itmaroon/block-class-package)
    [Packagist](https://packagist.org/packages/itmar/block-class-package) As of May
    22, 2024, this plugin has been downloaded and is using v.1.1.1.
 7. I decided to make functions and components common to other plugins into npm packages,
    and install and use them from npm.
     [npm](https://www.npmjs.com/package/itmar-block-packages)
    [GitHub](https://github.com/itmaroon/itmar-block-packages)

## 螢幕擷圖

[⌊Fade slide of Vegas2 created with Fade MainView⌉⌊Fade slide of Vegas2 created 
with Fade MainView⌉[

Fade slide of Vegas2 created with Fade MainView

[⌊A Swiper thumbnail-linked slide created with Slide MainView⌉⌊A Swiper thumbnail-
linked slide created with Slide MainView⌉[

A Swiper thumbnail-linked slide created with Slide MainView

[⌊A cube-shaped slide by Swiper created with Slide MainView⌉⌊A cube-shaped slide
by Swiper created with Slide MainView⌉[

A cube-shaped slide by Swiper created with Slide MainView

[⌊Swiper cover flow slide created with Slide MainView⌉⌊Swiper cover flow slide created
with Slide MainView⌉[

Swiper cover flow slide created with Slide MainView

[⌊Static image settings for Masonry View⌉⌊Static image settings for Masonry View⌉[

Static image settings for Masonry View

[⌊Dynamic image settings for Masonry View⌉⌊Dynamic image settings for Masonry View⌉[

Dynamic image settings for Masonry View

[⌊Enlarged image of Masonry View⌉⌊Enlarged image of Masonry View⌉[

Enlarged image of Masonry View

## 適用於區塊編輯器

這個外掛提供 3 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Slide MainView
 *   Fade MainVeiw
 *   Masonry MainVeiw

## 安裝方式

 1. From the WP admin panel, click “Plugins” -> “Add new”.
 2. In the browser input box, type “Slide Blocks”.
 3. Select the “Slide Blocks” plugin and click “Install”.
 4. Activate the plugin.

OR…

 1. Download the plugin from this page.
 2. Save the .zip file to a location on your computer.
 3. Open the WP admin panel, and click “Plugins” -> “Add new”.
 4. Click “upload”.. then browse to the .zip file downloaded from this page.
 5. Click “Install”.. and then “Activate plugin”.

## 使用者評論

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

## 參與者及開發者

以下人員參與了開源軟體〈Slide Blocks〉的開發相關工作。

參與者

 *   [ Isamu Takeda ](https://profiles.wordpress.org/itmaroon/)

[將〈Slide Blocks〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/slide-blocks)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/slide-blocks/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/slide-blocks/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/slide-blocks/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/slide-blocks/)。

## 變更記錄

#### 1.3.0

 * A new block has been added, the Masonry block, which has the function of placing
   images in a Masonry block.

#### 1.2.1

 * Change the DOM element that sets the size of slide-mv to the root element

#### 1.2.0

 * Regarding the method of loading composer components, a mechanism has been introduced
   that does not conflict with other plugins. Accordingly, the composer components
   have been updated.
 * Operation check with WordPress 6.8

#### 1.1.1

 * Added the ability to change the size of navigation buttons.
 * Adjust the slide interval option for Cover Flow effect.

#### 1.1.0

 * Fixed a bug in class name assignment to make core/image an extended block when
   it became an inner block.
 * A function has been added that allows only one itmar/pickup-posts block to be
   placed in the inner block directly below.
 * Fixed an issue where size settings did not reflect free size in mobile mode.
 * Fixed a bug that caused an error when setting the thumbnail slider due to a malfunction
   of the initial value setting.

#### 1.0.0

 * Release

## 中繼資料

 *  版本 **1.3.0**
 *  最後更新 **7 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.4 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.8.6**
 *  PHP 版本需求 ** 8.2.10 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/slide-blocks/)
 * 標籤:
 * [block](https://tw.wordpress.org/plugins/tags/block/)[carousel](https://tw.wordpress.org/plugins/tags/carousel/)
   [slider](https://tw.wordpress.org/plugins/tags/slider/)[swiper](https://tw.wordpress.org/plugins/tags/swiper/)
   [vegas](https://tw.wordpress.org/plugins/tags/vegas/)
 *  [進階檢視](https://tw.wordpress.org/plugins/slide-blocks/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/slide-blocks/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/slide-blocks/reviews/)

## 參與者

 *   [ Isamu Takeda ](https://profiles.wordpress.org/itmaroon/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/slide-blocks/)