Description
UberGrid is a powerful responsive grid / gallery builder for WordPress that will impress your visitors with stylish grids built in minutes. You can use UberGrid to present your portfolio, team, products, photos, blog posts, or anything else – the only limit is your imagination. Grids built with UberGrid may have a look completely different to example screenshots if you’ll set it up your way.
I’ve been needing something like this for over a decade (literally) – thanks!
chipperson, the first commenter
Features
- Super-Responsive! UberGrid has two modes – “fill the width available” (default one), and “forced width”. Both modes use progressive enhancement approach that works from IE6 to all the modern browsers.
- Linkable grid cells
- 10, woops, sorry, 12 block layouts
- 7 title layouts
- 7 hover effects
- Customizable … everything – spacing, border, block size, font name and size, images, colors. You name it – I will add missing ones. View annotated builder screenshot
- On-hover and popup descriptions
- Fast CSS3 animations and effects (when supported by the browser).
- 600+ fonts using Google fonts
- Grid preview mode
Technical features
- Generated HTML can be cached to make UberGrid rocket fast if you have a busy site or slow shard hosting.
- CSS can be loaded as a separate stylesheet not burdening your HTML with style tags.
- timthumb and alike are NOT used saving you from hackers. All the image processing is done by WordPress API
- Self-diagnostics available at the settings page.
- WordPress 3.5 required (because UberGrid uses a new image selector available from 3.5)
Installation and usage
Installation, first way:- Download a plugin file from CodeCanyon
- Log into your WordPress admin area
- Go to “Plugins”, click “Add new” link at the top
- Click “upload”, choose a file downloaded in the file selector field and submit the form
- Click “activate”
- Download a plugin file from CodeCanyon
- Unzip the plugin archive
- 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
- Log into WordPress admin area, go to “Plugins”, find “UberGrid”, click “activate”
Usage
- At the WordPress admin area, go to “UberGrid”, click “add new”
- Give your grid some title
- Add some cells by clicking “Add cell” button. Assign them images, layout options and text according to your needs.
- Adjust the style and layout according to your site design.
- Click “Create” or “Save”.
- Copy a shortcode generated below the title.
- Insert it into your pages or posts where you need UberGrid to appear
- Enjoy and feel free to ask for new features or support!
Advanced usage
You can show UberGrid created programmatically by copying its ID from the builder screen and adding<?php ubergrid($your_grid_id) ?> into your template. Do not forget to replace $your_grid_id with actual value.Support
I offer a free support and bugfixes – feel free to contact me! If you experience any kind of issues – please send me a private message, and I’ll be happy to help. Including your site URL and a screenshot will help me to resolve your issue much, much faster!Release history
- 1.0 – Initial release
Category : Scripts, wordpress, galleries | Rating: