Title: Grid Shortcodes
Author: WP Darko
Published: <strong>2015 年 6 月 11 日</strong>
Last modified: 2026 年 1 月 29 日

---

搜尋外掛

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

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

# Grid Shortcodes

 由 [WP Darko](https://profiles.wordpress.org/spwebguy/) 開發

[下載](https://downloads.wordpress.org/plugin/grid-shortcodes.1.1.1.zip)

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

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

## 外掛說明

A responsive and easy-to-use tool for dividing your content in your posts/pages.
This ultra-lightweight plugin allows you to put your content in columns of various
widths. What you see is what you get, and it’s totally free.

#### Usage example

#### 1. Create rows using [GDC_row]

    ```
    [GDC_row][/GDC_row]
    ```

#### 2. Add columns using [GDC_column]

    ```
    [GDC_row]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [/GDC_row]
    ```

Available sizes

 * half
 * third
 * two-thirds
 * quarter
 * three-quarters

See more code examples on the [documentation page](https://wpdarko.com/support/docs/get-started-with-the-grid-shortcodes-plugin/).

#### Support

Find help in [our forums](https://wpdarko.com/support) for this plugin (we’ll answer
you fast, promise).

## 螢幕擷圖

 * [[
 * Grid Shortcodes (front view)
 * [[
 * Grid Shortcodes (admin view)
 * [[
 * Grid Shortcodes (admin view)
 * [[
 * Grid Shortcodes (admin view)

## 安裝方式

#### Installation

 1. In your WordPress admin panel, go to Plugins > New Plugin
 2. Find our Grid Shortcodes plugin by WP Darko and click Install now
 3. Alternatively, download the plugin and upload the contents of grid-shortcodes.zip
    to your plugin directory, which usually is /wp-content/plugins/
 4. Activate the plugin

#### Usage example

#### 1. Create rows using [GDC_row]

    ```
    [GDC_row][/GDC_row]
    ```

#### 2. Add columns using [GDC_column]

    ```
    [GDC_row]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [/GDC_row]
    ```

Available sizes

 * half
 * third
 * two-thirds
 * quarter
 * three-quarters

See more example on the [documentation page](https://wpdarko.com/support/docs/get-started-with-the-grid-shortcodes-plugin/).

## 常見問題集

### Usage example

### 1. Create rows using [GDC_row]

    ```
    [GDC_row][/GDC_row]
    ```

### 2. Add columns using [GDC_column]

    ```
    [GDC_row]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [GDC_column size="third"]
    Your content here
    [/GDC_column]

    [/GDC_row]
    ```

### Available sizes

 * half
 * third
 * two-thirds
 * quarter
 * three-quarters

See more example on the [documentation page](https://wpdarko.com/support/docs/get-started-with-the-grid-shortcodes-plugin/).

### Support

Find help on [our support platform](https://wpdarko.com/support) for this plugin(
we’ll answer you fast, promise).

## 使用者評論

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

### 󠀁[Nice Plugin](https://wordpress.org/support/topic/nice-plugin-4525/)󠁿

 [Jan](https://profiles.wordpress.org/yotg/) 2022 年 1 月 28 日

Easy to use an very simple to configure.

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

### 󠀁[Excelente](https://wordpress.org/support/topic/excelente-1755/)󠁿

 [ramallogg](https://profiles.wordpress.org/ramallogg/) 2019 年 10 月 24 日 1 則
留言

Trabaja con los bloques de Gutenberg y acepta html. Fantastico

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

### 󠀁[Great idea!](https://wordpress.org/support/topic/great-idea-156/)󠁿

 [UomoMacchina](https://profiles.wordpress.org/uomomacchina/) 2019 年 7 月 19 日
1 則留言

Finally someone has developed this simple and very useful plugin. Thank you so much,
dev!

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

### 󠀁[Awesome & Lightweight](https://wordpress.org/support/topic/awesome-lightweight/)󠁿

 [bobdempsey83](https://profiles.wordpress.org/bobdempsey83/) 2018 年 12 月 10 日

I’ve been looking for a grid plugin that works with WordPress 5. This plugin is 
perfect for the job. Very lightweight, with ample documentation and examples. Awesome.

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

### 󠀁[Clean, responsive, simple, useful](https://wordpress.org/support/topic/clean-responsive-simple-useful/)󠁿

 [adrianogiannacco](https://profiles.wordpress.org/eccebombo/) 2018 年 1 月 22 日
1 則留言

I searched for a plugin like this for almost years. It does exactly what it says,
in a solid and simple approach. Sometimes simplicity is difficult to find. Thank
you very much for this plugin.

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

### 󠀁[brilliant!](https://wordpress.org/support/topic/brilliant-924/)󠁿

 [oakhillman](https://profiles.wordpress.org/oakhillman/) 2018 年 1 月 4 日

This plugin is absolutely brilliant. Sometimes all you need is a simple way to divide
the content area and that’s what this plugin does. I will say that it would be even
more brilliant if you added parameters to set the background color and the text 
color. And btw, I ran it through the tenon.io accessibility analyzer and it came
out with zero errors, so that’s a bonus.

 [ 閱讀全部 10 則使用者評論 ](https://wordpress.org/support/plugin/grid-shortcodes/reviews/)

## 參與者及開發者

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

參與者

 *   [ WP Darko ](https://profiles.wordpress.org/spwebguy/)

[將〈Grid Shortcodes〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/grid-shortcodes)

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

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

## 變更記錄

#### 1.1.1

 * Fixed minor vulnerability issue

#### 1.1

 * Stripping out paragraphs and new lines between columns (thanks @makbeta).

#### 1.0

 * Initial release

## 中繼資料

 *  版本 **1.1.1**
 *  最後更新 **3 個月前**
 *  啟用安裝數 **2,000+**
 *  WordPress 版本需求 ** 3.6 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  語言
 * [English (US)](https://wordpress.org/plugins/grid-shortcodes/)
 * 標籤:
 * [columns](https://tw.wordpress.org/plugins/tags/columns/)[grid](https://tw.wordpress.org/plugins/tags/grid/)
   [rows](https://tw.wordpress.org/plugins/tags/rows/)[shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)
   [shortcodes](https://tw.wordpress.org/plugins/tags/shortcodes/)
 *  [進階檢視](https://tw.wordpress.org/plugins/grid-shortcodes/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  10 個 5 星使用者評論     ](https://wordpress.org/support/plugin/grid-shortcodes/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/grid-shortcodes/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/grid-shortcodes/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/grid-shortcodes/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/grid-shortcodes/reviews/?filter=1)

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

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

## 參與者

 *   [ WP Darko ](https://profiles.wordpress.org/spwebguy/)

## 技術支援

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

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