Title: PixGridder
Author: manuelmasia
Published: <strong>17. august 2013</strong>
Last modified: 17. juni 2015

---

Søk gjennom innstikk

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

Dette innstikket **er ikkje testa med dei tre siste utgåvene av WordPress**. Det
kan henda det ikkje blir vedlikehalde lenger, og kan ha problem med nyare versjonar
av WordPress.

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

# PixGridder

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

[Last ned](https://downloads.wordpress.org/plugin/pixgridder.zip)

 * [Detaljar](https://nn.wordpress.org/plugins/pixgridder/#description)
 * [Omtalar](https://nn.wordpress.org/plugins/pixgridder/#reviews)
 *  [Installasjon](https://nn.wordpress.org/plugins/pixgridder/#installation)
 * [Utvikling](https://nn.wordpress.org/plugins/pixgridder/#developers)

 [Hjelp](https://wordpress.org/support/plugin/pixgridder/)

## Skildring

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

## Skjermbilete

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

## Installasjon

 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

## Vanlege spm.

  No questions available

…

## Omtalar

![](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/) 4. februar 2017

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

 [ Les alle 21 omtalar ](https://wordpress.org/support/plugin/pixgridder/reviews/)

## Bidragsytarar og utviklarar

“PixGridder” is open source software. The following people have contributed to this
plugin.

Contributors

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

[Omset “PixGridder” til ditt eige språk.](https://translate.wordpress.org/projects/wp-plugins/pixgridder)

### Interested in development?

[Les kjeldekoden](https://plugins.trac.wordpress.org/browser/pixgridder/), sjekk
[SVN-lageret](https://plugins.svn.wordpress.org/pixgridder/) eller abonner på [utviklingsloggen](https://plugins.trac.wordpress.org/log/pixgridder/)
med [RSS](https://plugins.trac.wordpress.org/log/pixgridder/?limit=100&mode=stop_on_copy&format=rss).

## Endringslogg

#### 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

## Om

 *  Version **2.0.6**
 *  Last updated **11 år sidan**
 *  Active installations **100+**
 *  WordPress version ** 3.9.0 eller nyare **
 *  Tested up to **4.2.39**
 *  Language
 * [English (US)](https://wordpress.org/plugins/pixgridder/)
 * Tags
 * [columns](https://nn.wordpress.org/plugins/tags/columns/)[drag drop](https://nn.wordpress.org/plugins/tags/drag-drop/)
   [grid](https://nn.wordpress.org/plugins/tags/grid/)[layout](https://nn.wordpress.org/plugins/tags/layout/)
   [responsive](https://nn.wordpress.org/plugins/tags/responsive/)
 *  [Avansert vising](https://nn.wordpress.org/plugins/pixgridder/advanced/)

## Vurderingar

 4.6 out of 5 stars.

 *  [  18 5-star reviews     ](https://wordpress.org/support/plugin/pixgridder/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/pixgridder/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/pixgridder/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/pixgridder/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/pixgridder/reviews/?filter=1)

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

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

## Contributors

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

## Hjelp

Har du noko å seia? Treng du hjelp?

 [Sjå hjelpeforumet](https://wordpress.org/support/plugin/pixgridder/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](http://www.pixedelic.com/plugins/pixgridder)