Google Grid Gallery for WordPress is a responsive masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.
The Google Grid Gallery for WordPress works great on both desktops, tablets and smartphones.
In the plugins Options panel you can easily set the default values and then just insert a simple shortcode wherever you want the Grid Gallery to show. Â Or you can use the advanced arguments in the shortcode, Â and create a range of different Grid Galleries.
Google Grid Gallery for WordPress is also compatible with our free Visual CSS Editor. This makes it very easy to customize all the CSS settings. Choose between 600+ Google Web Fonts.
We hope you will like it!
Google Grid Gallery (Default Shortcode)
Google Grid Gallery (Native WordPress Gallery)
Â using the information below and take a look at the menu.
List of features
Support for Custom Post Types in WordPress
Support for WordPress native galleries
Create Masonry Grid Gallery
Slideshow when items are clicked
Responsive for mobile support
Compatible with Visual CSS Editor for easy customization
Supports simple shortcodes or advanced arguments
Options Panel for easy default configuration
After installing and activating the plugin you will find the Grid Gallery menu in the menu. This menu contains three sub-menus.
Options: Access the main tabs for configuring the default settings.
Downloads: Enter your license key and download free and paid add-ons.
CSS Editor: Enable the CSS Editor after you have downloaded it, Enable CSS customization caching, Enable debug mode, Enter Gallery URL’s and access the troubleshooting if you run into compatibility issues.
In the Grid Gallery Shortcode tab you can configure all the default settings, and you can see all the possible advanced arguments you can use with the shortcode. If you configure all the default settings you can just insert the basic shortcode.
If you want to insert different Grid Galleries displaying different custom post types, different details and using different loading effect then you need to use the advanced arguments.
In the Grid Gallery Layout tab you can turn the different details of the layout ON
. Any changes in this tab apply to the default shortcode. You can also add any of them as arguments to the shortcode if you want to insert Grid Galleries with different look.
In the Troubleshooting tab you can enable the debug mode. This will provide technical information that we can use to troubleshoot problems.
The License tab is where you enter your License Key (Item Purchase Code). This will allow you to download updates directly from inside wp-admin and you can access the Downloads menu where you will find free add-ons and paid add-ons.
How to create a Picture Gallery with Google Grid Gallery
Google Grid Gallery supports creating a picture gallery using the native WordPress Gallery feature that allow you to add one or more image galleries to your posts or pages.
Simply click on the Add Media button to get started.
Then click on the Create Gallery link in the left side, and then select the images you would like to include in your Gallery. As soon as you select the Google Grid Gallery loading effect this gallery will turn into a Google Grid Gallery.
Add title and description to the images and it will be displayed in the Grid Gallery.
Use the Visual CSS Editor with Google Grid Gallery for WordPress
If you enter your license key (Item Purchase Code) in the License tab under the Options menu you can access the Downloads section and download the Visual CSS Editor.
It will allow you to easily customize the CSS settings including colors, padding, margins, line height, backgrounds, font size, fonts (choose between more than 600+ Google Web Fonts). All this and more without any prior knowledge of CSS.
Version 1.0.0 rev52249 – July 11, 2014
Sources, Credits and Licenses
We have used the following open source projects, graphics, fonts, API’s or other files as listed. Thanks to the author for the creative work they made.
- Codrops (http://tympanus.net/codrops/). Google Grid Gallery blueprint. Please notice it has been adapted for WordPress, and we have added an extensive options panel for setup and administration, as well as added features that are not available in the original source.
- Steamline Icons, (12 icons), Standard License. http://www.streamlineicons.com/
- Font Awesome by Dave Gandy (5 icons), http://fortawesome.github.io/Font-Awesome/
- Google Web Fonts, https://www.google.com/fonts (http://creativecommons.org/licenses/by/3.0/)