manifest / editor / lj-flex-masonry

Local Jungle Masonry

Ability to turn a sections child elements into masonry layout.

by Local Jungle · github.com/craigstob/lj-flex-masonry

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/craigstob/lj-flex-masonry/archive/refs/heads/main.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/craigstob/lj-flex-masonry ↗

Local Jungle Flex Masonry

To use this plugin simply install and activate it. Then put this CSS class selector on the parent node you want to transform the children to masonry.

.masonry_gallery

For example the markup could look like:


<div class="masonry_gallery">
    <div>one</div>
    <div>two</div>
    <div>three</div>
    <div>etc</div>
</div>

Or a list:


<ul class="masonry_gallery">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

To control the breakpoints of the columns find this section of the code located in the lj.flex.masonry.php file and edit to your liking:

breakpointCols: {
          'min-width: 600px': 3,
          // 'min-width: 1200px': 5,
          // 'min-width: 992px': 4,
          // 'min-width: 768px': 3,
          'min-width: 300px': 2,
        },