UberGrid - responsive grid builder for WordPress

UberGrid is a powerful responsive grid / gallery builder for WordPress that can construct attractive partitions of sq. pieces outlined manually or pulled routinely the use of your WordPress posts includi WooCommerce merchandise and customized submit types created through third birthday celebration plugins or subject matters. you'll be able to use UberGrid to present your portfolio, team, merchandise, footage, blog posts, or anything that can be offered with square cells. Its distinctive customisability will adopt to just about any needs.

Options

• Responsive. It has separate settings for small displays (below 768 pixels wide and beneath 440pixels extensive), plus an approach to adjust cell size at the fly.
• you'll build a grid automatically the usage of existing posts (including custom sorts and WooCommerce products). Make A Choice put up type, observe filters, and construct the grid on each page load (or one time and alter it manually).
• Extremely customizable cells – 12 cellular telephone layouts with 2x width and/or height give a boost to, different title layouts, labels under cells, and so forth – please see the demo.
• Great and robust built-in lightbox with loads of options.
• New in 2.0you can open the grid in a lightbox.
• Retina and different hello dpi displays are supported.
• Filtering to symbolize departments, work types, product classes, and so on.
• Tough responsive constructed-in lightbox with symbol, google maps, youtube, vimeo and textual content toughen.
• FIVE different lightboxes toughen including PrettyPhoto, JetPack Gallery, Swipebox and premium iLightbox, FooBox.
• Customizable … the whole thing – spacing, border, block size, font title and size, photographs, colors. You identify it – i will upload lacking ones. View annotated builder screenshot
• Customizable on-hover descriptions with animation make stronger.
• Rapid CSS3 animations and effects (when supported through the browser).
• SIX HUNDRED+ fonts using Google fonts
• No coding required.
• New in 1.4 Widget available.
• New in 1.6 Pagination beef up.
• New in 1.8 Deeplinking improve.
• JetpackPhoton strengthen lets in you to avoid wasting your web page bandwidth when serving photographs.
• Constructed-in reinforce feature is helping while the trouble strikes.

I’ve been wanting one thing like this for over a decade (literally) – thanks!
chipperson, the first commenter

Workflow

UberGrid utilization is discreet:

1. Click “Upload new UberGrid”
2. Build a grid manually or by utilizing current posts, pages, products or customized submit sorts.
3. Retailer the grid built and replica the shortcode generated to pages and posts you need.

Technical features

• Generated HTML can also be cached to make UberGrid rocket fast when you have a hectic site or slow shard website hosting.
• CSS will also be loaded as a separate stylesheet now not burdening your HTML with taste tags.
• UberBox and some other lightboxes toughen Vimeo and Youtube videos.
• Latest timthumb library is used for symbol processing.
• Self-diagnostics to be had at the settings page.
• WordPress 3.FIVE required (as a result of UberGrid uses a new symbol selector available from 3.5)
• jQuery 1.7.2 required. UberGrid has a builtin jQuery to make use of rather than subject-supplied older one

“Photographs not showing” problem

ranging from 1.7 version, UberGrid uses a timthumb script that leads problems appearing primary cellular telephone pictures in some environments. If you may have an identical issue – please drop me an individual message, I’ll feel free to assist, it takes mins on a regular basis. i'm additionally working on an automatised downside solver lately to get rid of this problem totally.

Deploy and usage

Installation, advisable method:

1. Download a plugin report from CodeCanyon
2. Log into your WordPress admin area
3. visit “Plugins”, click on “Add new” link on the most sensible
4. Click On “upload”, make a selection a record downloaded within the document selector box and submit the form
5. Click “activate”
6. extremely advisablevisit the admin dashboard, clicl “Updates” beneath the dashboard link at the left menu. Update to the most recent UberGrid version via choosing Ubergrid amongst updates to be had.
7. it's strongly beneficial to disable caching plugins whilst building your grids UberGrid works advantageous with them, but until you're performed with modifying – out of sync problems is also a large ache.

Install, 2d manner:

1. Obtain a plugin file from CodeCanyon
2. Unzip the plugin archive
3. Open your FTP consumer of choise, upload the folder unzipped to your WordPress set up’s wp-content material/plugins folder. be sure you did now not upload an additional folder hierarchy and plugin .php recordsdata are right at wp-content material/plugins/uber-grid folder
4. Log into WordPress admin space, go to “Plugins”, in finding “UberGrid”, click on “activate”
5. extremely really usefulvisit the admin dashboard, clicl “Updates” beneath the dashboard link at the left menu. Update to the newest UberGrid version by way of choosing Ubergrid among updates to be had.
6. it's strongly really useful to disable caching plugins while construction your grids to bypass “out-of-sync” problems. UberGrid works advantageous with them, but until you might be done with enhancing – out of sync issues may be a big ache.

Utilization

1. At The WordPress admin area, go to “UberGrid”, click “add new”
2. Provide your grid a few title
3. Add a few cells by way of clicking “Add cellphone” button. Assign them pictures, structure options and text in accordance for your needs.
4. Regulate the style and format in accordance on your site layout.
5. Click On “Create” or “Keep”.
6. Copy a shortcode generated under the title.
7. Insert it into your pages or posts where you want UberGrid to seem
8. Experience and be happy to invite for new features or toughen!

Complex utilization

you'll be able to display UberGrid created programmatically through copying its ID from the builder display and including <?php echo ubergrid($your_grid_id) ?> into your template. do not omit to switch $your_grid_id with exact price.

Upgrading from 1.8 to 2.0

To improve from 1.8 to 2.0 you just need to uninstall old plugin and set up new one. As storage formats are different, there is also some minor problems after upgrading – in this case, use constructed-in reinforce function to document a problem, update to the newest model and click on “load 1.8 information” to re-import old knowledge to the brand new structure.

Compatibility

• WordPress – contemporary variations are all the time supported. Updates are launched inside a couple of days after new WP free up.
• WP Super Cache + Better WP Minify – Really Helpful caching / minification setup. Fast, smooth, easy to setup.
• W3 Overall Cache, WPRocket – could cause issues when script minification is became on.
• WPEngine, SiteGround, BlueHost, ASmallOrange – no compatibility issues. WPEngine and SiteGround are recommended.
• HostGator – needs handbook switching to Photon symbol resizer (troubleshooting instructions to be had whilst clicking “Photographs no longer appearing” next to the gallery on the front-end).

Release history

2.1.2

• Android contact-related trojan horse fastened

2.1.1

• “post offset” setting malicious program mounted in Computerized mode.

2.1

• Android contact enhance in UberBox.
• “Mounted column rely” mode introduced.

2.0

• Leading code rewrite based on Spine, UberBox is a default lightbox now, Magnific Popup integration got rid of

1.8.3.1, 1.8.3.2

• Theme compatibility enhancements.

1.8.3

• Minor bugfixes.

1.8.2

• Progressed cell filtering animations.
• Minor bugfixes.

1.8

• Multiple lightbox make stronger added – now Magnific Popup, Swipebox, PrettyPhoto, JetPack carousel, iLightbox and FooBox are supported.
• Deeplinking improve brought (even for lightboxes the ones do not reinforce deeplinks natively).
• Android-related initialisation fixes.
• Efficiency improved in automated mode.
• Jetpack Photon integration delivered.
• Built-in “Images now not showing” troubleshooter brought.

Older variations:

• 1.7.4.1-1.7.4.3 – Minor compatibility bugfixes
• 1.7.4 – Improved “Automatic” mode (can fetch put up tags now, plus a couple of mobile phone layouts option). A FEW subject matter compatibility fixes.
• 1.7.3 – Admin UI updated to check WordPress 3.8, more sensible timthumb cache dealing with must decrease a bunch of “image no longer showing” issues.
• 1.7.2 – Theme compatibility update
• 1.7.1 – Brought a new option “Autosize” to allow grid to fill all the house to be had without gaps; relatively stepped forward compatibility with servers not setting DOCUMENT_ROOT
• 1.7 – Switched to timthumb for symbol processing. Advanced responsiveness (cells are resized to fully fit the area to be had). Retina toughen.
• 1.6.8 – shape saving process modified, no more “max_input_vars” setting issues.
• 1.6.7.3 – compatibility improvements (separate jQuery can be used for issues no longer following perfect practices), date toughen for automobile era
• 1.6.4, 1.6.FIVE, 1.6.6 – compatibility improvements, filters sorting possibility delivered
• 1.6.2, 1.6.3 – numerous compatibility enhancements.
• 1.6.1 – JS compatibility factor fixed.
• 1.6 – more than one compatibility improvements, grid cloning and pagination options brought, no margin to the left and proper from the grid for those who have “cellular phone gap” set to non-zero value
• 1.FIVE.1 – Fixed shortcode processing for a lightbox
• 1.5 – Optimized (again) grid saving. Higher subject compatibility. An technique to use builtin jQuery 1.9.1. in the event you are upgrading from previous model – please re-keep your grids to keep up image proportions.
• 1.4 – Adjustable cellphone sizes for reveal width beneath 768 and 440 pixels. Better editor compatibility with third celebration plugins. WordPress widget for UberGrid
• 1.3.6 – Faster grid saving at the admin space, CSS compatibility, filter customization bugfix
• 1.3.5 – Item cloning fastened (it didn't preserve cellular phone layouts)
• 1.3.2, 1.3.3
– compatibility improvements (css, WooCommerce).
• 1.3.1
– Cellular Telephone filtering in accordance with tags set, a lot sooner grid saving, CSS compatibility fixes.
• 1.2 – Grid auto-technology from posts, better self-diagnostics, lightbox fixes.
• 1.1.3 – better compatibility, editor JavaScript performance dramatically improved.
• 1.1.1 – introduced compatibility choice for topics including “p” tags too aggressively
• 1.1 – Popup content dropped, introduced lightbox strengthen, social icons, extended self-diagnostics and plenty of CSS compatibility fixes
• 1.0.1 – Preview mounted
• 1.0 – Initial free up

FULL DOWNLOAD