Title: Lightweight Grid Columns
Author: Tom
Published: 20 Maajo, 2015
Last modified: 14 Maarso, 2019
---
Raadi kaabayaal
This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.
# Lightweight Grid Columns
Qore [Tom](https://profiles.wordpress.org/edge22/)
[Soo Rog](https://downloads.wordpress.org/plugin/lightweight-grid-columns.1.0.zip)
* [Faahfaahin](https://so.wordpress.org/plugins/lightweight-grid-columns/#description)
* [Dibu-eegisyo](https://so.wordpress.org/plugins/lightweight-grid-columns/#reviews)
* [Rakibaad](https://so.wordpress.org/plugins/lightweight-grid-columns/#installation)
* [Horumarinta](https://so.wordpress.org/plugins/lightweight-grid-columns/#developers)
[Taageero](https://wordpress.org/support/plugin/lightweight-grid-columns/)
## Sharraxaad
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
## Sawir-shaashado
[⌊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!
## Rakibaad
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.
## SBI
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?
Yes!
You can use:
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
By default, JS equal heights are set to “true”.
```
[lgc_column grid="25" tablet_grid="50" mobile_grid="100" equal_heights="true"]Some content[/lgc_column]
```
## Dibu-eegisyo
### [Really simple plugin](https://wordpress.org/support/topic/really-simple-plugin-6/)
[alvar05](https://profiles.wordpress.org/alvar05/) 28 Oktoobar, 2020
Thanks for a really simple and working plugin!!
### [Breaks Admin Bar](https://wordpress.org/support/topic/breaks-admin-bar-3/)
[Lindsey](https://profiles.wordpress.org/lchutchi/) 2 Janaayo, 2020
The admin bar breaks upon installation and activation of this plugin. If you’re
having similar issues, deactivate to troubleshoot.
### [Mega plugin](https://wordpress.org/support/topic/mega-plugin-4/)
[bazilio07](https://profiles.wordpress.org/bazilio07/) 9 Oktoobar, 2019
плагин шикарен, как и все творения Тома!
### [Needs to be updated](https://wordpress.org/support/topic/needs-to-be-updated-9/)
[mediafluent](https://profiles.wordpress.org/mediafluent/) 4 Sebteembar, 2019 1
reply
to work with Gutenberg blocks.
### [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 Agoosto, 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!
### [Maybe Gutenberg Block in the Future?](https://wordpress.org/support/topic/maybe-gutenberg-block-in-the-future/)
[jingiz](https://profiles.wordpress.org/jingiz/) 7 Abriil, 2019 1 reply
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.
[ Akhri dhammaan 42 dibu-eegis ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/)
## Ka-qaybgalayaasha & Horumariyayaasha
“Lightweight Grid Columns” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay
kaabahan.
Ka-qaybgalayaasha
* [ Tom ](https://profiles.wordpress.org/edge22/)
“Lightweight Grid Columns” waxaa lagu tarjumay 8 luqadood. Way ku mahadsan yihiin
[turjumaannada](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns/contributors)
ka-qaybqaadashadooda.
[Ku tarjun “Lightweight Grid Columns” luqaddaada.](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns)
### Ma xiisaynaysaa horumarinta?
[Baadh koodka](https://plugins.trac.wordpress.org/browser/lightweight-grid-columns/),
fiiri [bakhaarka SVN](https://plugins.svn.wordpress.org/lightweight-grid-columns/),
ama iska qor [diiwaanka horumarinta](https://plugins.trac.wordpress.org/log/lightweight-grid-columns/)
adigoo adeegsanaya [RSS](https://plugins.trac.wordpress.org/log/lightweight-grid-columns/?limit=100&mode=stop_on_copy&format=rss).
## Isbeddellada
#### 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 `` and `
` 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
* Version **1.0**
* Last updated **7 sano kahor**
* Active installations **10,000+**
* WordPress version ** 4.5 ama ka sareeya **
* Tested up to **5.1.22**
* Languages
* [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/),
and [Vietnamese](https://vi.wordpress.org/plugins/lightweight-grid-columns/).
* [Ku tarjun luqaddaada](https://translate.wordpress.org/projects/wp-plugins/lightweight-grid-columns)
* Tags
* [columns](https://so.wordpress.org/plugins/tags/columns/)[grid columns](https://so.wordpress.org/plugins/tags/grid-columns/)
* [Aragti Sare](https://so.wordpress.org/plugins/lightweight-grid-columns/advanced/)
## Qiimeynta
4.9 out of 5 stars.
* [ 40 5-star reviews ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=5)
* [ 0 4-star reviews ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=4)
* [ 1 3-star review ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=3)
* [ 1 2-star review ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=2)
* [ 0 1-star reviews ](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/lightweight-grid-columns/reviews/)
## Ka-qaybgalayaasha
* [ Tom ](https://profiles.wordpress.org/edge22/)
## Taageero
Ma heysaa waxaad dhahdo? Caawimaad ma u baahan tahay?
[Eeg madasha taageerada](https://wordpress.org/support/plugin/lightweight-grid-columns/)
## Ku deeq
Ma jeclaan lahayd inaad taageerto horumarinta kaabahan?
[ Ugu deeq kaabahan ](https://generatepress.com/ongoing-development)