Title: FlexiLayouts
Author: Coderz Studio
Published: <strong>2025年10月19日</strong>
Last modified: 2025年10月19日

---

搜尋外掛

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

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

# FlexiLayouts

 由[Coderz Studio](https://profiles.wordpress.org/coderzstudio/)

[下載](https://downloads.wordpress.org/plugin/flexilayouts.1.0.0.zip)

 * [詳情](https://zh-hk.wordpress.org/plugins/flexilayouts/#description)
 * [評價](https://zh-hk.wordpress.org/plugins/flexilayouts/#reviews)
 *  [安裝](https://zh-hk.wordpress.org/plugins/flexilayouts/#installation)
 * [開發](https://zh-hk.wordpress.org/plugins/flexilayouts/#developers)

 [支援](https://wordpress.org/support/plugin/flexilayouts/)

## 描述

FlexiLayouts extends the WordPress block editor with powerful layout options and
animations. Easily convert Gallery block into a responsive and stunning masonry 
grids without writing a single line of code.

#### Key Features

 * **Masonry Grids**: Create beautiful masonry layouts in gallery block
 * **Responsive Controls**: Fine-tune settings for different screen sizes
 * **Performance Optimized**: Built with modern JavaScript and CSS

#### Source files

[github](https://github.com/coderz-studio/flexilayouts)

#### Supported Blocks

 * Core/Gallery

## 螢幕截圖

[⌊Masonry grid layout for Gutenberg Gallery block⌉⌊Masonry grid layout for Gutenberg
Gallery block⌉[

Masonry grid layout for Gutenberg Gallery block

## 安裝

 1. Upload the `flexilayouts` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Edit Gallery block to access the new layout options

## 常見問題

### How do I create a Masonry Gallery?

 1. Add Gallery Block
 2. Open the block settings in the right sidebar
 3. Navigate to the ‘Layout’ tab
 4. Select ‘masonry’ from the layout options
 5. Customize the masonry settings as needed

### Can I use this with my theme?

Yes! FlexiLayouts is designed to work with any WordPress theme that supports the
block editor.

### Is this plugin compatible with page builders?

FlexiLayouts works with the default WordPress block editor. Compatibility with third-
party page builders may vary.

## 評價

There are no reviews for this plugin.

## 貢獻者及開發者

“FlexiLayouts” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

 *   [ Coderz Studio ](https://profiles.wordpress.org/coderzstudio/)

[將 FlexiLayouts 外掛本地化為台灣繁體中文版。](https://translate.wordpress.org/projects/wp-plugins/flexilayouts)

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

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

## 修改日誌

#### 1.0.0

 * First release! Fueled by coffee, commits, and questionable life choices. FlexiLayouts
   is finally live. 🚀

## 其它

 *  Version **1.0.0**
 *  Last updated **9 個月之前**
 *  Active installations **少於10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **6.8.5**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/flexilayouts/)
 * Tags
 * [blocks](https://zh-hk.wordpress.org/plugins/tags/blocks/)[gallery](https://zh-hk.wordpress.org/plugins/tags/gallery/)
   [gutenberg](https://zh-hk.wordpress.org/plugins/tags/gutenberg/)[layout](https://zh-hk.wordpress.org/plugins/tags/layout/)
   [masonry](https://zh-hk.wordpress.org/plugins/tags/masonry/)
 *  [進階顯示](https://zh-hk.wordpress.org/plugins/flexilayouts/advanced/)

## 評分

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/flexilayouts/reviews/)

## 貢獻者

 *   [ Coderz Studio ](https://profiles.wordpress.org/coderzstudio/)

## 支援

有話想說？需要協助？

 [檢視支援論壇](https://wordpress.org/support/plugin/flexilayouts/)