Title: Grid Columns
Author: Justin Tadlock
Published: <strong>2012 年 10 月 3 日</strong>
Last modified: 2013 年 10 月 4 日

---

搜尋外掛

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

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/grid-columns_d3d8e2.svg)

# Grid Columns

 由 [Justin Tadlock](https://profiles.wordpress.org/greenshady/) 開發

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

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

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

## 外掛說明

This plugin has one function and one function only — to make columns. You use it
by inputting content between `[column]` and `[/column]` within your post content
editor (or anywhere shortcodes are allowed).

Grid Columns was created to fix the problem in which many theme developers were 
adding 20+ column shortcodes to their themes for something that should be extremely
simple and done with only a single shortcode.

### Professional Support

If you need professional plugin support from me, the plugin author, you can access
the support forums at [Theme Hybrid](http://themehybrid.com/support), which is a
professional WordPress help/support site where I handle support for all my plugins
and themes for a community of 40,000+ users (and growing).

### Plugin Development

If you’re a theme author, plugin author, or just a code hobbyist, you can follow
the development of this plugin on it’s [GitHub repository](https://github.com/justintadlock/grid-columns).

### Donations

Yes, I do accept donations. If you want to buy me a beer or whatever, you can do
so from my [donations page](http://themehybrid.com/donate). I appreciate all donations,
no matter the size. Further development of this plugin is not contingent on donations,
but they are always a nice incentive.

## 安裝方式

 1. Uzip the `grid-columns.zip` folder.
 2. Upload the `grid-columns` folder to your `/wp-content/plugins` directory.
 3. In your WordPress dashboard, head over to the _Plugins_ section.
 4. Activate _Grid Columns_.

## 常見問題集

  Installation Instructions

 1. Uzip the `grid-columns.zip` folder.
 2. Upload the `grid-columns` folder to your `/wp-content/plugins` directory.
 3. In your WordPress dashboard, head over to the _Plugins_ section.
 4. Activate _Grid Columns_.

  Why was this plugin created?

Many theme developers add several column shortcodes to their themes (note: this 
isn’t allowed on WordPress.org). Essentially, the theme developers are doing a few
things wrong:

 * They lock users into using their themes forever.
 * They create 20+ shortcodes for what is possible for one. This makes it look like
   their themes have more “features”.
 * They remove core WordPress filters that other plugins rely on.
 * The code is just poorly developed altogether (most likely because they all copied
   from the same, bad source).

This plugin allows you to switch between any theme (no lock-in to your current theme).
It was also developed with WordPress standards and usability in mind.

  How do I use the [column] shortcode?

You can find more detailed instructions in the plugin’s `docs/readme.html` file.

Everything is based on a grid. By default, this grid is “4”. So, you can set up 
four columns like so:

    ```
    [column grid="4" span="1"]Some content[/column]

    [column grid="4" span="1"]Some content[/column]

    [column grid="4" span="1"]Some content[/column]

    [column grid="4" span="1"]Some content[/column]
    ```

You’ll notice that each “span” is equal to the number of columns in the grid. So,
if the span is “1”, it’s equal to one column. If the span is “2”, it’s equal to 
two columns. You can only have as many spans/columns as the grid allows. Therefore,`
grid="4"` means you can only have four columns.

  Can I get more detailed instructions?

If you need a more detailed guide, see `readme.html`, which is included with the
plugin. It has a few examples and explains everything.

  Help! My site’s broken! What should I do?

Most likely, it’s because you either have too many spans or not enough spans for
your grid. Make sure each `span` argument for your `[column]` shortcode equals exactly
the `grid` argument.

  But, I did everything right.

If you’re absolutely sure you’re math is correct, it could be a conflict with your
theme. It’d be impossible for me to know without seeing it in use on your site, 
so you’ll either need to ask on my support forums or get your theme developer to
help.

  Can I have more than one set of grid columns in a post?

Yes. Absolutely. Just make sure each grid has the correct number of columns before
starting a new one.

  Can I nest columns?

No. This is a limitation of how WordPress handles shortcodes.

  Can I use other shortcodes within the `[column]` shortcode?

Yes, you can. However, keep in mind, that I can’t guarantee that your plugin developer
knows what he’s doing and created his shortcode correctly. But, yes, you can do 
this with properly-coded shortcodes.

  Can I put content between two different column shortcodes?

It’s possible, but you’ll probably break something. I recommend against attempting
this.

## 使用者評論

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

### 󠀁[Great plugin, but options could be increased, and support improved](https://wordpress.org/support/topic/great-plugin-but-options-could-be-increased-and-support-improved/)󠁿

 [cher443](https://profiles.wordpress.org/cher443/) 2018 年 11 月 29 日

I use this plugin for my site. It has a good basic functionality that works for 
items like restaurant menus. My only beefs with this plugin are that there is no
free support for the plugin, and the author doesn’t seem to respond to any queries
on here. The plugin is not responsive, either, but thanks to a helpful plugin user
who provided some code, this has been resolved. It would have been helpful for the
plugin author to have included this, though. Finally, the author makes it a bit 
of a process to find the instructions for using the plugin. You have to log into
your cPanel and dig through the files to get to the readme which showcases the instructions.

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

### 󠀁[Still works](https://wordpress.org/support/topic/still-works-69/)󠁿

 [Reinar Svendsen](https://profiles.wordpress.org/rrsvendsen/) 2016 年 9 月 3 日

I still use this plugin with success. It just won’t get any easier than this.

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

## 參與者及開發者

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

參與者

 *   [ Justin Tadlock ](https://profiles.wordpress.org/greenshady/)

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

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

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

## 變更記錄

### Version 0.2.0

 * Added CSS style rules to override some issues with WordPress’ `wpautop()`, which
   sometimes adds empty `<p>` and extra `<br />` tags.
 * Added support for right-to-left languages.
 * No more anonymous objects created by the plugin class.
 * No need for `&` when adding an action/filter.

### Version 0.1.1

 * Add more specific prefixes in the CSS.
 * Add some better margin handling in case other CSS code is overwriting things 
   willy-nilly.
 * Add the `gc_column_content` filter hook and use it to apply formatting.

### Version 0.1.0

 * Plugin released. Everything is new!

## 中繼資料

 *  版本 **0.2.0**
 *  最後更新 **8 年前**
 *  啟用安裝數 **1,000+**
 *  WordPress 版本需求 ** 3.4 或更新版本 **
 *  已測試相容的 WordPress 版本 **3.7.41**
 *  語言
 * [English (US)](https://wordpress.org/plugins/grid-columns/)
 * 標籤:
 * [shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)
 *  [進階檢視](https://tw.wordpress.org/plugins/grid-columns/advanced/)

## 評分

 4.8 星，滿分為 5 星

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

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

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

## 參與者

 *   [ Justin Tadlock ](https://profiles.wordpress.org/greenshady/)

## 技術支援

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

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

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://themehybrid.com/donate)