Title: Column Shortcodes
Author: Tobias Schutter
Published: <strong>2012 年 8 月 2 日</strong>
Last modified: 2022 年 10 月 11 日

---

搜尋外掛

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

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

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

# Column Shortcodes

 由 [Tobias Schutter](https://profiles.wordpress.org/tschutter/) 開發

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

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

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

## 外掛說明

Adds shortcodes to easily create columns in your posts or pages.

Sometimes you just need to divide your page into different columns. With this plugin
you just select a column shortcode and it will add the column to the page. You can
also change the padding of each individual column from the UI.

There are 10 different column widths available from which you can make all combinations:

 * full width (1/1)
 * half (1/2)
 * one third (1/3)
 * two third (2/3)
 * one fourth (1/4)
 * three fourth (3/4)
 * one fifth (1/5)
 * two fifth (2/5)
 * three fifth (3/5)
 * four fifth (4/5)
 * one sixth (1/6)
 * five sixth (5/6)

A preset stylesheet is included, which you can also overwrite to you liking in your
theme’s stylesheet.

**Related Links:**

 * http://www.codepresshq.com/

## 螢幕擷圖

[⌊Editor with shortcode icon⌉⌊Editor with shortcode icon⌉[

Editor with shortcode icon

[⌊Shortcode popup with shortcode selector⌉⌊Shortcode popup with shortcode selector⌉[

Shortcode popup with shortcode selector

[⌊Editor with shortcodes⌉⌊Editor with shortcodes⌉[

Editor with shortcodes

[⌊Example post with the use of column shortcodes⌉⌊Example post with the use of column
shortcodes⌉[

Example post with the use of column shortcodes

## 安裝方式

 1. Upload column-shortcodes to the /wp-content/plugins/ directory
 2. Activate Column Shortcodes through the ‘Plugins’ menu in WordPress
 3. A shortcode icon is added to the top of the WYSIWYG editor.
 4. Click the added icon and it will open a popup window from which you can pick your
    column shortcode.

## 常見問題集

### How do I add a column shortcode?

**Standard**
 The easiest way is to use the added icon on the top of your editor(
right next to the media icon ). This will open a popup window from which you can
select a column icon by clicking on one of the shortcodes.

**Manual**
 You could also type in the shortcode yourself inside the editor. The
following shortcodes are available:

    ```
    [full_width][/full_width]
    [one_half][/one_half]
    [one_half_last][/one_half_last]
    [one_third][/one_third]
    [one_third_last][/one_third_last]
    [two_third][/two_third]
    [two_third_last][/two_third_last]
    [one_fourth][/one_fourth]
    [one_fourth_last][/one_fourth_last]
    [three_fourth][/three_fourth]
    [three_fourth_last][/three_fourth_last]
    [one_fifth][/one_fifth]
    [one_fifth_last][/one_fifth_last]
    [two_fifth][/two_fifth]
    [two_fifth_last][/two_fifth_last]
    [three_fifth][/three_fifth]
    [three_fifth_last][/three_fifth_last]
    [four_fifth][/four_fifth]
    [four_fifth_last][/four_fifth_last]
    [one_sixth][/one_sixth]
    [one_sixth_last][/one_sixth_last]
    [five_sixth][/five_sixth]
    [five_sixth_last][/five_sixth_last]
    ```

**Another option**
 Another way to add shortcodes is to switch to HTML-view. On 
the top of editor you will now see all the shortcodes listed. By default these buttons
are hidden. If you’d like to use them you can add this to your theme’s functions.
php:

    ```
    add_filter('add_shortcode_html_buttons', '__return_true' );
    ```

### Where do I add my content?

When you have selected a shorcode it will be placed in you editor. You will see 
something like this:

    ```
    [one_half][/one_half]
    ```

Make sure to place your content (text/images etc. ) between the two shortcodes, 
like so:

    ```
    [one_half]My content goes here...[/one_half]
    ```

### My existing theme uses the same shortcodes, how can I solve this?

You can prefix the shortcode by placing the following in your functions.php. Problem
solved =)

    ```
    add_filter( 'cpsh_prefix', 'set_shortcode_prefix' );
    function set_shortcode_prefix() {
        return 'myprefix_'; // edit this part if needed
    }
    ```

### How can I hide the Padding Settings?

In patch 0.6 we added padding settings (optional) to the plugin. If you would like
to hide this settings menu you can place the following in your functions.php

    ```
    add_filter( 'cpsh_hide_padding_settings', '__return_true' );
    ```

### How can I hide certain Column Shortcodes from the menu?

If you would like to hide certain column from the menu; place the following in your
functions.php

    ```
    function hide_column_shortcodes( $shortcodes ) {

        /* uncomment ( remove the '//' ) any of the following to remove it's shortcode from menu */

        // unset( $shortcodes['full_width'] );
        // unset( $shortcodes['one_half'] );
        // unset( $shortcodes['one_third'] );
        // unset( $shortcodes['one_fourth'] );
        // unset( $shortcodes['two_third'] );
        // unset( $shortcodes['three_fourth'] );
        // unset( $shortcodes['one_fifth'] );
        // unset( $shortcodes['two_fifth'] );
        // unset( $shortcodes['three_fifth'] );
        // unset( $shortcodes['four_fifth'] );
        // unset( $shortcodes['one_sixth'] );
        // unset( $shortcodes['five_sixth'] );

        return $shortcodes;
    }
    add_filter( 'cpsh_column_shortcodes', 'hide_column_shortcodes' );
    ```

### How can I replace the default Shortcode CSS stylesheet?

You can easily overwrite the existing stylesheet. For example you would like to 
add a margin between your columns, you just place the following in your theme’s 
style.css:

    ```
    .one_half {
        width: 49% !important;
        margin-right: 2% !important;
    }
    .one_half.last_column {
        width: 49% !important;
        margin-right: 0px !important;
    }
    .one_third {
        width: 32% !important;
        margin-right: 2% !important;
    }
    .one_third.last_column {
        width: 32% !important;
        margin-right: 0px !important;
    }
    .two_third {
        width: 66% !important;
        margin-right: 2% !important;
    }
    .two_third.last_column {
        width: 66% !important;
        margin-right: 0px !important;
    }
    .one_fourth {
        width: 23.5% !important;
        margin-right: 2% !important;
    }
    .one_fourth.last_column {
        width: 23.5% !important;
        margin-right: 0px !important;
    }
    .three_fourth {
        width: 74.5% !important;
        margin-right: 2% !important;
    }
    .three_fourth.last_column {
        width: 74.5% !important;
        margin-right: 0px !important;
    }
    .one_fifth {
        width: 18.4% !important;
        margin-right: 2% !important;
    }
    .one_fifth.last_column {
        width: 18.4% !important;
        margin-right: 0px !important;
    }
    .two_fifth {
        width: 39% !important;
        margin-right: 2% !important;
    }
    .two_fifth.last_column {
        width: 39% !important;
        margin-right: 0px !important;
    }
    .three_fifth {
        width: 59% !important;
        margin-right: 2% !important;
    }
    .three_fifth.last_column {
        width: 59% !important;
        margin-right: 0px !important;
    }
    .four_fifth {
        width: 79.6% !important;
        margin-right: 2% !important;
    }
    .four_fifth.last_column {
        width: 79.6% !important;
        margin-right: 0px !important;
    }
    .one_sixth {
        width: 15% !important;
        margin-right: 2% !important;
    }
    .one_sixth.last_column {
        width: 15% !important;
        margin-right: 0px !important;
    }
    ```

### How can I prevent the loading of the frontend styling

If you would like to prevent the loading of the column styling on the frontend; 
place the following in your functions.php

    ```
    add_filter( 'cpsh_load_styles', '__return_false' );
    ```

### Will you be adding more shortcodes?

We would love to hear your feedback and suggestions on this. Just send an email 
to [info@codepress.nl](https://tw.wordpress.org/plugins/column-shortcodes/info@codepress.nl?output_format=md).

### How can I contribute a translation?

You will find a .po file in the languages folder which you can use. You can send
the translation to [info@codepress.nl](https://tw.wordpress.org/plugins/column-shortcodes/info@codepress.nl?output_format=md).

## 使用者評論

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

### 󠀁[Basic column shortcode, I’m sure there are better ones out there.](https://wordpress.org/support/topic/basic-column-shortcode-im-sure-there-are-better-ones-out-there/)󠁿

 [hmschiefer](https://profiles.wordpress.org/hmschiefer/) 2022 年 11 月 9 日

I only use this because it’s what my client already had installed and they’ve been
using it for years. When I asked why I can’t align content vertically within a column
I was simply told, “it can’t do that and we won’t be adding this”. Seems lazy, but
what do I know?

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

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-8994/)󠁿

 [Viktor Jenerál](https://profiles.wordpress.org/viktor961/) 2022 年 1 月 4 日

Perfect plugin! Thanks a lot.

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

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

 [maruska](https://profiles.wordpress.org/maruska/) 2020 年 12 月 13 日

Simple and easy to use, that is the reason I like it.

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

### 󠀁[Easy to use, perfect!](https://wordpress.org/support/topic/easy-to-use-perfect-7/)󠁿

 [mvkwebmaster](https://profiles.wordpress.org/mvkwebmaster/) 2021 年 1 月 24 日

Easy to use, best result, perfect!

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

### 󠀁[Easy to use, works great!](https://wordpress.org/support/topic/easy-to-use-works-great-67/)󠁿

 [my3seadogs](https://profiles.wordpress.org/my3seadogs/) 2020 年 10 月 11 日

I’ve been using this plugin for ages now. I’m so glad it exists!

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

### 󠀁[Simple – but works well](https://wordpress.org/support/topic/simple-but-works-well-5/)󠁿

 [pslom](https://profiles.wordpress.org/pslom/) 2020 年 7 月 1 日

Simple plugin, but does what it’s supposed to. Recommended over all the wysiwyg “
solutions”.

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

## 參與者及開發者

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

參與者

 *   [ Tobias Schutter ](https://profiles.wordpress.org/tschutter/)
 *   [ Codepress ](https://profiles.wordpress.org/codepress/)
 *   [ David Mosterd ](https://profiles.wordpress.org/davidmosterd/)
 *   [ Stefan van den Dungen Gronovius ](https://profiles.wordpress.org/dungengronovius/)

〈Column Shortcodes〉外掛目前已有 17 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/column-shortcodes/contributors)
為這個外掛做出的貢獻。

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

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

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

## 變更記錄

#### 1.0.1

 * [Fixed] Hotfix for WordPress 5.5

#### 1.0

 * [Fixed] Compatible with WordPress 4.8 and up
 * [Fixed] Padding generator will automatically add ‘px’ to numbers
 * [Added] Added filter to hide banner `add_filter( 'cpsh_show_banner', '__return_false');`
 * [Improved] UI improvements for better readability

#### 0.6.9

 * [Fixed] Rollback of the auto paragraphs. Too much conflicts with other shortcodes

#### 0.6.8

 * [Fixed] use wpautop() to wrap content in paragraphs when needed

#### 0.6.7

 * [Fixed] Paragraphs are added to the columns

#### 0.6.6

 * [Fixed] Swapped images for 5/6 columns

#### 0.6.5

 * added filter to prevent loading of frontend styles: `add_filter( 'cpsh_load_styles','
   __return_false' );`
 * added 5/6 column;

#### 0.6.4

 * updated icon for WP3.8

#### 0.6.3

 * updated languages

#### 0.6.2

 * added Italian language ( thanks to Nicola )
 * added Czech language and bug fix ( thanks to Michal Ratajsky )

#### 0.6.1

 * fixed jquery.cookie.js issue where in some cases the server would reject it
 * added filter for hiding certain column shortcodes from view.

#### 0.6

 * added Danish translation ( thanks to Mads Rosendahl )
 * added full width column
 * updated css template for margins ( thanks to intheshallow )
 * added responsive CSS for devices with a max-width viewport of 600pixels

#### 0.5

 * added the option to add paddings to the columns from the shortcode UI.

#### 0.4

 * added improvements made for inclusion on WordPress.com VIP ( thanks to danielbachhuber)
 * added WordPress coding conventions ( see https://codex.wordpress.org/WordPress_Coding_Standards)
 * added fix for script and style loading

#### 0.3

 * added RTL support and Hebrew language ( thanks to Rami Yushuvaey )
 * added Slovak translation ( thanks to Branco from WebHostingGeeks )
 * added column 4/5

#### 0.2

 * added french and spanish language ( thanks to Mikel Aralar )
 * improved script loading
 * shortcodes HTML-view buttons hidden by default. Enable them by adding this to
   your functions.php: `add_filter('add_shortcode_html_buttons', '__return_true');`

#### 0.1

 * Initial release.

## 中繼資料

 *  版本 **1.0.1**
 *  最後更新 **4 年前**
 *  啟用安裝數 **60,000+**
 *  WordPress 版本需求 ** 4.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.0.12**
 *  語言
 * [Czech](https://cs.wordpress.org/plugins/column-shortcodes/)、[Danish](https://da.wordpress.org/plugins/column-shortcodes/)、
   [Dutch](https://nl.wordpress.org/plugins/column-shortcodes/)、[Dutch (Belgium)](https://nl-be.wordpress.org/plugins/column-shortcodes/)、
   [English (Australia)](https://en-au.wordpress.org/plugins/column-shortcodes/)、
   [English (Canada)](https://en-ca.wordpress.org/plugins/column-shortcodes/)、[English (New Zealand)](https://en-nz.wordpress.org/plugins/column-shortcodes/)、
   [English (UK)](https://en-gb.wordpress.org/plugins/column-shortcodes/)、[English (US)](https://wordpress.org/plugins/column-shortcodes/)、
   [Galician](https://gl.wordpress.org/plugins/column-shortcodes/)、[German](https://de.wordpress.org/plugins/column-shortcodes/)、
   [Hebrew](https://he.wordpress.org/plugins/column-shortcodes/)、[Russian](https://ru.wordpress.org/plugins/column-shortcodes/)、
   [Slovak](https://sk.wordpress.org/plugins/column-shortcodes/)、[Spanish (Chile)](https://cl.wordpress.org/plugins/column-shortcodes/)、
   [Spanish (Spain)](https://es.wordpress.org/plugins/column-shortcodes/)、[Spanish (Venezuela)](https://ve.wordpress.org/plugins/column-shortcodes/)、
   及 [Swedish](https://sv.wordpress.org/plugins/column-shortcodes/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/column-shortcodes)
 * 標籤:
 * [column](https://tw.wordpress.org/plugins/tags/column/)[columns](https://tw.wordpress.org/plugins/tags/columns/)
   [divider](https://tw.wordpress.org/plugins/tags/divider/)[shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)
   [shortcodes](https://tw.wordpress.org/plugins/tags/shortcodes/)
 *  [進階檢視](https://tw.wordpress.org/plugins/column-shortcodes/advanced/)

## 評分

 4.8 星，滿分為 5 星

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

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

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

## 參與者

 *   [ Tobias Schutter ](https://profiles.wordpress.org/tschutter/)
 *   [ Codepress ](https://profiles.wordpress.org/codepress/)
 *   [ David Mosterd ](https://profiles.wordpress.org/davidmosterd/)
 *   [ Stefan van den Dungen Gronovius ](https://profiles.wordpress.org/dungengronovius/)

## 技術支援

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

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

## 贊助

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

 [ 贊助這個外掛 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZDZRSYLQ4Z76J)