UberGrid: The Responsive Grid Builder for Your WordPress Site
Unlock the potential of your WordPress website with UberGrid, a powerful grid plugin designed to elevate your site’s layout and functionality. With UberGrid, you can effortlessly create stunning grids for various content types, all while harnessing the full capabilities of WordPress.
Whether you’re a WordPress novice or an experienced developer, UberGrid offers an intuitive and robust solution to craft visually appealing grids with ease. This plugin allows you to design captivating grid layouts for different content elements, be it your portfolio, team members, products, images, blog posts, or any other content you want to showcase in a grid format. The flexibility and customization options of UberGrid ensure that it adapts seamlessly to your unique needs.
- Tailored responsiveness: UberGrid provides settings optimized for small screens, ensuring that your grids look fantastic on devices with varying screen sizes.
- Automated grid creation: Build grids effortlessly by utilizing existing WordPress posts, including custom post types and WooCommerce products. Filter and arrange your content dynamically, either automatically or manually, to achieve the desired grid layout.
- Diverse cell customization: Choose from 12 distinct cell layouts, including options for width and height adjustments, unique title placements, labels beneath cells, and more.
- Integrated lightbox functionality: Enjoy a robust built-in lightbox that rivals the features of dedicated lightbox solutions, enhancing the viewing experience for your grid’s content.
- New in Version 2.0: Introducing the ability to launch grids within a lightbox for a seamless and immersive user experience.
- High-resolution support: UberGrid is optimized for retina and other high-DPI displays, ensuring your grids look crisp and appealing on all devices.
- Efficient filtering: Easily categorize and filter content within your grids based on departments, work types, product categories, and more.
- Versatile built-in lightbox: The plugin offers a powerful lightbox that supports images, Google Maps, YouTube videos, Vimeo videos, and text, giving you flexibility in presenting various types of content.
- Total customization: Tailor every aspect of your grids, from spacing and borders to font styles, sizes, images, and colors. UberGrid empowers you to bring your creative vision to life.
- On-hover descriptions: Enhance user engagement with customizable on-hover descriptions that can provide additional information or context for each grid cell.
- Sleek CSS3 animations: Incorporate smooth animations and effects using CSS3, adding a touch of dynamism to your grids and enhancing the user experience.
- Rich font selection: Access over 600 Google Fonts to make typography choices that align with your website’s style.
- No coding required: Enjoy the benefits of a feature-rich grid plugin without the need for coding expertise.
- Additional Widget in Version 1.4: Get even more flexibility and options by utilizing the newly introduced widget.
- Pagination Support in Version 1.6: Enable pagination for your grids to improve navigation and user experience.
- Deeplinking Support in Version 1.8: Provide direct links to specific grid configurations using deeplinks.
- Jetpack Photon Integration: Save bandwidth by leveraging Jetpack Photon for optimized image loading.
- Built-in Support: Access built-in support features to troubleshoot and resolve any issues that may arise during your grid-building process.
Simplified Workflow: Creating grids with UberGrid is straightforward:
- Click “Add New UberGrid” to start the grid-building process.
- Build your grid manually or automatically using existing posts, pages, products, and custom post types.
- Save your grid and copy the generated shortcode to embed it on the desired pages or posts.
- Enjoy beautifully crafted, responsive grids that enhance your website’s visual appeal and functionality.
- Caching for Performance: UberGrid’s generated HTML can be cached, ensuring optimal performance for your site.
- Efficient Styling: CSS is loaded as a separate stylesheet, preventing excessive HTML clutter.
- Lightbox Versatility: UberGrid supports multiple lightbox options, including Vimeo and YouTube videos.
- Modern Compatibility: The plugin eliminates dependencies on timthumb, Jetpack, and similar libraries.
- Self-Diagnostics: Utilize the built-in self-diagnostics feature to troubleshoot any potential issues.
- Compatibility: Requires WordPress 3.5 or later, as it leverages the new image selector introduced in this version.
Installation and Usage: Choose your preferred installation method:
- Download the plugin file from CodeCanyon.
- Log in to your WordPress admin area.
- Navigate to “Plugins” and click “Add New.”
- Click “Upload,” select the downloaded file, and upload it.
- Click “Activate.”
- For optimal performance, update UberGrid to the latest version through the admin dashboard’s “Updates” section.
- Download the plugin file from CodeCanyon and unzip it.
- Using your preferred FTP client, upload the unzipped folder to your WordPress installation’s wp-content/plugins directory.
- Log in to your WordPress admin area, go to “Plugins,” find “UberGrid,” and click “Activate.”
- As before, ensure UberGrid is up to date through the admin dashboard’s “Updates” section for the best experience.
- In the WordPress admin area, go to “UberGrid” and click “Add New.”
- Give your grid a descriptive title.
- Add cells by clicking the “Add Cell” button, where you can assign images, layout options, and text as needed.
- Fine-tune the style and layout to match your website’s design.
- Click “Create” and then “Save.”
- Copy the generated shortcode under the title.
- Paste the shortcode into your desired pages or posts to display the UberGrid.