musicalbigfoot

geckodesigns

Dwayne Parton

<p>A css grid layout block for gutenberg. It allows you to create masonry like content. This could be a gallery, content flowing in unique ways, or whatever.</p>
<p>Grid Layout is a tool for developers. Themes can determine the styles that are available on the grid items with minimum interference from inline styles. Developers can also update the markup with the filters available.</p>
<h4>Filters(Developers)</h4>
<ul>
<li>gecko/grid-layout-basic/defaults</li>
<li>gecko/grid-layout-basic/class</li>
<li>gecko/grid-layout-basic/style</li>
<li>gecko/grid-layout-image/defaults</li>
<li>gecko/grid-layout-image/class</li>
<li>gecko/grid-layout-image/style</li>
<li>gecko/grid-layout-item/defaults</li>
<li>gecko/grid-layout-item/class</li>
<li>gecko/grid-layout-item/style</li>
</ul>


Gecko Grid Layout

A css grid layout block for gutenberg. It allows you to create masonry like content. This could be a gallery, content flowing in unique ways, or whate …

g5theme

<p><a href="http://g5plus.net/" rel="nofollow ugc">Main Site</a> | <a href="http://themes.g5plus.net/plugins/grid/?utm_source=wp&utm_medium=grid_description&utm_content=website_introduction" rel="nofollow ugc">Demo</a> | <a href="http://plugins.g5plus.net/documents/grid-plus/" rel="nofollow ugc">Docs</a> | <a href="https://codecanyon.net/item/grid-plus-unlimited-grid-layout/19444153?utm_source=wp&utm_medium=grid_descrtipion&utm_campaign=premium-grid-plus" rel="nofollow ugc">Premium Version</a></p>
<p><em>Create unlimited layout and display all post types.</em></p>
<p>Grid Plus is a WordPress grid plugin which allows you create unlimited layout and display all post types in a fully customizable and responsive grid system. It is perfectly suited for displaying your blog, portfolio, e-commerce or any kind of WordPress post type.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/CUOywQAadzU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Grid Plus features</h4>
<ul>
<li>
<p>Responsive Ready: Grid looks great from small resolutions to large displays.</p>
</li>
<li>
<p>Unlimited color: You can set your own color scheme or choose from custom css for each grid.</p>
</li>
<li>
<p>Media Metabox Ready: provide media metabox for post and custom post type.</p>
</li>
<li>
<p>Layout builder: With layout builder, you can build many layout follow what you want:</p>
<ul>
<li>Grid layout</li>
<li>Masonry layout</li>
<li>Carousel layout</li>
</ul>
</li>
<li>
<p>Add more skin: Grid provide action hook for developer can be add more item skin</p>
</li>
<li>
<p><a href="http://plugins.g5plus.net/documents/grid-plus/" rel="nofollow ugc">Well documented</a>.</p>
</li>
<li>
<p>Developer friendly. Grid Plus is built to be extensible.</p>
</li>
</ul>
<h4>Demo</h4>
<ul>
<li>
<a href="http://themes.g5plus.net/plugins/grid" rel="nofollow ugc">http://themes.g5plus.net/plugins/grid</a>
</li>
</ul>
<h4>Video how to</h4>
<ol>
<li>How to create grid layout.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/tj7sgE8jBOw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to create masonry layout.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/L0eMag7j9z8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to create carousel layout.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/nhUbzv7CAvw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to create metro layout. <strong>(Pro Feature)</strong><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/CUOywQAadzU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to import & export layout. <strong>(Pro Feature)</strong><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/VF62jDNKnp0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
<li>How to manage image and video.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/O0vDi5lYuI0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></li>
</ol>
<blockquote>
<h4>Become a Premium user</h4>
<p>Grid Plus has a Premium version which comes with several additional benefits.</p>
<ul>
<li>Import & Export: You can export grid layout from another site and import to new site easy</li>
<li>Unlimited Layout: include layout builder for <a href="https://www.youtube.com/watch?v=CUOywQAadzU" rel="nofollow ugc">Metro layout</a></li>
<li>More item <a href="http://themes.g5plus.net/plugins/grid" rel="nofollow ugc">skin</a></li>
</ul>
<p><a href="https://codecanyon.net/item/grid-plus-unlimited-grid-layout/19444153?ref=g5theme" rel="nofollow ugc">View more Premium features</a></p>
</blockquote>


Grid Plus – Unlimited grid layout

Grid Plus is a  WordPress plugin which allows you create unlimited layout and display all post types in a fully customizable.

Gecko Grid Layout vs Grid Plus – Unlimited grid layout