Title: PixGridder
Author: manuelmasia
Published: <strong>2013 年 8 月 17 日</strong>
Last modified: 2015 年 6 月 17 日

---

搜尋外掛

![](https://ps.w.org/pixgridder/assets/banner-772x250.jpg?rev=757484)

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

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

# PixGridder

 由 [manuelmasia](https://profiles.wordpress.org/manuelmasia/) 開發

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

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

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

## 外掛說明

Here is the demo page: [PixGridder](http://www.pixedelic.com/plugins/pixgridder)
where a link to Pro version is available (pixgridder-pro)

I prefer to define this plugin as a **“grid builder”** instead of a page builder,
because a page builder is commonly intended as a tool that allows to create sections
and, usually, comes with shortcodes such as tabs, accordions, particular sections,
galleries etc… And, in many cases, all these shortcodes are not compatible with 
other similar plugins you could prefer to use.

**PixGridder** is instead very simple, because it only allows to split your page
into rows and columns **by moving the functions** available on your tinyMCE editor
from the whole page to each column you decide to split your page into. In this way
you can use the plugins you prefer with the shortcodes you prefer (and also the 
buttons available on your tinyMCE editor) since the editor is **exactly the same
one** you would have without using PixGridder.

#### How it works

**PixGridder** doesn’t generate shortcodes, it only puts into your posts and pages
some html comments like this: `<!--pixgridder:row[cols=3]-->`

They’re **invisible except through the source code**. So if you want to disable 
the plugin you don’t have to worry about a lot of strange and unuseful shortcodes
across your content because everything will be hidden for both the users and the
search engine robots.

However, if you want to remove any trace of the plugin from the source code of a
page, you can do it by enabling the **“no trace”** option: you’ll get rid of all
the HTML comments, but you’ll keep unaltered your content.

#### Page builder visual description

Take a look to the [2nd screenshot](https://s.w.org/plugins/pixgridder/screenshot-2.jpg)

 1.  **title** and **version** of the installed plugin
 2.  **Preview tab**: by clicking it you will see the live site with a preview of the
     changes, not editable from the preview visual itself
 3.  **Builder tab**: where you can edit your page/post by using the grid builder
 4.  **row dragger**: use it to sort your rows and move them to the top or to the bottom
 5.  **ID and class**: use it to open a dialog box where to add an ID or a class to
     your row
 6.  **clone button**: clone your entire row and append the clone below the original
     one (everything will be cloned, cloumns, IDs, classes etc.)
 7.  **column select**: select how many columns your row is based on
 8.  **delete**: remove the row
 9.  **alert icon**: this icon will appear when you make a not-allowed operation, such
     as adding a column where there is no space for other columns or try to reduce 
     the width of column if it already has got the minimum width allowed
 10. **add row**: click to add an empty row
 11. **add column**: click to add an empty column
 12. **column dragger**: use it to sort your columns and move them to the left or to
     the right inside a row
 13. **column content**: here is displayed a preview of the content (the font and the
     text color won’t reflect on the frontend)
 14. **expand column**: click to increase the width of the column
 15. **contract column**: click to reduce the width of the column
 16. **edit column**: click to open a dialog box where to edit the content of the column(
     a tinyMCE editor will open in the dialog box, the width of the textarea will be
     relative to the max width set for the theme you’re using and the width of the 
     column you’re editing)
 17. **clone button**: clone your entire column and append the clone to the right of
     the original one, if there is enough space (everything will be cloned, content,
     ID, class etc.)
 18. **ID and class**: use it to open a dialog box where to add an ID or a class to
     your column
 19. **delete**: remove the column
 20. **“Disable the grid builder”**: tick the checkbox and update the page  now the
     page is editable without using the grid builder, but the frontend still displays
     columns and rows, so pay attention to not remove any html comment or you risk 
     to break the layout
 21. **“Remove any trace of PixGridder from this page”**: tick the checkbox and update
     the page  all the row and the columns will be removed but without touching the
     content, still available both on the frontend and on the editor

## 螢幕擷圖

 * [[
 * Pixgridder output demo
 * [[
 * Pixgridder UI – take a look to the description tab (2)

## 安裝方式

 1. Upload `pixgridder` to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Enter a page backend and enjoy it

## 常見問題集

  No questions available

…

## 使用者評論

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

### 󠀁[Broken, hasn’t been updated in over 2 years.](https://wordpress.org/support/topic/broken-hasnt-been-updated-in-over-2-years/)󠁿

 [bofslime](https://profiles.wordpress.org/bofslime/) 2017 年 2 月 4 日

Abandonware Hasn’t been updated in over 2 years, unable to edit any postings where
the plug in is in use.

 [ 閱讀全部 21 則使用者評論 ](https://wordpress.org/support/plugin/pixgridder/reviews/)

## 參與者及開發者

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

參與者

 *   [ manuelmasia ](https://profiles.wordpress.org/manuelmasia/)

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

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

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

## 變更記錄

#### 2.0.6

 * 2015.06.17 – tinyMCE height when disabled

#### 2.0.5

 * 2014.09.10 – Donate page

#### 2.0.4

 * 2014.09.04 – WordPress 4.0 intelligent resizing editor issue

#### 2.0.3

 * 2014.06.06 – Fixed

## 中繼資料

 *  版本 **2.0.6**
 *  最後更新 **11 年前**
 *  啟用安裝數 **100+**
 *  WordPress 版本需求 ** 3.9.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **4.2.39**
 *  語言
 * [English (US)](https://wordpress.org/plugins/pixgridder/)
 * 標籤:
 * [columns](https://tw.wordpress.org/plugins/tags/columns/)[drag drop](https://tw.wordpress.org/plugins/tags/drag-drop/)
   [grid](https://tw.wordpress.org/plugins/tags/grid/)[layout](https://tw.wordpress.org/plugins/tags/layout/)
   [responsive](https://tw.wordpress.org/plugins/tags/responsive/)
 *  [進階檢視](https://tw.wordpress.org/plugins/pixgridder/advanced/)

## 評分

 4.6 星，滿分為 5 星

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

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

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

## 參與者

 *   [ manuelmasia ](https://profiles.wordpress.org/manuelmasia/)

## 技術支援

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

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

## 贊助

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

 [ 贊助這個外掛 ](http://www.pixedelic.com/plugins/pixgridder)