Adding manageable grids to your WordPress site is a good approach to arrangement calm and conduct your page layout. While there are many glorious themes that underline grid formed layouts, we can still take advantage of manageable post grids even if your thesis doesn’t have them built in.
Although there are copiousness of WordPress plugins privately for formulating picture galleries regulating grids and other layouts, this essay will be looking during ways to supplement grid layouts to your page for displaying posts and other calm on your website.
Using Grids in WordPress
A grid blueprint is a great way to arrangement images like photographs or a pattern portfolio.They’re not only for pictures, yet – grid layouts can also be used to arrangement posts on your homepage and other tools of your site in an engaging and appealing way.
Grid layouts are also a good approach to concede mobile users to navigate your site. They’re easy to click on, and there’s no worry about little buttons. Given a augmenting recognition of mobile traffic, it’s critical to make certain mobile users also have a good knowledge when they’re on your site.
You can see some examples of grid-based layouts below. All these screenshots uncover themes that use a grid blueprint for displaying posts and pages in a really visible and appealing way:
These giveaway and reward plugins make it really easy to supplement a grid blueprint to arrangement your posts or pages.
uSquare – Universal manageable grid for WordPress
With over 5,200 sales at a Code Canyon marketplace, uSquare is one of a many renouned paid manageable grid plugins. It provides a minute and full-featured outlay while still being surprisingly easy to setup and use.
You can emanate total uSquares, or grids, and afterwards supplement as many equipment to them as we wish. Individual posts can be combined to a grid, or all a posts from certain categories. Once you’ve combined an item, we can revise a sum of that object such as a name, description, colour and many some-more options. Rest positive – this doesn’t impact a tangible attributes of a post or page.
The sequence of equipment can be managed regulating a easy drag-and-drop interface. There are also copiousness of styling options to select from. giving we tons of control over how your grid and a equipment will look.
The best underline of this plugin is a options supposing for when users click on links within a grid. You can opt to take a user to a specific post or page, arrangement an picture in a series of ways or best of all, arrangement a covering with additional information about that object on a same page.
This plugin was designed to make it really easy to build grid layouts to arrangement picture galleries, posts, icons, staff profiles, products and anything else we can consider of.
Download uSquare »
Content Views
With over 40,000 active installs, Content Views is one of a many renouned giveaway post grid plugins on a plugin repository. It lets we arrangement your posts in a grid format anywhere on your site. You can simply supplement them to a post, page, widget, or thesis record with a shortcode.
Content Views also lets we collect that posts to uncover – we can arrangement a manually selected preference of posts, all your latest posts, posts by a specific author, or an whole category. This gives we tons of coherence for what we display.
Other facilities include:
- Ajax and non-ajax arrangement options
- enable/disable pagination
- Social share buttons
- And more!
All this yet wanting to know any code!
Download Content Views»
Essential Grid
With over 17,000 purchases during Code Canyon, Essential Grid is super popular. For good reason, too.
Essential Grid is a reward plugin for WordPress that allows we to arrangement several calm formats in a rarely customizable grid. Possible applications operation from portfolios, blogs, galleries, WooCommerce shops, cost tables, services, product sliders, testimonials and anything else we can imagine.
It’s totally responsive, concordant with MultiSite and Multi-Lingual, and gives we a visible editor to simply build skins.
Download Essential Grid »
Post Grid
Post Grid is another renouned giveaway choice with over 8,000 active installs. It lets we use shortcodes to arrangement posts in an cultured grid layout. You can query any post form to supplement to your layout.
You can also select to arrangement or censor meta information like author, tell date, and more. The grid distance is also entirely manageable and customizable to best fit your website.
Social share buttons and pagination turn out an considerable underline set for a giveaway chronicle of this plugin.
Download Post Grid »
Uber Grid
UberGrid is a absolute manageable grid / gallery builder for WordPress that can build good looking walls of block items. It’s got 3,800 sales during CodeCanyon, that creates it well-used, yet not utterly as renouned as a prior plugins.
You can conclude your grids manually or lift them in automatically regulating your WordPress posts, including WooCommerce products and tradition post forms combined by third celebration plugins or themes. You can use UberGrid to benefaction your portfolio, team, products, photos, blog posts, or anything else that can be presented with block cells. Its easy customization options concede we to adjust it to roughly any need.
Download Uber Grid »
Justified Image Grid
This entirely manageable WordPress gallery plugin aligns your thumbnails into a fit grid regulating jQuery, identical to Flickr and Google picture search. It ensures your galleries mount out in an eye-catching and singular new way!
Like a name suggests, it justifies your grid into a offset plane print grid that catches your users’ eyes. Your images will always keep their strange aspect ratio, so zero gets distorted.
If you’re into editing, we can supplement opposite effects to your images to showcase them in a singular way.
Download Justified Image Grid »
Grid Layout Shock
The giveaway chronicle of this WordPress blueprint apparatus contains some-more than adequate facilities to get we adult and regulating with adding manageable grid layouts to your site.
When it comes to building your grids, there are a crowd of options to select from, giving we a good volume of control over how your finished product will look. Grid Layout Shock includes options to edit:
- The pretension rise and size
- The calm rise and size
- The distance of any box
- Whether to use a ‘read more’ button
- Set a ‘read more’ symbol text
- Select source for a information such as categories, taxonomies, post type, RSS feeds, etc.
- What to show: title, image, mention etc.
- Number of equipment to arrangement and how to arrange them
To get entrance to a entirely responsive, mobile-ready functionality, we will need to ascent to one of a reward options. However, a giveaway chronicle does concede we to set a distance of your choice for a grid, nonetheless this doesn’t respond to a user’s shade size. As good as customary grids, we can also create carousels with this plugin.
There are a series of themes accessible with a Grid Layout Shock plugin, nonetheless many of them are indifferent for reward users. While a giveaway chronicle is positively nude down, it does yield adequate functionality to make this a good choice for those who don’t wish to upgrade.
Download Grid Layout Shock »
Gridster
This is a free grid blueprint plugin for WordPress. Though it hasn’t been updated in a while, it’s really easy to use and allows we to drag and dump equipment from a list of your posts and pages.
Once you’ve combined a grid, we can hide it into your pages by pasting a shortcode, or by regulating a Gridster idol that Gridster adds to your editor. The plugin has a default settings page where we can set a margins and bottom breadth and height. However, when building a grid we can set a blueprint options away or only hang to a default settings.
Once you’ve combined an object to your grid, we can afterwards revise a information displayed, such as a pretension and a mention that is a good underline that gives we some-more control over how your grids and calm look. The distance of a equipment can also be altered regulating a elementary drag and dump interface that is good for giving your grids a some-more artistic appearance.
While this is positively a simple grid blueprint plugin, generally when compared to a reward offerings I’ve covered, it could be a good choice for those looking for a no-cost simple solution.
Download Gridster »
Using a plugins listed above creates it easy to supplement an considerable grid blueprint to your site. While a reward options are a many feature-rich, a giveaway options are also value investigating, as they should be means to assistance we achieve your grid blueprint goals, yet yet as many additional facilities and options.
Have we used any of a grid blueprint plugins above? Which was your favorite? Chime in!
Hey! we commend this post. That’s correct. This strange Post (from 2013) from Joe Fylan was edited by Colin Newcomer with updated information, new plugins and expansions on some of a points that were done before.
- Google+
- Website
How To: Display Your WordPress Posts & Pages in a Grid Layout
No comments:
Post a Comment