Title: Lightweight Grid Columns
Author: Tom
Published: <strong>20. 5. 2015</strong>
Last modified: 14. 3. 2019

---

Prohledat pluginy

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

Plugin **nebyl testován na 3 nejnovějších verzích WordPressu.** Nemusí už být tedy
podporován a u novějších verzí WordPressu může mít problémy s kompatibilitou a může
být nestabilní.

![](https://ps.w.org/lightweight-grid-columns/assets/icon-128x128.png?rev=1164572)

# Lightweight Grid Columns

 Autor: [Tom](https://profiles.wordpress.org/edge22/)

[Stáhnout](https://downloads.wordpress.org/plugin/lightweight-grid-columns.1.0.zip)

 * [Podrobnosti](https://cs.wordpress.org/plugins/lightweight-grid-columns/#description)
 * [Hodnocení](https://cs.wordpress.org/plugins/lightweight-grid-columns/#reviews)
 *  [Instalace](https://cs.wordpress.org/plugins/lightweight-grid-columns/#installation)
 * [Vývojáři](https://cs.wordpress.org/plugins/lightweight-grid-columns/#developers)

 [Podpora](https://wordpress.org/support/plugin/lightweight-grid-columns/)

## Popis

Lightweight Grid Columns are super easy to use! Install and activate the plugin,
then look for the columns icon within your TinyMCE toolbar (see screenshots).

Specify your desired desktop, tablet and mobile widths of the columns, add your 
content and then insert your shortcode into your content.

Lightweight Grid Columns uses the awesome Unsemantic Framework: (http://unsemantic.
com/)

Check out GeneratePress, our awesome WordPress theme! (https://wordpress.org/themes/
generatepress)

#### Features include:

 * Desktop grid width
 * Tablet grid width
 * Mobile grid width
 * Add custom classes
 * Add custom inline styles
 * Equal height columns

## Snímky obrazovky

[⌊The columns icon in your TinyMCE editor.⌉⌊The columns icon in your TinyMCE editor
.⌉[

The columns icon in your TinyMCE editor.

[⌊The options inside the columns shortcode generator.⌉⌊The options inside the columns
shortcode generator.⌉[

The options inside the columns shortcode generator.

[⌊A look at some awesome columns!⌉⌊A look at some awesome columns!⌉[

A look at some awesome columns!

## Instalace

There’s two ways to install Lightweight Grid Columns.

 1. Go to „Plugins > Add New“ in your Dashboard and search for: Lightweight Grid Columns
 2. Download the .zip from WordPress.org, and upload the folder to the `/wp-content/
    plugins/` directory via FTP.

In most cases, #1 will work fine and is way easier.

## Nejčastější dotazy

  How do I add the shortcodes?

 * Make sure Lightweight Grid Columns is activated.
 * While editing your post or page, go into the „Visual Editor“.
 * Look for the columns icon (see screenshots tab).
 * Choose your desktop, tablet and mobile grid widths.
 * If you’re adding the last column in a row, check the „Last“ checkbox (this is
   important).

  What if I don’t want to use the TinyMCE button?

Fair enough! Simply add the shortcode to your content.

For example, the below will output 4 columns on desktop, 2 columns on tablet and
1 column on mobile

    ```
    [lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]

    [lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]

    [lgc_column grid="25" tablet_grid="50" mobile_grid="100"]Some content[/lgc_column]

    [lgc_column grid="25" tablet_grid="50" mobile_grid="100" last="true"]Some content[/lgc_column]
    ```

Take note of our last column – see the last=“true“ part? Don’t forget 😉

  What are my options for percentages?

This is taken directly from (http://unsemantic.com):

There are grid classes named grid-x where „x“ is a number that represents the percentage
width of each grid unit. These cover multiples of 5, up to 100 (grid-5, grid-10 …
grid-95, grid-100). There are also classes for dividing a page into thirds: grid-
33 and grid-66 which are 33.3333% and 66.6667% wide, respectively.

  Are there any other options I can use in the shortcode?

Ano!

Můžete použít:

  class

[lgc_column grid=“25″ tablet_grid=“50″ mobile_grid=“100″ class=“push-25″]Some content[/
lgc_column]

  style

[lgc_column grid=“25″ tablet_grid=“50″ mobile_grid=“100″ style=“padding-left:0px;“]
Some content[/lgc_column]

  equal_heights

Ve výchozím stavu jsou stejné výšky nastavené na „true“.

    ```
    [lgc_column grid="25" tablet_grid="50" mobile_grid="100" equal_heights="true"]Some content[/lgc_column]
    ```

## Recenze

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

### 󠀁[Really simple plugin](https://wordpress.org/support/topic/really-simple-plugin-6/)󠁿

 [alvar05](https://profiles.wordpress.org/alvar05/) 28. 10. 2020

Thanks for a really simple and working plugin!!

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

### 󠀁[Breaks Admin Bar](https://wordpress.org/support/topic/breaks-admin-bar-3/)󠁿

 [Lindsey](https://profiles.wordpress.org/lchutchi/) 2. 1. 2020

The admin bar breaks upon installation and activation of this plugin. If you’re 
having similar issues, deactivate to troubleshoot.

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

### 󠀁[Mega plugin](https://wordpress.org/support/topic/mega-plugin-4/)󠁿

 [bazilio07](https://profiles.wordpress.org/bazilio07/) 9. 10. 2019

плагин шикарен, как и все творения Тома!

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

### 󠀁[Needs to be updated](https://wordpress.org/support/topic/needs-to-be-updated-9/)󠁿

 [mediafluent](https://profiles.wordpress.org/mediafluent/) 4. 9. 2019 1 odpověď

to work with Gutenberg blocks.

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

### 󠀁[Simple to Use and Truly Lightweight](https://wordpress.org/support/topic/simple-to-use-and-truly-lightweight/)󠁿

 [Terry J](https://profiles.wordpress.org/texasbiz/) 11. 8. 2019

The plugin does exactly what it is designed to do. Does it without all the bloat
too. I use the classic editor and absolutely love this plugin:) Seems many are trying
to make it over complicated. Just follow the instructions folks… I do no use Gutenburg
and will not until it matures. Maybe at that time this plugin would make a great
block for Gutenburg. Thank you Tom for sharing it with us!

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

### 󠀁[Maybe Gutenberg Block in the Future?](https://wordpress.org/support/topic/maybe-gutenberg-block-in-the-future/)󠁿

 [jingiz](https://profiles.wordpress.org/jingiz/) 7. 4. 2019 1 odpověď

Great Plugin, I recently started using Gutenberg and if you could turn this into
a Block that would be awesome. Maybe for Generatepress, as a feature.

 [ Přečtěte si všech 42 recenzí ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/)

## Autoři

Lightweight Grid Columns je otevřený software. Následující lidé přispěli k vývoji
tohoto pluginu.

Spolupracovníci

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

Plugin „Lightweight Grid Columns“ byl přeložen do 8 jazyků. Děkujeme všem [překladatelům](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns/contributors)
za jejich pomoc.

[Přeložte “Lightweight Grid Columns” do svého jazyka.](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns)

### Zajímá vás vývoj?

[Prohledejte kód](https://plugins.trac.wordpress.org/browser/lightweight-grid-columns/),
podívejte se do [SVN repozitáře](https://plugins.svn.wordpress.org/lightweight-grid-columns/),
nebo se přihlaste k[ odběru protokolu vývoje](https://plugins.trac.wordpress.org/log/lightweight-grid-columns/)
pomocí [RSS](https://plugins.trac.wordpress.org/log/lightweight-grid-columns/?limit=100&mode=stop_on_copy&format=rss).

## Přehled změn

#### 1.0

 * Move custom class value to the parent container
 * Code cleanup

#### 0.7

 * Fix weird scroll behavior caused by transitions and matchHeight
 * Only load matchHeight on pages where columns are present with it enabled

#### 0.6

 * Fix column class bug causing some columns not to work

#### 0.5

 * Move margin-bottom setting to inner element so style attribute can overwrite 
   it
 * Adjust lgc_columns_helper function to fix issue with `<p>` and `<br />` tags 
   around the shortcode
 * Add jQuery matchHeight to match the height of columns for better responsive user
   experience
 * Reduce the file size of stylesheet considerably

#### 0.4

 * Show TinyMCE icon on all post types

#### 0.3

 * Fix bug where TinyMCE icon wasn’t showing up if SiteOrigin Page Builder and Black
   Studio TinyMCE Widget were activated together
 * Add IE 7 & 8 compatibility

#### 0.2

 * Allow line breaks inside columns

#### 0.1

 * Initial release

## Meta

 *  Verze **1.0**
 *  Poslední aktualizace **před 7 roky**
 *  Aktivních instalací **10 000+**
 *  Verze WordPressu ** 4.5 nebo novější **
 *  Testováno až do WordPressu **5.1.22**
 *  Jazyky
 * [Czech](https://cs.wordpress.org/plugins/lightweight-grid-columns/), [English (US)](https://wordpress.org/plugins/lightweight-grid-columns/),
   [German](https://de.wordpress.org/plugins/lightweight-grid-columns/), [Indonesian](https://id.wordpress.org/plugins/lightweight-grid-columns/),
   [Portuguese (Portugal)](https://pt.wordpress.org/plugins/lightweight-grid-columns/),
   [Russian](https://ru.wordpress.org/plugins/lightweight-grid-columns/), [Spanish (Chile)](https://cl.wordpress.org/plugins/lightweight-grid-columns/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/lightweight-grid-columns/)
   a [Vietnamese](https://vi.wordpress.org/plugins/lightweight-grid-columns/).
 *  [Přeložte do vašeho jazyka](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns)
 * Štítky
 * [columns](https://cs.wordpress.org/plugins/tags/columns/)[grid columns](https://cs.wordpress.org/plugins/tags/grid-columns/)
 *  [Podrobnosti](https://cs.wordpress.org/plugins/lightweight-grid-columns/advanced/)

## Hodnocení

 4.9 z 5 hvězdiček.

 *  [  40 5hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=5)
 *  [  0 4hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=4)
 *  [  1 3hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=3)
 *  [  1 2hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=2)
 *  [  0 1hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=1)

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

[Zobrazit všechny recenze](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/)

## Spolupracovníci

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

## Podpora

Potřebujete pomoc?

 [Fórum podpory](https://wordpress.org/support/plugin/lightweight-grid-columns/)

## Dary

Chtěli byste podpořit vývoj tohoto pluginu?

 [ Přispět na tento plugin ](https://generatepress.com/ongoing-development)