UberGrid v2.9.4.5 – responsive grid builder for WordPress null plugin

0
5
Responsive grid builder for WordPress
Responsive grid builder for WordPress

UberGrid is a powerful responsive grid builder for WordPress that can build nice looking walls of square items defined manually or pull automatically using your WordPress posts include WooCommerce products and custom post types created by third-party plugins or themes. You can use UberGrid to present your portfolio, team, productsphotosblog posts, or anything else that can be presented with square cells. Its unique customisability will adopt to almost any needs.

Responsive grid builder for WordPress Features

  • Responsive. It has separate settings for small screens (below 768 pixels wide and below 440pixels wide), plus an option to adjust cell size on the fly.
  • You can build a grid automatically using existing posts (including custom types and WooCommerce products). Choose post type, apply filters, and build the grid on every page load (or one time and modify it manually).
  • Highly customizable cells – 12 cell layouts with 2x width and/or height support, different title layouts, labels below cells, etc – please see the demo.
  • Nice and powerful built-in lightbox having almost all the features any other lightbox offers.
  • New in 2.0You can open the grid in a lightbox.
  • Retina and other hi dpi screens are supported.
  • Filtering to represent departments, work types, product categories, etc.
  • Powerful responsive built-in lightbox with image, google maps, youtube, vimeo and text support.
  • New in 2.9Dark and light lightbox themes
  • Customizable … everything – spacing, border, block size, font name and size, images, colors. You name it – I will add missing ones. View annotated builder screenshot
  • Customizable on-hover descriptions with animation support.
  • Fast CSS3 animations and effects (when supported by the browser).
  • 600+ fonts using Google fonts
  • No coding required.
  • New in 1.4 Widget available.
  • New in 1.6 Pagination support.
  • New in 1.8 Deeplinking support.
  • Built-in support feature helps when the trouble strikes

Workflow

UberGrid usage is simple:

  1. Click “Add new UberGrid”
  2. Build a grid manually or by using existing posts, pages, products or custom post types.
  3. Save the grid built and copy the shortcode generated to pages and posts you want.

Technical features

  • Built-in lightbox suppors Vimeo and Youtube videos.
  • No timthumb, Jetpack or similar libraries anymore.
  • Self-diagnostics available at the settings page.
  • No JS dependencies or conflicts

Responsive grid builder for WordPress Installation and usage

Installation, recommended way:

  1. Download a plugin file from CodeCanyon
  2. Log into your WordPress admin area
  3. Go to “Plugins”, click “Add new” link at the top
  4. Click “upload”, choose a file downloaded in the file selector field and submit the form
  5. Click “activate”
  6. highly recommendedGo to the admin dashboard, clicl “Updates” under the dashboard link at the left menu. Update to the latest UberGrid version by choosing Ubergrid among updates available.
  7. It is strongly recommended to disable caching plugins while building your grids UberGrid works fine with them, but until you are done with editing – out of sync issues may be a big pain.

Installation, second way:

  1. Download a plugin file from CodeCanyon
  2. Unzip the plugin archive
  3. Open your FTP client of choise, upload the folder unzipped to your WordPress installation’s wp-content/plugins folder. Make sure you did not add an extra folder hierarchy and plugin .php files are right at wp-content/plugins/uber-grid folder
  4. Log into WordPress admin area, go to “Plugins”, find “UberGrid”, click “activate”
  5. highly recommendedGo to the admin dashboard, clicl “Updates” under the dashboard link at the left menu. Update to the latest UberGrid version by choosing Ubergrid among updates available.
  6. It is strongly recommended to disable caching plugins while building your grids to avoid “out-of-sync” issues. UberGrid works fine with them, but until you are done with editing – out of sync issues may be a big pain.

Usage

  1. At the WordPress admin area, go to “UberGrid”, click “add new”
  2. Give your grid some title
  3. Add some cells by clicking “Add cell” button. Assign them images, layout options and text according to your needs.
  4. Adjust the style and layout according to your site design.
  5. Click “Create” or “Save”.
  6. Copy a shortcode generated below the title.
  7. Insert it into your pages or posts where you need UberGrid to appear
  8. Enjoy and feel free to ask for new features or support!

Responsive grid builder for WordPress Advanced usage

You can show UberGrid created programmatically by copying its ID from the builder screen and adding <?php echo ubergrid($your_grid_id) ?> into your template. Do not forget to replace $your_grid_id with actual value

Responsive grid builder for WordPress Upgrading from 1.8 to 2.0

To upgrade from 1.8 to 2.0 you just need to uninstall old plugin and install new one. As storage formats are different, there may be some minor issues after upgrading – in this case, use built-in support feature to report a problem, update to the latest version and click “load 1.8 data” to re-import old data to the new format.

Responsive grid builder for WordPress Compatibility

  • WordPress – latest versions are always supported. Updates are released within a couple of days after new WP release.
  • WP Super Cache + Better WP Minify – Recommended caching / minification setup. Fast, smooth, easy to setup.
  • W3 Total Cache, WPRocket – may cause problems when script minification is turned on.
  • WPEngine, SiteGround, BlueHost, ASmallOrange – no compatibility issues. WPEngine and SiteGround are recommended.

For more WordPress plugins visit this page.

Leave a Reply