{"id":139784,"date":"2018-10-04T11:00:53","date_gmt":"2018-10-04T16:00:53","guid":{"rendered":"https:\/\/getflywheel.com\/?p=29754"},"modified":"2024-01-02T02:29:51","modified_gmt":"2024-01-02T08:29:51","slug":"ways-dynamic-tables-improve-wordpress-site","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/","title":{"rendered":"3 Ways Dynamic Tables can Improve your WordPress Site"},"content":{"rendered":"\n<p>In the past, most sites focused on static content. These days, dynamic content rules the web. Internet users expect to be able to interact with most of the content they view, to some extent or another.<\/p>\n\n\n\n<p>Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience. This kind of &#8220;WordPress posts table&#8221; helps visitors find what they&#8217;re looking for quickly, and presents your content in the best possible light.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/image2-trial.gif\" alt=\"dynamic tables improve wordpress site screenshot screen flow\" class=\"wp-image-29874\"\/><\/figure>\n\n\n\n<p>In this article, we\u2019ll explain what dynamic tables are. Then we\u2019ll talk about some of the ways they can be used effectively on your WordPress site. Let\u2019s get started!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">An Introduction to Dynamic WordPress Tables<\/h2>\n\n\n\n<p>WordPress provides a lot of handy functionality. Still, there are some things it\u2019s not very good at out of the box. One of those is providing ways to organize your content in a dynamic way, and another is setting up tables.<\/p>\n\n\n\n<p>When we&nbsp;talk about dynamic tables, we&#8217;re referring to <a href=\"https:\/\/poststablepro.barn2.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\">something like this<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/stock-photots-audio.png\" alt=\"dynamic tables example screenshot in wordpress\" class=\"wp-image-29875\"\/><\/figure>\n\n\n\n<p>Here, you can see a list of a website\u2019s content, including some blog posts, images, events, and so on. As with any table, this is an organized and attractive way to present information on your site. This particular table is dynamic, however, because it doesn\u2019t merely present static information.<\/p>\n\n\n\n<p>Instead, users can search through the table to find what they need quickly. They can use the search function, sort through various categories and tags <a href=\"https:\/\/barn2.co.uk\/kb\/posts-table-filters\/\" target=\"_blank\" rel=\"noopener noreferrer\">via the drop-down menus<\/a>, and even click on each column\u2019s heading to reorganize the table itself.<\/p>\n\n\n\n<p>There are a lot of applications for this kind of table. The example above includes a variety of items, but most often you\u2019ll use a \u2018posts table\u2019 to display a specific type of content. (Despite the name, this is not just limited to posts). Below, we\u2019ll look at a few of the top use cases.<\/p>\n\n\n\n<p>Of course, you may be wondering <em>how<\/em> you can add this kind of table to your site. While it would be possible to achieve this effect using some custom code, it would take a lot of work. A simpler solution is to use a dedicated plugin, such as <a href=\"https:\/\/barn2.co.uk\/wordpress-plugins\/posts-table-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">Posts Table Pro<\/a>. This will enable you to add fully-customizable tables to your WordPress site, and then tweak their appearance, behavior, and contents to meet your exact needs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Three Ways Dynamic Tables can Improve Your WordPress Site<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/10\/2018-09-28_ways-dynamic-tables-can-improve-wordpress-site-662.png\" alt=\"a person working on project management software\" class=\"wp-image-29883\"\/><\/figure>\n\n\n\n<p>Right now, all of this may still feel a bit abstract. Therefore, let\u2019s look at a few examples of dynamic WordPress tables in action. What follows are three ways you can use a posts table to organize your content in a more compelling and user-friendly way.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. You can Create a Library of Media Files<\/h3>\n\n\n\n<p>Your WordPress site has a <strong>Media Library<\/strong> that\u2019s just for your use. This is a handy feature for when you\u2019re creating and updating content. However, you may also want to display a selection of media files for your website\u2019s audience.<\/p>\n\n\n\n<p>For example, you could collect your best YouTube videos, and show them off on a single page. The same applies to audio files\u2014this comes in handy if you run a podcast. Either way, you can display only the files you want in your dynamic table, include whatever information you like about each one, and even embed the files themselves directly.<\/p>\n\n\n\n<p>Let\u2019s see how this might work in action. First up, <a href=\"https:\/\/barn2.co.uk\/wordpress-audio-library\/\" target=\"_blank\" rel=\"noopener noreferrer\">an audio gallery<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/audio.png\" alt=\"audio dynamic table screenshot in wordpress\" class=\"wp-image-29876\"\/><\/figure>\n\n\n\n<p>Here you can see a list of audio files, each of which can be listened to right from the table. There\u2019s some basic information included about each one as well, such as its title and description. Users can also filter the table by genre and search for specific files using the field above the table.<\/p>\n\n\n\n<p>Now, <a href=\"https:\/\/poststablepro.barn2.co.uk\/wordpress-video-gallery\/\" target=\"_blank\" rel=\"noopener noreferrer\">a video gallery<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/videos.png\" alt=\"dynamic tables in wordpress with video files in screenshot\" class=\"wp-image-29877\"\/><\/figure>\n\n\n\n<p>Again, visitors can watch each video within the table, or they can click on any title to visit that video\u2019s dedicated page. These videos are separated into various topics, which people can use to filter the files.<\/p>\n\n\n\n<p>Overall, this is a more attractive and useful way of displaying a lot of media files than trying to embed each one separately in a page or post. The best part is that the tables pictured above are only examples\u2014you can arrange yours however you like and <a href=\"https:\/\/barn2.co.uk\/kb\/posts-table-columns\/\" target=\"_blank\" rel=\"noopener noreferrer\">include more or less information<\/a> about each piece of media.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. They can Help you Display a Membership Directory<\/h3>\n\n\n\n<p>A lot of WordPress sites enable some sort of registration and\/or membership. If you\u2019re running this type of site, it can be a good idea to display information about all your members in a single location.<\/p>\n\n\n\n<p>This way, if someone needs to get in touch with a particular member, they can find the information they need easily (such as contact details). Showing off a list of your user base can also be a great way to prove to new visitors how much reach your company or organization has.<\/p>\n\n\n\n<p>As you can probably guess, a dynamic table is the perfect way to do this. Let\u2019s look at <a href=\"https:\/\/barn2.co.uk\/wordpress-member-directory-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">an example<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/local-people-adelle.png\" alt=\"local authors in dynamic table in wordpress example screenshot\" class=\"wp-image-29878\"\/><\/figure>\n\n\n\n<p>This directory lists each member&#8217;s name provides a summary about them, and even shows a profile picture for a more human touch. There are also a few details about how to contact each member, and what level of expertise they have.<\/p>\n\n\n\n<p>If displayed on the front end of your site, visitors can use this directory to browse through your members list. They can also filter the list by whatever criteria you like, in order to locate someone they want to get in touch with. You could make this table publicly viewable by anyone, or lock it away in a safe, members-only area.<\/p>\n\n\n\n<p>It\u2019s worth noting that the same kind of table can be used within a company or organization as well. Instead of a members list, you can create <a href=\"https:\/\/barn2.co.uk\/wordpress-staff-directory-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">a staff directory<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/people-collin.png\" alt=\"authors dynamic table in wordpress example screenshot\" class=\"wp-image-29879\"\/><\/figure>\n\n\n\n<p>This helps ensure that all employees have access to the information they need, and can be used effectively on an internal company site. Again, you can add just about any details you like to this directory, so you\u2019re only focusing on what matters to your particular organization.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. You\u2019re Able to put Together a Document Library<\/h3>\n\n\n\n<p>Some sites need to provide a lot of documents to their users. This could include forms, legal information and policies, white papers, ebooks, or just about anything else. If you want these items to be useful to your audience, you\u2019ll need to make them simple to locate and download (or view).<\/p>\n\n\n\n<p>Once again, a dynamic table can <a href=\"https:\/\/barn2.co.uk\/wordpress-document-library-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">come to the rescue<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/09\/posts-stock-photos.png\" alt=\"stock photos in blog posts dynamic tables in wordpress example screenshot\" class=\"wp-image-29880\"\/><\/figure>\n\n\n\n<p>Here you can see the name of each document, a summary about it, and a few other pertinent details (such as the year it was created and its file type). You can also include an image of each document, and any additional details you like.&nbsp;<\/p>\n\n\n\n<p>What\u2019s most important about this table is the very last column. There, users will find embedded buttons enabling them to download and\/or view each document quickly. This saves them the trouble of having to navigate to the documents\u2019 individual pages. Plus, as before, they can search, sort, and filter the table to quickly locate the exact items they need.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>If you have a lot of similar content on your WordPress site, it\u2019s worth putting some serious thought into how that content is displayed. An organized, searchable, and customizable table can be the perfect way to show off your content in the best possible light, and make it all easy to access.<\/p>\n\n\n\n<p>The sky&#8217;s the limit when it comes to using dynamic tables on your site, particularly if you\u2019re using a flexible plugin such as <a href=\"https:\/\/barn2.co.uk\/wordpress-plugins\/posts-table-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">Posts Table Pro<\/a> to create them. Among many other use cases, you can:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a library of media files.<\/li>\n\n\n\n<li>Display a membership (or staff) directory.<\/li>\n\n\n\n<li>Put together a document library.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>In the past, most sites focused on static content. These days, dynamic content rules the web. Internet users expect to be able to interact with most of the content they view, to some extent or another. Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience.<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":140881,"template":"","resource-topic":[1396],"resource-role":[1397,897],"resource-type":[916],"class_list":["post-139784","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>3 Ways Dynamic Tables can Improve your WordPress Site<\/title>\n<meta name=\"description\" content=\"Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Ways Dynamic Tables can Improve your WordPress Site\" \/>\n<meta property=\"og:description\" content=\"Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-02T08:29:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/10\/dynamic-tables-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/\",\"name\":\"3 Ways Dynamic Tables can Improve your WordPress Site\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2018-10-04T16:00:53+00:00\",\"dateModified\":\"2024-01-02T08:29:51+00:00\",\"description\":\"Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"3 Ways Dynamic Tables can Improve your WordPress Site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3 Ways Dynamic Tables can Improve your WordPress Site","description":"Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"3 Ways Dynamic Tables can Improve your WordPress Site","og_description":"Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2024-01-02T08:29:51+00:00","og_image":[{"width":1100,"height":500,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/10\/dynamic-tables-header.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/","name":"3 Ways Dynamic Tables can Improve your WordPress Site","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2018-10-04T16:00:53+00:00","dateModified":"2024-01-02T08:29:51+00:00","description":"Adding dynamic elements to your site\u2014such as searchable and sortable tables\u2014is a smart way to improve the user experience.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/ways-dynamic-tables-improve-wordpress-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"3 Ways Dynamic Tables can Improve your WordPress Site"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2018\/10\/dynamic-tables-grid.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer, Freelancer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/140881"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139784"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139784"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139784"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}