by Tom Usborne
4.9 (42 reviews)
Lightweight Grid Columns
Easily add desktop, tablet and mobile friendly columns to your content using an easy to use shortcode.
Tested up to WP 5.1 (Current: 6.9)
v1.0
Current Version v1.0
Updated 6 years ago
Last Update on 14 Mar, 2019
Synced 11 hours ago
Last Synced on
Rank
#1,821
—
No change
Active Installs
10K+
-38.9%
KW Avg Position
46
—
No change
Downloads
119.5K
+4 today
Support Resolved
0%
—
No change
Rating
98%
Review 4.9 out of 5
4.9
(42 reviews)
Next Milestone 20K
10K+
20K+
321
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 3,954 more installs to reach 20K+
Rank Changes
Current
#1,821
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
4.9
42 reviews
Overall
98%
5
40
(95%)
4
0
(0%)
3
1
(2%)
2
1
(2%)
1
0
(0%)
Tracked Keywords
Showing 3 of 3| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| columns shortcode | 20 | — | Tag | 12 hours ago |
| grid columns | 37 | — | Tag | 12 hours ago |
| columns | 81 | — | Tag | 12 hours ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 1.0
- Last Updated
- Mar 14, 2019
- Requires WP
- 4.5+
- Tested Up To
- 5.1
- PHP Version
- N/A
- Author
- Tom Usborne
Support & Rating
- Rating
- ★ ★ ★ ★ ★ 4.9
- Reviews
- 42
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade Now
Frequently Asked Questions
Common questions about Lightweight Grid Columns
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).
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).
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]
[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]