Two other important other points you should consider when selecting a column plugin is how your layouts will appear and the ease of use. It is also important to mention that single-column layouts are more commonly used on the web, but multi-column grids are better in displaying content and maximizing on better use of the space. The main goal was to make it easier for users to read the smaller text, and at the same time utilizing the available space economically. Using columns and grids is a trendy way of showcasing website content as well as in traditional print media, like newspapers and magazines, which have been using multi-column layouts since the very early days of printing. If you are a WordPress beginner, and you do not know how to display content on your site, using one of the best column plugins on this list is the way to go. This can be content such as eCommerce products, videos, and social media posts. However, the premium plugins tend to give you more options for different types of content you want to display in grids. I have used some of these plugins to display content on various sites, and most of the best free grid plugins have good support for adding WordPress posts and pages to your layouts. When choosing the best column plugin, it is important to know the type of content you want to showcase in these beautifully designed columns or grids. This is important, as some column plugins can help you achieve several content layout goals like to create grid layouts that display the latest posts from your blog, display the best pages from your website, display images from your WordPress Media Library that you would like to present in a collection.Īdditionally, some of them can display content from external sources in your layouts, such as videos from YouTube or photographs from Instagram. However, before you look into this column plugins list, it is important to note that you need to identify the key features of a good column plugin. Moreover, this list contains plugins that are very easy to install on your site, giving your visitors better way to interact with your content. Column WordPress PluginsĬolumns plugins will give you the ability to create custom grid layouts that are populated with your choice of content, in an amazing design. This is the complete list of all the grid or column plugins hat are highly rated. If you don’t feel confident enough to do this work yourself, please do get in touch and ask us to quote for doing it for you.Looking for an interesting way to display content on your WordPress website using columns? I have shared with you on this post the curated list of the best column grid plugins that you can use to implement column design layouts on your site. All done with a simple combination of HTML and CSS. As you can see the key point is the smart use of ‘display:none ’ for each media block to decide which bit of HTML gets displayed depending on the screen width… First a section of the HTML we added to the page… Here are a couple of screenshots to help you get started if you wanted to do something similar yourselves. Our client can easily add more rows to his table. So, if you have a client who is willing and able to do a little more manual effort to maintain his pages, a hand-crafted HTML and CSS solution might be the most appropriate way to go. Here’s how that same table looks for mobile users… We did something similar for the footer text so that instead of having separate columns saying ‘No Hidden Extras’ and ‘Nasty Surprises’ we had a single text string saying ‘No hidden extras and no nasty surprises’. We coded our responsive HTML and CSS solution to remove the column heading ‘Typical Competitor’ and ‘The Verbatim Way’ and add them to the front of the column text on each individual field. When reduced down on a mobile device the significance of that could get lost on the visitor, so we need to find a way of making the layout more relevant. ‘Nasty Surprises’ belong to the ‘Typical competitor’ column and not to my client). For example, the full-size desktop table (see below) has 3 clear column headings and text in the footer columns that relate to those individual columns (e.g. They can also conflict with other plugins, and pose security risks if they are not updated or if they come from an unreliable source.Īnother advantage of using your own code, rather than relying on a ready-made plugin, is that you can vary the text and appearance depending on the size of the browser window. Whilst plugins are often a good idea, as they offer a solution that can be managed by website owners and which are regularly updated by the plugin authors, they can sometimes ‘bloat’ a website with unnecessary code that impacts performance.
0 Comments
Leave a Reply. |