{"id":36432,"date":"2015-05-20T23:37:03","date_gmt":"2015-05-20T23:37:03","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/lightweight-grid-columns\/"},"modified":"2019-03-14T17:42:27","modified_gmt":"2019-03-14T17:42:27","slug":"lightweight-grid-columns","status":"publish","type":"plugin","link":"https:\/\/cor.wordpress.org\/plugins\/lightweight-grid-columns\/","author":10080727,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0","stable_tag":"1.0","tested":"5.1.22","requires":"4.5","requires_php":"","requires_plugins":"","header_name":"Lightweight Grid Columns","header_author":"Tom Usborne","header_description":"","assets_banners_color":"948f8f","last_updated":"2019-03-14 17:42:27","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/generatepress.com\/ongoing-development","header_plugin_uri":"https:\/\/generatepress.com","header_author_uri":"https:\/\/tomusborne.com","rating":4.9,"author_block_rating":0,"active_installs":10000,"downloads":120458,"num_ratings":42,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.0":"<ul>\n<li>Move custom class value to the parent container<\/li>\n<li>Code cleanup<\/li>\n<\/ul>","0.7":"<ul>\n<li>Fix weird scroll behavior caused by transitions and matchHeight<\/li>\n<li>Only load matchHeight on pages where columns are present with it enabled<\/li>\n<\/ul>","0.6":"<ul>\n<li>Fix column class bug causing some columns not to work<\/li>\n<\/ul>","0.5":"<ul>\n<li>Move margin-bottom setting to inner element so style attribute can overwrite it<\/li>\n<li>Adjust lgc_columns_helper function to fix issue with <code>and<\/code> tags around the shortcode<\/li>\n<li>Add jQuery matchHeight to match the height of columns for better responsive user experience<\/li>\n<li>Reduce the file size of stylesheet considerably<\/li>\n<\/ul>","0.4":"<p>Show TinyMCE icon on all post types<\/p>","0.3":"<p>Add old IE compatibility<\/p>","0.2":"<p>Allow line breaks inside your columns<\/p>","0.1":"<ul>\n<li>Initial release<\/li>\n<\/ul>"},"ratings":{"1":0,"2":"1","3":"1","4":0,"5":"40"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":"1164572","resolution":"128x128","location":"assets"}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":"1164572","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.1","0.2","0.3","0.4","0.5","0.6","0.7","1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1164572","resolution":"1","location":"assets"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1164572","resolution":"2","location":"assets"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1164572","resolution":"3","location":"assets"}},"screenshots":{"1":"The columns icon in your TinyMCE editor.","2":"The options inside the columns shortcode generator.","3":"A look at some awesome columns!"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[854,40293,33751],"plugin_category":[],"plugin_contributors":[78611],"plugin_business_model":[],"class_list":["post-36432","plugin","type-plugin","status-publish","hentry","plugin_tags-columns","plugin_tags-columns-shortcode","plugin_tags-grid-columns","plugin_contributors-edge22","plugin_committers-edge22"],"banners":{"banner":"https:\/\/ps.w.org\/lightweight-grid-columns\/assets\/banner-772x250.png?rev=1164572","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/lightweight-grid-columns\/assets\/icon-128x128.png?rev=1164572","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/lightweight-grid-columns\/assets\/screenshot-1.png?rev=1164572","caption":"The columns icon in your TinyMCE editor."},{"src":"https:\/\/ps.w.org\/lightweight-grid-columns\/assets\/screenshot-2.png?rev=1164572","caption":"The options inside the columns shortcode generator."},{"src":"https:\/\/ps.w.org\/lightweight-grid-columns\/assets\/screenshot-3.png?rev=1164572","caption":"A look at some awesome columns!"}],"raw_content":"<!--section=description-->\n<p>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).<\/p>\n\n<p>Specify your desired desktop, tablet and mobile widths of the columns, add your content and then insert your shortcode into your content.<\/p>\n\n<p>Lightweight Grid Columns uses the awesome Unsemantic Framework: (http:\/\/unsemantic.com\/)<\/p>\n\n<p>Check out GeneratePress, our awesome WordPress theme! (http:\/\/wordpress.org\/themes\/generatepress)<\/p>\n\n<h4>Features include:<\/h4>\n\n<ul>\n<li>Desktop grid width<\/li>\n<li>Tablet grid width<\/li>\n<li>Mobile grid width<\/li>\n<li>Add custom classes<\/li>\n<li>Add custom inline styles<\/li>\n<li>Equal height columns<\/li>\n<\/ul>\n\n<!--section=installation-->\n<p>There's two ways to install Lightweight Grid Columns.<\/p>\n\n<ol>\n<li>Go to \"Plugins &gt; Add New\" in your Dashboard and search for: Lightweight Grid Columns<\/li>\n<li>Download the .zip from WordPress.org, and upload the folder to the <code>\/wp-content\/plugins\/<\/code> directory via FTP.<\/li>\n<\/ol>\n\n<p>In most cases, #1 will work fine and is way easier.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt>How do I add the shortcodes?<\/dt>\n<dd><ul>\n<li>Make sure Lightweight Grid Columns is activated.<\/li>\n<li>While editing your post or page, go into the \"Visual Editor\".<\/li>\n<li>Look for the columns icon (see screenshots tab).<\/li>\n<li>Choose your desktop, tablet and mobile grid widths.<\/li>\n<li>If you're adding the last column in a row, check the \"Last\" checkbox (this is important).<\/li>\n<\/ul><\/dd>\n<dt>What if I don't want to use the TinyMCE button?<\/dt>\n<dd><p>Fair enough! Simply add the shortcode to your content.<\/p>\n\n<p>For example, the below will output 4 columns on desktop, 2 columns on tablet and 1 column on mobile<\/p>\n\n<pre><code>[lgc_column grid=\"25\" tablet_grid=\"50\" mobile_grid=\"100\"]Some content[\/lgc_column]\n\n[lgc_column grid=\"25\" tablet_grid=\"50\" mobile_grid=\"100\"]Some content[\/lgc_column]\n\n[lgc_column grid=\"25\" tablet_grid=\"50\" mobile_grid=\"100\"]Some content[\/lgc_column]\n\n[lgc_column grid=\"25\" tablet_grid=\"50\" mobile_grid=\"100\" last=\"true\"]Some content[\/lgc_column]\n<\/code><\/pre>\n\n<p>Take note of our last column - see the last=\"true\" part? Don't forget ;)<\/p><\/dd>\n<dt>What are my options for percentages?<\/dt>\n<dd><p>This is taken directly from (http:\/\/unsemantic.com):<\/p>\n\n<p>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.<\/p><\/dd>\n<dt>Are there any other options I can use in the shortcode?<\/dt>\n<dd><p>Yes!<\/p>\n\n<p>You can use:<\/p><\/dd>\n<dt>class<\/dt>\n<dd><p>[lgc_column grid=\"25\" tablet_grid=\"50\" mobile_grid=\"100\" class=\"push-25\"]Some content[\/lgc_column]<\/p><\/dd>\n<dt>style<\/dt>\n<dd><p>[lgc_column grid=\"25\" tablet_grid=\"50\" mobile_grid=\"100\" style=\"padding-left:0px;\"]Some content[\/lgc_column]<\/p><\/dd>\n<dt>equal_heights<\/dt>\n<dd><p>By default, JS equal heights are set to \"true\".<\/p>\n\n<pre><code>[lgc_column grid=\"25\" tablet_grid=\"50\" mobile_grid=\"100\" equal_heights=\"true\"]Some content[\/lgc_column]\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Move custom class value to the parent container<\/li>\n<li>Code cleanup<\/li>\n<\/ul>\n\n<h4>0.7<\/h4>\n\n<ul>\n<li>Fix weird scroll behavior caused by transitions and matchHeight<\/li>\n<li>Only load matchHeight on pages where columns are present with it enabled<\/li>\n<\/ul>\n\n<h4>0.6<\/h4>\n\n<ul>\n<li>Fix column class bug causing some columns not to work<\/li>\n<\/ul>\n\n<h4>0.5<\/h4>\n\n<ul>\n<li>Move margin-bottom setting to inner element so style attribute can overwrite it<\/li>\n<li>Adjust lgc_columns_helper function to fix issue with <code>&lt;p&gt;<\/code> and <code>&lt;br \/&gt;<\/code> tags around the shortcode<\/li>\n<li>Add jQuery matchHeight to match the height of columns for better responsive user experience<\/li>\n<li>Reduce the file size of stylesheet considerably<\/li>\n<\/ul>\n\n<h4>0.4<\/h4>\n\n<ul>\n<li>Show TinyMCE icon on all post types<\/li>\n<\/ul>\n\n<h4>0.3<\/h4>\n\n<ul>\n<li>Fix bug where TinyMCE icon wasn't showing up if SiteOrigin Page Builder and Black Studio TinyMCE Widget were activated together<\/li>\n<li>Add IE 7 &amp; 8 compatibility<\/li>\n<\/ul>\n\n<h4>0.2<\/h4>\n\n<ul>\n<li>Allow line breaks inside columns<\/li>\n<\/ul>\n\n<h4>0.1<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Easily add desktop, tablet and mobile friendly columns to your content using an easy to use shortcode.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/36432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=36432"}],"author":[{"embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/edge22"}],"wp:attachment":[{"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=36432"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=36432"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=36432"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=36432"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=36432"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cor.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=36432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}