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. You may end up with something like this, which just uses simple tables (no media queries, no hiding, fully and totally compatible with every email client).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. There are tricks to make it more accessible and durable too, as I describe in my post: Responsive DataTables through Card UI Design for Email Then, you complement this with graphical hierarchy to create a pleasing display that responds to screen width naturally. (Scrolling using overflow doesn't work on many email clients, and automatically hiding columns relies on JavaScript, which obviously doesn't work.)Įmails on mobile can comfortably display up to about 5-6 thin columns, so your layout is never going to be responsive unless you hide most of the columns on the email, and allow them to click through for more information (on a website, where you can use JavaScript solutions).Įssentially, this pulls the data out of a table completely, opting for a 'card' which enables you to use multiple rows for a single entry. There are two main options: the layout as you describe, and the card UI design as Juan has pointed out. How do you persuade an organization to value UX See other questions and answers for that, e.g. The boss doesn't understand the purpose of email or the concept of User Experience. Here an screenshot of this approach that I applied to a client (in spanish): Here you can say that the interface are "tailored" to different preferences BY USER (a selling gag). The second approach is a "hidden complexity" method where you save by user the columns to be displayed on the workspace and with a simple "gear" icon let the user select them. This card is stackable with other above and below, teaching to the user that the easy scan any of the information structure through all the records. In this example you have 5 columns (Typo of Information and Icon, Number of Policy, Expire date, remaining time and more info) simplified in only 3 leves of information and, by gestalt laws, only 2 visual groups to understand. The information cards can contain several data with a more usable approach. What we call "Information rows or cards" with information hierarchy defined with client by a simple card sorting.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |